@import url(https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Staatliches&display=swap);
.ai-business .ai-sidebar {
  min-width: 241px;
  max-width: 241px;
  padding: 0 16px;
  background-color: #f6f6f6; }

.ai-business .ai-content {
  width: 100%;
  display: flex;
  padding: 0 16px;
  background-color: white;
  justify-content: space-between; }
  .ai-business .ai-content .chat-content {
    width: 100%; }
  .ai-business .ai-content .chat-cart {
    min-width: 375px;
    max-width: 375px; }

.ai-business .ai-header {
  width: 100%;
  height: 56px;
  display: flex; }
  .ai-business .ai-header .b-btn,
  .ai-business .ai-header .b-btn:hover,
  .ai-business .ai-header .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px !important;
    padding-left: 0; }
    .ai-business .ai-header .b-btn i,
    .ai-business .ai-header .b-btn:hover i,
    .ai-business .ai-header .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .ai-business .ai-header .ai-content .chat-content {
    display: flex;
    align-items: center;
    justify-content: center; }
  .ai-business .ai-header .ai-content .chat-cart {
    display: flex;
    align-items: center;
    justify-content: flex-end; }

.ai-business .ai-chat-content {
  display: flex;
  height: calc(100vh - 56px);
  width: 100%;
  overflow-x: auto; }
  .ai-business .ai-chat-content .ai-sidebar {
    padding-top: 20px;
    overflow-y: scroll; }
    .ai-business .ai-chat-content .ai-sidebar::-webkit-scrollbar {
      width: 0px; }
    .ai-business .ai-chat-content .ai-sidebar .chat-list {
      margin-top: 16px; }
      .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container-header {
        padding: 0px 12px;
        margin-bottom: 8px; }
      .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
        cursor: pointer;
        border-radius: 4px;
        margin-bottom: 2px; }
        .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container .un-dot.small {
          width: 2px;
          height: 2px; }
        .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container .ellipsis-btn.small {
          width: 14px !important;
          height: 15px !important; }
        .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container.active, .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container:hover {
          background-color: white; }
        .ai-business .ai-chat-content .ai-sidebar .chat-list .chat-container.rename {
          background-color: transparent !important; }
  .ai-business .ai-chat-content .ai-content-container {
    width: 100%;
    height: 100%;
    overflow-x: auto; }
    .ai-business .ai-chat-content .ai-content-container .ai-content {
      height: 100%;
      min-width: 1024px; }
      .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content {
        display: flex;
        justify-content: center;
        height: calc(100vh - 96px); }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .suggestion {
          display: inline-block;
          padding: 8px 12px;
          background-color: white;
          border-radius: 16px;
          border: 1px solid #d4d4d4;
          margin-bottom: 8px;
          cursor: pointer; }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box {
          display: flex;
          border-radius: 26px;
          background-color: #f6f6f6; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box textarea {
            padding: 16px 0px 16px 32px;
            border-radius: 26px;
            background-color: #f6f6f6;
            border: none;
            resize: none; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box textarea.ant-input {
            margin-bottom: 0px !important; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box .input-suffix-btn {
            display: flex;
            align-self: center;
            align-items: center;
            justify-content: center;
            color: white;
            min-width: 39px;
            min-height: 39px;
            margin: 0 8px;
            border-radius: 26px;
            background-color: #90999d;
            cursor: pointer; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box .input-suffix-btn i {
              font-size: 25px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .ai-input-box .input-suffix-btn.disable {
              opacity: 0.3;
              cursor: default; }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .new-chat-box {
          width: 640px;
          display: flex;
          align-items: center; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .new-chat-box .empty-chat-content {
            width: 100%; }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box {
          width: 100%;
          position: relative; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container {
            width: 100%;
            height: calc(100% - 51px);
            overflow-y: scroll; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container::-webkit-scrollbar {
              width: 0px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .message-container-frame {
              width: calc(640px + 50px);
              height: calc(100% - 51px);
              margin-left: auto;
              margin-right: auto; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container ul,
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container ol,
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container dl {
              padding: 0;
              padding-left: 40px;
              margin: 0; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container li > ul,
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container li > ol,
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container li > dl {
              margin-top: 1rem; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .user-message {
              max-width: calc(80% - 50px);
              min-height: 41px;
              border-radius: 16px;
              padding: 12px 16px;
              background-color: #efefef;
              float: right;
              clear: both; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .assistant-message {
              float: left;
              clear: both; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .assistant-message .profile-container {
                margin-right: 20px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .message-content {
              white-space: pre-wrap; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .message-content .thinking-container {
                animation: colorShift 1.5s ease-in-out infinite;
                background: linear-gradient(90deg, #d4d4d4, #0c2028);
                background-size: 200% 100%;
                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent; }

@keyframes colorShift {
  0% {
    background-position: 200% 100%; }
  100% {
    background-position: 0% 100%; } }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .message-content .typing-dot {
                width: 10px;
                height: 10px;
                border-radius: 25px;
                display: inline-block;
                background-color: black;
                animation: blink 1s infinite; }

@keyframes blink {
  0%,
  100% {
    opacity: 1; }
  50% {
    opacity: 0; } }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .message-content p {
                margin-bottom: 0 !important; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box {
              width: 470px;
              border-radius: 16px;
              border: 1px solid #efefef;
              padding: 16px 0;
              margin-bottom: 20px; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box.html-box {
                width: 570px; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-header {
                display: flex;
                justify-content: space-between;
                padding: 0 16px; }
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-header .feather-download,
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-header .feather-maximize-2,
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-header .feather-minimize-2 {
                  color: #647176;
                  font-size: 17px;
                  cursor: pointer; }
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-header .feather-download {
                  margin-right: 16px; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-content img {
                width: 100%;
                height: 300px;
                object-fit: contain; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box .file-box-content iframe {
                border: none;
                width: 100%;
                height: 400px; }

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: 0 0; } }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .message-container .file-skeleton-box {
              padding: 32px;
              margin-bottom: 20px;
              background: linear-gradient(90deg, #e5e5e5, #d4d4d4, #e5e5e5);
              background-size: 200% 100%;
              animation: skeleton-loading 1.5s infinite; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .input-container {
            bottom: 0;
            width: calc(640px + 20px);
            left: calc(50% + 25px);
            transform: translateX(-50%);
            position: absolute; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .input-container .scroll-to-bottom {
              display: flex;
              align-self: center;
              align-items: center;
              justify-content: center;
              color: white;
              min-width: 39px;
              min-height: 39px;
              border-radius: 26px;
              background-color: #d4d4d4;
              cursor: pointer; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-content .chat-box .input-container .scroll-to-bottom i {
                font-size: 25px; }
      .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart {
        border-radius: 12px;
        height: calc(100vh - 136px);
        max-height: 622px;
        background-color: #f6f6f6;
        padding: 16px;
        margin-top: 40px;
        margin-left: 16px; }
        @media (max-height: 400px) {
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart {
            height: calc(100% - 10px);
            margin-top: 5px; } }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header {
          display: flex;
          justify-content: space-between; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header > button {
            background-color: #efefef;
            width: 109px;
            height: 41px;
            border-radius: 21px;
            font-size: 14px;
            color: #0c2028;
            border: none; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header > button:hover, .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header > button:active, .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header > button.active {
              background-color: #90999d;
              font-weight: 500;
              color: white; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-header > button:after {
              display: none; }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-search {
          margin-top: 12px;
          margin-bottom: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-search input {
            border-radius: 26px;
            height: 41px;
            padding: 12px 16px; }
        .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content {
          height: calc(100% - 120px);
          overflow-y: scroll; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content::-webkit-scrollbar {
            width: 0px; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .recent-search {
            margin-bottom: 20px;
            padding: 0 16px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .recent-search .recent-search-header {
              margin-bottom: 4px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .recent-search .recent-search-list {
              margin-top: 8px;
              cursor: pointer; }
          .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container {
            margin-bottom: 4px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list-header {
              padding: 0 16px;
              margin-bottom: 8px; }
            .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list {
              padding: 8px 16px;
              border-radius: 8px; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list.active, .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list:hover {
                background-color: white; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list .plain-btn {
                display: flex;
                align-items: center;
                font-size: 12px !important;
                white-space: nowrap !important; }
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list .plain-btn i {
                  font-size: 13px !important; }
                .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list .plain-btn.copied {
                  color: #647176 !important; }
                  .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list .plain-btn.copied i {
                    color: #647176 !important; }
              .ai-business .ai-chat-content .ai-content-container .ai-content .chat-cart .cart-content .cart-list-container .cart-list .custom-image {
                width: 56px;
                height: 56px;
                border-radius: 4px;
                border: 1px solid #e5e5e5; }
  .ai-business .ai-chat-content.expanded {
    height: 100vh; }
    .ai-business .ai-chat-content.expanded .ai-content-container .ai-content {
      padding: 0; }
      .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file {
        width: 100%;
        height: 100%; }
        .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-header {
          height: 56px;
          width: 100%;
          display: flex;
          justify-content: end;
          align-items: center;
          padding: 0 16px; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-header .feather-download,
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-header .feather-minimize-2 {
            color: #647176;
            font-size: 17px;
            cursor: pointer; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-header .feather-download {
            margin-right: 16px; }
        .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-content {
          width: 100%;
          height: calc(100% - 56px);
          padding: 0 20px;
          display: flex;
          justify-content: center; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-content img {
            max-width: 100%;
            max-height: 100%; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .ai-expanded-file .expanded-content iframe {
            border: none;
            width: 100%;
            max-width: 100%;
            max-height: 100%; }
      .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .chat-content {
        height: 100%;
        width: unset;
        justify-content: end;
        border-left: 2px solid #e5e5e5; }
        .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .chat-content .chat-box {
          width: calc(100vw * 0.3);
          min-width: 450px;
          padding: 20px 16px; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .chat-content .chat-box .message-container .message-container-frame {
            width: 100%; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .chat-content .chat-box .message-container .file-box {
            width: 350px; }
          .ai-business .ai-chat-content.expanded .ai-content-container .ai-content .chat-content .chat-box .input-container {
            bottom: 20px;
            width: calc(100% - 32px);
            left: calc(50%); }

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 0 !important; }

@media (min-width: 1024px) {
  .ai-business-setting.un-page {
    width: 644px !important;
    margin: 0 auto !important; } }

.ai-business-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .ai-business-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .ai-business-setting .header-buttons .b-btn,
  .ai-business-setting .header-buttons .b-btn:hover,
  .ai-business-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .ai-business-setting .header-buttons .b-btn i,
    .ai-business-setting .header-buttons .b-btn:hover i,
    .ai-business-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

#Styled_SubscriptionTag {
  border-radius: 4px !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: normal !important;
  border: 1px solid;
  white-space: normal;
  height: fit-content;
  padding: 1px 8px;
  margin-right: 8px; }
  #Styled_SubscriptionTag span {
    font-size: 12px !important;
    line-height: 14px !important; }

.bundles .unicart-table .ant-list-item-meta-description {
  padding-left: 7px !important; }

.bundles .unicart-table .ant-table-title {
  margin-left: 80px !important; }

.un-form-add-bundle .title {
  margin-bottom: 20px !important; }

.un-form-add-bundle .ant-form-item-label {
  padding: 0 !important; }

.un-form-add-bundle .dynamic-delete-button {
  z-index: 100;
  color: #90999d !important;
  background: none;
  font-size: 20px; }

.un-form-add-bundle .dynamic-plus-button {
  z-index: 100;
  color: blue !important;
  background: none;
  font-size: 20px; }

.un-form-add-bundle .ant-upload.ant-upload-drag {
  border: none !important; }

.un-form-add-bundle .un-upload-image-div .ant-row.ant-form-item {
  min-height: 250px; }

.un-form-add-bundle .un-upload-image-div .image-upload-blank {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  border: 1px dashed #e5e5e5;
  border-radius: 4px;
  padding: 60px 25px 25px 25px;
  min-height: 250px; }

.un-form-add-bundle .ant-upload-list-picture-card {
  margin-top: 0.01em !important;
  width: 100%; }

.un-form-add-bundle .ant-upload-list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.un-form-add-bundle .ant-upload-list > :first-child {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

.un-form-add-bundle .upload-list-inline .ant-upload {
  display: none !important; }

.un-form-add-bundle .ant-upload.ant-upload-select-picture-card {
  background-color: transparent;
  border-color: transparent;
  width: 100%;
  height: 150px; }

.un-ant-drawer-body.edit-variant .ant-drawer-content-wrapper {
  height: 100% !important;
  width: 100% !important; }

.un-ant-drawer-body.edit-variant .ant-drawer-header {
  padding: 8px 0px !important; }

.un-ant-drawer-body.edit-variant .ant-drawer-content {
  background-color: #f6f6f6; }
  .un-ant-drawer-body.edit-variant .ant-drawer-content .ant-drawer-header {
    background: #f6f6f6;
    border-bottom: 1px solid #e8e8e8; }
  .un-ant-drawer-body.edit-variant .ant-drawer-content .un-page-center h2 {
    cursor: pointer;
    margin: 5px 0px; }
  .un-ant-drawer-body.edit-variant .ant-drawer-content .un-page-center button {
    margin-left: auto; }

.un-ant-drawer-body.edit-variant .ant-row::before,
.un-ant-drawer-body.edit-variant .ant-row::after {
  display: none !important;
  content: none !important; }

.analytics-marketplace .marketplaceChannelChart .overview-box, .analytics-marketplace .marketplaceChannelChart .chart-section {
  display: flex;
  align-items: center;
  justify-content: center; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .label,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.analytics-marketplace .marketplaceChannelFilter .filter-box, .analytics-productsPerformance .filter-box, .analytics-master-sku .channelFilter .filter-box {
  padding: 1rem;
  background-color: #fff;
  border-radius: 12px !important;
  box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08); }
  .analytics-marketplace .marketplaceChannelFilter .filter-box .ant-select-selection, .analytics-productsPerformance .filter-box .ant-select-selection, .analytics-master-sku .channelFilter .filter-box .ant-select-selection,
  .analytics-marketplace .marketplaceChannelFilter .filter-box .ant-input,
  .analytics-productsPerformance .filter-box .ant-input,
  .analytics-master-sku .channelFilter .filter-box .ant-input {
    border: 1px solid rgba(217, 217, 217, 0.5); }

.analytics-marketplace .marketplaceTopProduct .table-title, .analytics-productsPerformance .productsPerformanceList .table-title, .analytics-master-sku .masterSkuReportDetail .table-title {
  font-size: 1.3em;
  font-weight: 500; }

.analytics-marketplace .marketplaceTopProduct .datatable-custom, .analytics-productsPerformance .productsPerformanceList .datatable-custom, .analytics-master-sku .masterSkuReportDetail .datatable-custom {
  border-radius: 8px !important;
  padding: 1rem;
  margin-bottom: 20px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08);
  box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08); }

.analyticsMain .un-box-flat {
  margin-top: 20px;
  padding: 20px 24px; }

.analyticsMain .dash-cards .card {
  background: #f6f6f6 0% 0% no-repeat padding-box !important;
  border-radius: 4px !important;
  padding: 0 !important;
  margin-bottom: 20px !important; }

.analyticsMain .card {
  border: none !important; }

.analyticsMain .ant-list-item {
  padding: 20px 0 !important;
  width: -webkit-fill-available !important;
  width: fill-available !important;
  width: -moz-available !important; }
  @media (min-width: 1024px) {
    .analyticsMain .ant-list-item {
      height: fit-content !important;
      height: -moz-fit-content !important; } }

.analyticsMain .ant-list-item-meta {
  padding-left: 24px !important;
  padding-right: 34px !important; }

.analyticsMain .ant-list-item-meta-avatar {
  background: #8ed7ff 0% 0% no-repeat padding-box;
  border-radius: 50%;
  width: 53px !important;
  height: 53px !important;
  margin-right: 8px;
  text-align: center; }

.analyticsMain .custom-align-center .ant-list-item-meta-avatar {
  align-self: center; }

.analyticsMain .ant-avatar-image {
  margin-top: 14px !important; }

.analyticsMain .ant-list-item-meta-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding-top: 15px !important; }

.analyticsMain .un-text-truncate {
  font-size: 16px !important;
  max-height: none !important; }

.analyticsMain .un-light-label {
  font-size: 12px !important;
  color: #647176 !important; }

.analytics-marketplace .marketplaceChannelChart {
  margin-bottom: 32px; }
  .analytics-marketplace .marketplaceChannelChart .overview-container {
    height: fit-content !important; }
  .analytics-marketplace .marketplaceChannelChart .overview-box {
    height: 110px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08);
    box-shadow: none !important;
    text-align: center; }
  .analytics-marketplace .marketplaceChannelChart .overview-title {
    font-size: 12px; }
  .analytics-marketplace .marketplaceChannelChart .overview-value {
    font-size: 20px; }
  .analytics-marketplace .marketplaceChannelChart .overview-box:last-child {
    margin-bottom: 0; }
  .analytics-marketplace .marketplaceChannelChart .chart-section {
    height: auto;
    min-height: 340px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: none !important; }
  .analytics-marketplace .marketplaceChannelChart .full-height {
    height: 100%; }
  .analytics-marketplace .marketplaceChannelChart .fit-content {
    height: fit-content;
    height: -moz-fit-content; }
  @media (min-width: 1025px) {
    .analytics-marketplace .marketplaceChannelChart .chart-wrapper {
      margin: auto;
      max-height: 400px; } }
  @media (max-width: 480px) {
    .analytics-marketplace .marketplaceChannelChart .chart-section {
      margin-top: 20px; }
    .analytics-marketplace .marketplaceChannelChart .chart-wrapper {
      margin-bottom: 10px; } }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-list-item {
  padding: 2px 0; }

.analytics-marketplace .marketplaceTopProduct .top10-table table tbody tr td {
  vertical-align: top !important;
  color: #0c2028; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table table {
  border: none !important; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-content {
  border: 1px solid #e5e5e5 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-thead {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #e5e5e5 !important;
  border-bottom: none !important; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-body {
  border-top: none !important;
  border: 1px solid #e5e5e5 !important; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: none !important; }

.analytics-marketplace .marketplaceTopProduct .top10-table .channel-logo {
  border-radius: 4px;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-tbody > tr > td {
  background-color: #ffffff; }

.analytics-marketplace .marketplaceTopProduct .top10-table .ant-table-thead > tr > th {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.analytics-marketplace .marketplaceTopProduct .top10-table .floating-pagination {
  position: absolute;
  top: -50px;
  right: 0; }

.analytics-marketplace .marketplaceTopProduct .search-input {
  position: absolute;
  z-index: 9999; }
  @media (max-width: 480px) {
    .analytics-marketplace .marketplaceTopProduct .search-input {
      position: relative;
      margin-bottom: 10px;
      left: 0; } }

.analytics-marketplace .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-productsPerformance .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-productsPerformance .productsPerformanceList .search-input {
  padding-bottom: 8px;
  height: 25px;
  width: 175px; }

.analytics-productsPerformance .unicart-table {
  margin-top: 0 !important; }
  .analytics-productsPerformance .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-productsPerformance .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-productsPerformance .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }
  .analytics-productsPerformance .unicart-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 14px;
    margin-bottom: 20px; }

.analytics-productsPurchased .unicart-table {
  margin-top: 0 !important; }
  .analytics-productsPurchased .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-productsPurchased .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-productsPurchased .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }

.analytics-productsPurchased .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-deadStockInventory .unicart-filter .ant-calendar-picker,
.analytics-commissionStaff .unicart-filter .ant-calendar-picker {
  width: 100%; }

.analytics-deadStockInventory .unicart-filter .ant-calendar-picker-input.ant-input,
.analytics-commissionStaff .unicart-filter .ant-calendar-picker-input.ant-input {
  border-color: rgba(217, 217, 217, 0.5); }
  .analytics-deadStockInventory .unicart-filter .ant-calendar-picker-input.ant-input input,
  .analytics-commissionStaff .unicart-filter .ant-calendar-picker-input.ant-input input {
    border: 0; }

.analytics-deadStockInventory .unicart-table,
.analytics-commissionStaff .unicart-table {
  margin-top: 0 !important; }
  .analytics-deadStockInventory .unicart-table .ant-table table,
  .analytics-commissionStaff .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-deadStockInventory .unicart-table .ant-table-container table > thead > tr:first-child th:first-child,
  .analytics-commissionStaff .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-deadStockInventory .unicart-table .ant-table-container table > thead > tr:first-child th:last-child,
  .analytics-commissionStaff .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }

.analytics-deadStockInventory .header-buttons,
.analytics-commissionStaff .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-itemAnalysis .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-itemAnalysis .channel-list-tab {
  padding-bottom: 0 !important; }
  .analytics-itemAnalysis .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .analytics-itemAnalysis .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .analytics-itemAnalysis .channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px 0px 20px !important; }
  .analytics-itemAnalysis .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .analytics-itemAnalysis .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .analytics-itemAnalysis .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .analytics-itemAnalysis .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .analytics-itemAnalysis .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .analytics-itemAnalysis .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.analytics-itemAnalysis .unicart-filter .ant-calendar-picker {
  width: 100%; }

.analytics-itemAnalysis .unicart-filter .ant-calendar-picker-input.ant-input {
  border-color: rgba(217, 217, 217, 0.5); }
  .analytics-itemAnalysis .unicart-filter .ant-calendar-picker-input.ant-input input {
    border: 0; }

.analytics-itemAnalysis .unicart-table {
  margin-top: 20px !important; }
  .analytics-itemAnalysis .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-itemAnalysis .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-itemAnalysis .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }

.analytics-itemAnalysis .product-inventory-container img {
  width: 172px;
  height: 172px;
  border: 1px solid #e5e5e5;
  border-radius: 4px !important; }

.analytics-itemAnalysis .product-inventory-container .product-title-container {
  max-height: 43px;
  margin-bottom: 12px; }

.analytics-itemAnalysis .product-inventory-container .product-isku {
  display: inline-flex;
  margin-bottom: 12px; }

.analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon {
  display: inline-flex !important; }
  .analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon .channel-with-name {
    display: inline-flex;
    margin-right: 8px !important; }
    .analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon .channel-with-name .caption {
      font-size: 14px !important;
      line-height: 20px !important; }
    .analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon .channel-with-name.shopeemy {
      padding-top: 3px !important;
      padding-left: 0;
      line-height: 20px !important; }
    .analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon .channel-with-name.lazadamy {
      padding-left: 0;
      line-height: 20px !important;
      margin-top: 2px; }
    .analytics-itemAnalysis .product-inventory-container .marketplace-channel-icon .channel-with-name img {
      width: 17px !important;
      height: 17px !important;
      border-radius: 3px;
      margin-right: 4px; }

.analytics-itemAnalysis .product-inventory-container label {
  width: 45px;
  margin-bottom: 0px !important; }

.analytics-itemAnalysis .product-inventory-container .ant-legacy-form-item {
  margin-bottom: 0px !important; }

.analytics-orders .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-master-sku .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-list-item {
  padding: 2px 0; }

.analytics-master-sku .masterSkuReportDetail .report-table table tbody tr td {
  vertical-align: top !important;
  color: #0c2028; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table table {
  border: none !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-content {
  border: 1px solid #e5e5e5 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-thead {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #e5e5e5 !important;
  border-bottom: none !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-body {
  border-top: none !important;
  border: 1px solid #e5e5e5 !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: none !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .channel-logo {
  border-radius: 4px;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-tbody > tr > td {
  background-color: #ffffff; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-thead > tr > th {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.analytics-master-sku .masterSkuReportDetail .report-table .floating-pagination {
  position: absolute;
  top: -50px;
  right: 0; }

.analytics-master-sku .masterSkuReportDetail .report-table .ant-table-column-sorters-with-tooltip {
  width: unset !important; }

.analytics-master-sku .masterSkuReportDetail .nowrap {
  white-space: nowrap !important; }

.analytics-master-sku .masterSkuReportDetail .search-input {
  position: absolute;
  z-index: 9999; }
  @media (max-width: 480px) {
    .analytics-master-sku .masterSkuReportDetail .search-input {
      position: relative;
      margin-bottom: 10px;
      left: 0; } }

.analytics-fulfillmentCenterFinancialReport .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .analytics-fulfillmentCenterFinancialReport .header-buttons .d-inline-flex {
    margin: 0 0 0 auto !important; }

.analytics-fulfillmentCenterFinancialReport .unicart-filter .ant-calendar-picker {
  width: 100%; }

.analytics-fulfillmentCenterFinancialReport .unicart-filter .ant-calendar-picker-input.ant-input {
  border-color: rgba(217, 217, 217, 0.5); }
  .analytics-fulfillmentCenterFinancialReport .unicart-filter .ant-calendar-picker-input.ant-input input {
    border: 0; }

.analytics-fulfillmentCenterFinancialReport .unicart-table {
  margin-top: 20px !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .additional-charge-log-list table {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .order-fulfillment-column,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .receival-charges-column,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .rack-storage-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .picking-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .unpacking-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .additional-charges {
    border-left: 1px solid #e5e5e5 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > thead .additional-charges {
    border-right: 1px solid #e5e5e5 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .receival-charges-column,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .rack-storage-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .picking-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .unpacking-charges,
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .additional-charges {
    border-left: 1px solid #e5e5e5 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .ant-table-container table > tbody .additional-charges {
    border-right: 1px solid #e5e5e5 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .additional-charge-log-list .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 0 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .additional-charge-log-list .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 0 !important; }
  .analytics-fulfillmentCenterFinancialReport .unicart-table .additional-charge-log-list .ant-table-tbody .small-light-font {
    font-size: 12px !important;
    line-height: 16px !important;
    color: #647176 !important;
    letter-spacing: 0px !important; }
    .analytics-fulfillmentCenterFinancialReport .unicart-table .additional-charge-log-list .ant-table-tbody .small-light-font.font-bold {
      font-weight: bold !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter.index-page {
    margin-bottom: 32px !important; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter .select-store .ant-select-selector {
    width: 218px;
    height: 41px; }
    .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter .select-store .ant-select-selector .ant-select-selection-item {
      line-height: 39px;
      color: #0c2028 !important; }
    .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter .select-store .ant-select-selector .ant-select-selection-placeholder {
      line-height: 39px; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-filter .select-store .ant-select-arrow {
    color: #0c2028 !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period {
  height: 41px !important;
  margin: 0 0 0 auto; }
  @media (max-width: 442px) {
    .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period {
      position: relative !important;
      right: unset !important; } }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .label,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .label {
  color: #0c2028;
  padding-top: 11px;
  padding-right: 20px; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .analytics-date-range .picker-value,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .analytics-date-range .picker-value {
  width: 280px !important;
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .feather-calendar,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .feather-calendar {
  color: #90999d !important;
  font-size: 20px !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-picker-button,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-picker-button {
  vertical-align: top !important;
  height: 41px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  color: #38484f !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-picker-button:hover,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-picker-button:active,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-picker-button:focus,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-picker-button:hover,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-picker-button:active,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-picker-button:focus {
  border-color: #d4d4d4 !important;
  box-shadow: none !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2,
.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 {
  height: 41px !important;
  width: 230px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
  background: #ffffff; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2 .ant-picker,
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 .ant-picker {
    width: 200px !important;
    height: 39px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    left: 30px; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2 .ant-picker-suffix,
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 .ant-picker-suffix {
    position: absolute;
    right: 196px; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2 .ant-picker-input,
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 .ant-picker-input {
    width: fit-content;
    width: -moz-fit-content; }
    .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2 .ant-picker-input input,
    .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 .ant-picker-input input {
      color: #0c2028 !important; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period .date-range2 .ant-picker-clear,
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .date-period-details .date-range2 .ant-picker-clear {
    display: none !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table > .unicart-table {
  margin-top: 0 !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important;
  color: #0c2028; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table .ant-table-tbody > tr > td .ant-list-item {
    padding: 0 !important; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table .ant-table-tbody > tr > td.ant-table-row-expand-icon-cell {
    width: 1%;
    padding: 0px !important; }

.analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table .ant-table-thead > tr > th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important; }
  .analytics-fulfillmentCenterFinancialReport .fulfillmentCenterReportContainer .unicart-table .ant-table-thead > tr > th.ant-table-row-expand-icon-cell {
    width: 1%;
    padding: 0px !important; }

.analytics-ai-intelligence-report .unicart-table {
  margin-top: 0 !important; }
  .analytics-ai-intelligence-report .unicart-table .ant-table table {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important; }
  .analytics-ai-intelligence-report .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px; }
  .analytics-ai-intelligence-report .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px; }

.status-tag.pos {
  color: #270f6a !important;
  border-color: #e3d9ff !important;
  background-color: #e3d9ff !important; }

.status-tag.online {
  color: #443805 !important;
  border-color: #f9c908 !important;
  background-color: #f9c908 !important; }

@media (min-width: 1024px) {
  .brands {
    width: 816px !important;
    margin: 0 auto !important; } }

.brands .search-form .un-filter-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.brands .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.brands .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.brands .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.brands .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.brands .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .brands .header-buttons .b-btn,
  .brands .header-buttons .b-btn:hover,
  .brands .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .brands .header-buttons .b-btn i,
    .brands .header-buttons .b-btn:hover i,
    .brands .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .brands .header-buttons .outline-i-btn,
  .brands .header-buttons .outline-i-btn:focus,
  .brands .header-buttons .outline-i-btn:hover {
    background: none !important; }

.brands .unicart-filter {
  margin-top: 0 !important; }

.brands .sorting {
  text-align: center; }

.brands .ant-input-number-handler-wrap {
  display: none; }

.brands .type {
  height: 40px !important;
  border-radius: 0px;
  margin-bottom: 5px;
  cursor: not-allowed;
  pointer-events: none; }

.newbrand .ant-input-number {
  width: 100%; }

.newbrand .ant-upload-picture-card-wrapper {
  width: unset; }

.newbrand .ant-upload.ant-upload-select-picture-card {
  margin: 0;
  width: 116px !important;
  height: 116px !important; }

.newbrand .upload-placeholder {
  padding-top: 35% !important;
  width: 115px !important;
  height: 115px !important; }
  .newbrand .upload-placeholder i {
    font-size: 32px; }

.newbrand .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.newbrand .ant-upload:hover {
  border-color: #007ce0 !important; }

.newbrand .ant-upload-drag-icon img {
  object-fit: contain !important; }

.newbrand .ant-pagination.with-quick-jumper {
  margin-bottom: 0 !important; }

.search-collections-products .ant-input-affix-wrapper {
  height: 41px;
  width: 320px; }
  .search-collections-products .ant-input-affix-wrapper span.anticon {
    width: 40px !important;
    color: #0c2028; }
  .search-collections-products .ant-input-affix-wrapper .anticon {
    font-size: 20px; }

.search-collections-products .ant-input-affix-wrapper > input.ant-input {
  margin-top: 1px;
  height: 37px !important; }

.search-collections-products .ant-input-search-icon::after {
  width: 40px; }

.search-collections-products .ant-input-search-icon::before {
  right: 30px; }

.search-collections-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
  height: 41px !important; }

.search-collections-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input
.ant-custom-select-sorting {
  margin-top: 1px;
  height: 37px !important; }

.search-collections-products .ant-select-single
.ant-select-selector
.ant-select-selection-item
.ant-custom-select-sorting {
  line-height: 40px; }

.search-collections-products .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder
.ant-custom-select-sorting {
  line-height: 40px;
  color: #90999d; }

.search-collections-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
  padding-left: 70px; }

.search-collections-products .sort-by {
  left: 23px;
  top: 10px;
  z-index: 1;
  position: absolute;
  width: max-content;
  color: #90999d; }

.search-collections-products .ant-table table {
  border: none !important;
  box-shadow: none !important;
  overflow-x: auto; }
  .search-collections-products .ant-table table .ant-list-item-meta-avatar {
    width: 56px;
    height: 56px; }

.search-collections-products table thead {
  background-color: #fafafb !important; }

.search-collections-products .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.search-collections-products .ant-table-thead > tr > th {
  border-bottom: none !important; }

.search-collections-products .ant-table-tbody > tr > td {
  padding: 16px 12px;
  vertical-align: top !important; }

.search-collections-products .productTable .ant-list-item {
  padding: 0 !important; }

.search-collections-products .productTable .ant-list-item-meta-avatar {
  width: 74px;
  height: 74px; }

.search-collections-products .productTable .un-row-product img {
  height: 74px;
  width: 74px;
  border-radius: 6px;
  margin-left: -1px; }

.search-collections-products .productTable .ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #0c2028;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  height: 33.6px;
  margin-bottom: 0 !important; }

.search-collections-products .productTable .ant-list-item-meta-description {
  margin-top: 21px;
  height: 17px; }

.un-select-product-modal {
  width: 750px !important; }
  .un-select-product-modal .ant-modal-body {
    max-height: unset;
    height: calc(100vh - 250px) !important;
    padding: 20px 20px 0 !important; }
    .un-select-product-modal .ant-modal-body .modal-filter .search-form {
      position: absolute !important;
      z-index: 1002 !important;
      width: 370px; }
      .un-select-product-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
        width: max-content !important; }
    .un-select-product-modal .ant-modal-body .product-table table tbody tr td {
      vertical-align: top !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-list-item {
      padding: 0 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-list-item-meta {
      padding-top: 1px !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-list-item-meta-description {
      padding-left: 0; }
    .un-select-product-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
      margin-left: unset !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
      padding: 12px 12px !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .un-select-product-modal .ant-modal-body .product-table table thead {
      background-color: #fafafb !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .un-select-product-modal .ant-modal-body .product-table .desc {
      line-height: 15px !important; }
    .un-select-product-modal .ant-modal-body .product-table .un-light-label-text {
      color: #647176 !important;
      font-size: 12px !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      margin: 12px 0 30px !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-link {
      color: #0c2028 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination-item a {
      color: #0c2028 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important; }
      .un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .un-select-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      color: #0c2028 !important;
      font-weight: normal !important; }
  .un-select-product-modal .ant-modal-footer {
    padding: 12px 24px !important;
    height: 151px !important; }
    .un-select-product-modal .ant-modal-footer .selected-container {
      width: -webkit-fill-available;
      height: 81px;
      display: inline-flex;
      text-align: left !important;
      margin-bottom: 12px !important;
      overflow-x: auto; }
      .un-select-product-modal .ant-modal-footer .selected-container .un-row-product img {
        height: 56px;
        width: 56px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin-left: 0;
        margin-top: 8px; }
      .un-select-product-modal .ant-modal-footer .selected-container .selected-img {
        position: relative;
        margin-right: 16px; }
        .un-select-product-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
          background-color: #0c2028 !important;
          border-radius: 50%;
          padding: 4px;
          width: 28px;
          content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
          vertical-align: -0.125em;
          position: absolute;
          top: 1px;
          right: -4px;
          opacity: 0.65; }
    .un-select-product-modal .ant-modal-footer .select-action {
      position: absolute;
      width: calc(100% - 48px);
      bottom: 12px; }

.brandsSelectModal .ant-modal-body .options-btn {
  display: grid !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  height: 116px !important;
  padding: 0 !important;
  margin-bottom: 12px; }
  .brandsSelectModal .ant-modal-body .options-btn .options-img {
    width: inherit !important;
    padding: 10px 0 !important; }
    .brandsSelectModal .ant-modal-body .options-btn .options-img img {
      width: 40% !important;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 4px !important; }
  .brandsSelectModal .ant-modal-body .options-btn .options-name {
    padding: 0 5px !important;
    width: inherit !important;
    white-space: normal; }

.brandsSelectModal .ant-modal-body .options-btn:hover,
.brandsSelectModal .ant-modal-body .options-btn:focus {
  border: 4px solid #5acc5a !important; }

.clear-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.clear-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.channel-pils {
  height: 60px;
  background-color: #ececec;
  border-radius: 8px;
  margin-bottom: 5px;
}
.img-channel {
  height: 100%;
  padding: 4px;
  /* margin-left: 5px; */
}

.img-channel img {
  height: 100%;
  width: auto;
  border-radius: 5px;
  max-height: 50px;
}
.channel-info {
  padding: 5px;
  padding-top: 10px;
}
.channel-sales {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #000000b3;
}
.channel-order {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #000000b3;
}
.channel-name {
  font-size: 10px;
  color: #908d8d;
}

@media only screen and (min-width: 780px) and (max-width: 880px) {
  .channel-name {
    font-size: 7px;
  }
}

@media only screen and (min-width: 1440px) {
  .fix-width-md {
    min-width: 980px;
  }
}

.analytics-search-panel .un-box-flat {
  margin-bottom: 20px !important; }

.analytics-search-panel .date-period .label {
  width: fit-content !important; }
  @media (max-width: 442px) {
    .analytics-search-panel .date-period .label {
      display: none !important; } }

.doughnut-table {
  overflow-x: auto; }
  .doughnut-table .ant-table-tbody > tr > td {
    padding: 10px 10px !important; }
  .doughnut-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .doughnut-table table thead {
    background-color: #fafafb !important; }
  .doughnut-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .doughnut-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .doughnut-table .un-text-truncate {
    font-weight: bold !important; }
  .doughnut-table .un-light-label {
    font-size: 14px !important; }

.doughnut-dot {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  display: inline-block; }

.channel-logo {
  border-radius: 4px;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px; }

.sorter-market {
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  display: flex; }
  .sorter-market .sort-content {
    display: inline-flex; }
    .sorter-market .sort-content img {
      align-self: center; }
    .sorter-market .sort-content .label {
      align-self: center;
      padding: 5px 10px; }
    .sorter-market .sort-content span {
      align-self: center;
      padding-left: 10px !important;
      padding-right: 30px !important; }
  .sorter-market .checkbox {
    margin-left: auto;
    align-self: center; }

.sorter:hover {
  background: #f8f9fa !important; }

.row-dragging {
  z-index: 9999; }

@media (min-width: 1024px) {
  .exportAnalytics {
    width: 816px !important;
    margin: 0 auto !important; } }

.exportAnalytics .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .exportAnalytics .header-buttons .b-btn,
  .exportAnalytics .header-buttons .b-btn:hover,
  .exportAnalytics .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .exportAnalytics .header-buttons .b-btn i,
    .exportAnalytics .header-buttons .b-btn:hover i,
    .exportAnalytics .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.exportAnalytics .ant-checkbox,
.exportAnalytics .ant-checkbox-input,
.exportAnalytics .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.exportAnalytics .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.exportAnalytics .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.exportAnalytics .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.exportAnalytics .export-table table thead {
  background-color: #fafafb !important; }

.exportAnalytics .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.exportAnalytics .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.exportAnalytics .export-table .un-text-truncate {
  font-weight: bold !important; }

.exportAnalytics .export-table .un-light-label {
  font-size: 14px !important; }

.exportAnalytics .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .exportAnalytics .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.remarks-table {
  overflow-x: auto; }
  .remarks-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .remarks-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .remarks-table table thead {
    background-color: #fafafb !important; }
  .remarks-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .remarks-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .remarks-table .un-text-truncate {
    font-weight: bold !important; }
  .remarks-table .un-light-label {
    font-size: 14px !important; }
  .remarks-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }
    .remarks-table .ant-pagination.with-quick-jumper {
      margin-bottom: 20px !important; }

.product-overview-box {
  padding: 5px;
  background-color: #00000087;
  color: white;
  border-radius: 6px;
}
.table-overview,
.table-variant {
  margin-bottom: 0px;
}
.table-overview thead,
.table-variant thead {
  background: none;
}

.table-overview thead tr th {
  color: white;
}
.table-overview thead th,
.table-variant thead th {
  border: none;
}

.table-overview td {
  font-size: 12px;
}
.table-overview th {
  font-size: 13px;
  font-weight: 500;
}
.table-overview th,
.table-overview td {
  padding: 2px;
  border: none;
}
.table-variant th {
  font-weight: 500;
  font-size: 14px;
}

.table-variant td {
  font-size: 12px;
}

.parent-product-img img {
  border-radius: 7px;
  width: 155px;
}

.table .table .table-inner {
  background-color: none !important;
}
.table-inner {
  margin-bottom: 0px;
}

.table-inner td {
  border: none;
}
.table-inner tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.table-inner .total-row {
  background: #45b545 !important;
  color: white;
}
.table-inner table {
  border-collapse: separate;
}
.table-inner tr:first-child td:first-child {
  border-top-left-radius: 7px;
}
.table-inner tr:first-child td:last-child {
  border-top-right-radius: 7px;
}
.table-inner tr:last-child td:first-child {
  border-bottom-left-radius: 7px;
}
.table-inner tr:last-child td:last-child {
  border-bottom-right-radius: 7px;
}
.semi-bold {
  font-weight: 500;
}

.img-channel-report {
  height: 100%;
  width: auto;
  border-radius: 8px;
  max-height: 50px;
}

.table-channel-overview thead {
  background: none;
}

.productReport .date-period .label, .productReport .product-variant-table .ant-table-tbody > tr > td, .productReport .first-marketplace-table .ant-table-tbody > tr > td, .productReport .marketplace-table .ant-table-tbody > tr > td, .productReport .last-marketplace-table .ant-table-tbody > tr > td {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

@media (min-width: 1024px) {
  .productReport {
    width: 644px !important;
    margin: 0 auto !important; } }

.productReport .date-period {
  height: 41px !important;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 20px; }
  .productReport .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .productReport .date-period .date-range2 {
    background-color: #ffffff;
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; }
    .productReport .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .productReport .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .productReport .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
    .productReport .date-period .date-range2 .ant-picker-clear {
      display: none !important; }
  .productReport .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .productReport .date-period .date-picker-button {
    height: 41px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .productReport .date-period .date-picker-button:hover,
  .productReport .date-period .date-picker-button:active,
  .productReport .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }

.productReport .product-detail {
  margin-bottom: 20px; }
  .productReport .product-detail .ant-list-item {
    padding: 0; }
  .productReport .product-detail .ant-list-item-meta-avatar {
    margin-right: 20px; }
  .productReport .product-detail .product-image img {
    height: 172px;
    width: 172px;
    border-radius: 4px;
    margin-left: -1px;
    border: 1px solid #e5e5e5; }
  .productReport .product-detail .product-title {
    display: -webkit-box;
    word-break: break-all;
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px; }
  .productReport .product-detail .body.set-lighter {
    width: 60px;
    margin-bottom: 12px; }

.productReport .product-variant-table {
  overflow-x: auto; }
  .productReport .product-variant-table .ant-table-tbody > tr > td {
    padding: 9px 16px !important;
    color: #0c2028; }
  .productReport .product-variant-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .productReport .product-variant-table table thead {
    background-color: #fafafb !important; }
  .productReport .product-variant-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .productReport .product-variant-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .productReport .product-variant-table .variant-name {
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.productReport .first-marketplace-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .first-marketplace-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .first-marketplace-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.productReport .first-marketplace-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #ffffff !important; }

.productReport .first-marketplace-table .ant-table-thead > tr > th {
  padding: 20px 16px; }

.productReport .first-marketplace-table .ant-table-tbody > tr > td {
  color: #0c2028;
  background-color: #ffffff;
  padding: 12px 16px; }

.productReport .first-marketplace-table .ant-table-tbody > tr > td:last-child {
  margin-right: 25px; }

.productReport .first-marketplace-table .ant-table-tbody > tr:first-child > td:first-child {
  border-bottom: none !important;
  width: 66px; }

.productReport .first-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(2) {
  width: 152px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .first-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(3) {
  width: 104px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .first-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(4) {
  width: 160px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .first-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(5) {
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .first-marketplace-table .ant-table table {
  border-bottom: none !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.productReport .first-marketplace-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.productReport .first-marketplace-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.productReport .first-marketplace-table .ant-table-tbody > tr:last-child > td:first-child {
  border-bottom: none; }

.productReport .first-marketplace-table .channel-logo {
  height: 56px;
  width: 56px;
  border-radius: 12px;
  margin-left: -1px; }

.productReport .first-marketplace-table table tbody tr td {
  vertical-align: top !important; }

.productReport .first-marketplace-table .ant-table-footer {
  border-radius: 0 !important; }

.productReport .marketplace-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .marketplace-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .marketplace-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.productReport .marketplace-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #ffffff !important; }

.productReport .marketplace-table .ant-table-thead > tr > th {
  display: none; }

.productReport .marketplace-table .ant-table-tbody > tr > td {
  color: #0c2028;
  background-color: #ffffff;
  padding: 12px 16px; }

.productReport .marketplace-table .ant-table-tbody > tr:first-child > td:first-child {
  border-bottom: none !important;
  width: 108px; }

.productReport .marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(2) {
  width: 152px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(3) {
  width: 104px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(4) {
  width: 160px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(5) {
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .marketplace-table .ant-table table {
  border-bottom: none !important;
  border-top: none !important; }

.productReport .marketplace-table .ant-table-tbody > tr:last-child > td:first-child {
  border-bottom: none; }

.productReport .marketplace-table .channel-logo {
  height: 56px;
  width: 56px;
  border-radius: 12px;
  margin-left: -1px; }

.productReport .marketplace-table table tbody tr td {
  vertical-align: top !important; }

.productReport .marketplace-table .ant-table-footer {
  border-radius: 0 !important; }

.productReport .last-marketplace-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .last-marketplace-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.productReport .last-marketplace-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.productReport .last-marketplace-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #ffffff !important; }

.productReport .last-marketplace-table .ant-table-thead > tr > th {
  display: none; }

.productReport .last-marketplace-table .ant-table-tbody > tr > td {
  color: #0c2028;
  background-color: #ffffff;
  padding: 12px 16px; }

.productReport .last-marketplace-table .ant-table-tbody > tr:first-child > td:first-child {
  border-bottom: none !important;
  width: 108px; }

.productReport .last-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(2) {
  width: 152px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .last-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(3) {
  width: 104px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .last-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(4) {
  width: 160px;
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .last-marketplace-table .ant-table-tbody > tr:last-child > td:nth-child(5) {
  border-top: 1.5px solid #e5e5e5;
  border-bottom: 2.5px solid #e5e5e5; }

.productReport .last-marketplace-table .ant-table table {
  border-bottom: none !important;
  border-top: none !important; }

.productReport .last-marketplace-table .ant-table-tbody > tr:last-child > td:first-child {
  border-bottom: none; }

.productReport .last-marketplace-table .channel-logo {
  height: 56px;
  width: 56px;
  border-radius: 12px;
  margin-left: -1px; }

.productReport .last-marketplace-table table tbody tr td {
  vertical-align: top !important; }

.deadStockContainer .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.deadStockContainer .unicart-filter {
  margin-top: 0 !important;
  margin-bottom: 20px !important; }

.deadStockContainer .date-period {
  position: relative !important;
  height: 41px !important;
  margin-right: 0;
  margin-left: auto; }
  .deadStockContainer .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .deadStockContainer .date-period .analytics-date-range .picker-value {
    width: 280px !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .deadStockContainer .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .deadStockContainer .date-period .date-picker-button {
    vertical-align: top !important;
    height: 41px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .deadStockContainer .date-period .date-picker-button:hover,
  .deadStockContainer .date-period .date-picker-button:active,
  .deadStockContainer .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }
  .deadStockContainer .date-period .date-range2 {
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
    background: #ffffff; }
    .deadStockContainer .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .deadStockContainer .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .deadStockContainer .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .deadStockContainer .date-period .date-range2 .ant-picker-input input {
        color: #0c2028 !important; }
    .deadStockContainer .date-period .date-range2 .ant-picker-clear {
      display: none !important; }

.unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important;
  color: #0c2028; }
  .unicart-table .ant-table-tbody > tr > td .un-parent-sku {
    overflow-wrap: anywhere; }

.unicart-table .ant-table-thead > tr > th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important; }

.itemAnalysisContainer .date-period .label,
.itemAnalysisContainer .date-period-details .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.itemAnalysisContainer .unicart-filter {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 32px !important; }

.itemAnalysisContainer .date-period {
  height: 41px !important;
  margin: 0 0 0 auto; }
  @media (max-width: 442px) {
    .itemAnalysisContainer .date-period {
      position: relative !important;
      right: unset !important; } }

.itemAnalysisContainer .date-period .label,
.itemAnalysisContainer .date-period-details .label {
  color: #0c2028;
  padding-top: 11px;
  padding-right: 20px; }

.itemAnalysisContainer .date-period .analytics-date-range .picker-value,
.itemAnalysisContainer .date-period-details .analytics-date-range .picker-value {
  width: 280px !important;
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.itemAnalysisContainer .date-period .feather-calendar,
.itemAnalysisContainer .date-period-details .feather-calendar {
  color: #90999d !important;
  font-size: 20px !important; }

.itemAnalysisContainer .date-period .date-picker-button,
.itemAnalysisContainer .date-period-details .date-picker-button {
  vertical-align: top !important;
  height: 41px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  color: #38484f !important; }

.itemAnalysisContainer .date-period .date-picker-button:hover,
.itemAnalysisContainer .date-period .date-picker-button:active,
.itemAnalysisContainer .date-period .date-picker-button:focus,
.itemAnalysisContainer .date-period-details .date-picker-button:hover,
.itemAnalysisContainer .date-period-details .date-picker-button:active,
.itemAnalysisContainer .date-period-details .date-picker-button:focus {
  border-color: #d4d4d4 !important;
  box-shadow: none !important; }

.itemAnalysisContainer .date-period .date-range2,
.itemAnalysisContainer .date-period-details .date-range2 {
  height: 41px !important;
  width: 230px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
  background: #ffffff; }
  .itemAnalysisContainer .date-period .date-range2 .ant-picker,
  .itemAnalysisContainer .date-period-details .date-range2 .ant-picker {
    width: 200px !important;
    height: 39px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    left: 30px; }
  .itemAnalysisContainer .date-period .date-range2 .ant-picker-suffix,
  .itemAnalysisContainer .date-period-details .date-range2 .ant-picker-suffix {
    position: absolute;
    right: 196px; }
  .itemAnalysisContainer .date-period .date-range2 .ant-picker-input,
  .itemAnalysisContainer .date-period-details .date-range2 .ant-picker-input {
    width: fit-content;
    width: -moz-fit-content; }
    .itemAnalysisContainer .date-period .date-range2 .ant-picker-input input,
    .itemAnalysisContainer .date-period-details .date-range2 .ant-picker-input input {
      color: #0c2028 !important; }
  .itemAnalysisContainer .date-period .date-range2 .ant-picker-clear,
  .itemAnalysisContainer .date-period-details .date-range2 .ant-picker-clear {
    display: none !important; }

.itemAnalysisContainer .sorter {
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 32px !important;
  width: fit-content !important; }
  .itemAnalysisContainer .sorter .ant-select-selection-item {
    line-height: 40px;
    color: #0c2028; }

.itemAnalysisContainer .sorter > div.ant-select-selector {
  width: 150px;
  height: 41px; }

.itemAnalysisContainer .item-overview {
  margin-bottom: 32px !important; }
  .itemAnalysisContainer .item-overview .overview-stats {
    text-align: center !important;
    line-height: normal;
    width: auto;
    height: 90px !important;
    box-shadow: none !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px;
    padding: 12px 24px !important;
    margin-right: 24px !important;
    background-color: #ffffff !important; }
    .itemAnalysisContainer .item-overview .overview-stats .count {
      font-size: 40px !important;
      font-weight: bolder !important; }
    .itemAnalysisContainer .item-overview .overview-stats .task-subtitle {
      color: #0c2028 !important;
      font-size: 12px !important;
      height: 14px !important; }

.itemAnalysisContainer .unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important;
  color: #0c2028; }
  .itemAnalysisContainer .unicart-table .ant-table-tbody > tr > td .ant-list-item {
    padding: 0 !important; }
  .itemAnalysisContainer .unicart-table .ant-table-tbody > tr > td.ant-table-row-expand-icon-cell {
    width: 1%;
    padding: 0px !important; }

.itemAnalysisContainer .unicart-table .ant-table-thead > tr > th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important; }
  .itemAnalysisContainer .unicart-table .ant-table-thead > tr > th.ant-table-row-expand-icon-cell {
    width: 1%;
    padding: 0px !important; }

.itemAnalysisContainer .unicart-table .marketplace-channel-icon {
  display: block; }
  .itemAnalysisContainer .unicart-table .marketplace-channel-icon .channel-with-name {
    display: inline-flex; }
    .itemAnalysisContainer .unicart-table .marketplace-channel-icon .channel-with-name.shopeemy {
      padding-top: 3px !important;
      padding-left: 0;
      line-height: 20px !important; }
    .itemAnalysisContainer .unicart-table .marketplace-channel-icon .channel-with-name.lazadamy {
      padding-left: 0;
      line-height: 20px !important;
      margin-top: 2px; }
    .itemAnalysisContainer .unicart-table .marketplace-channel-icon .channel-with-name img {
      width: 14px !important;
      height: 14px !important;
      border-radius: 3px;
      margin-right: 4px; }

.itemAnalysisContainer .unicart-table .plain-btn .feather-eye {
  line-height: 17px;
  margin-right: 5px; }

.itemAnalysisContainer .unicart-table.margin-btm {
  margin-bottom: 32px; }

.itemAnalysisContainer .unicart-table .un-product-name3:hover {
  cursor: text !important;
  color: #0c2028 !important; }

.itemAnalysisContainer .tab-item {
  max-width: 220px; }
  .itemAnalysisContainer .tab-item img {
    border-radius: 6px;
    width: 38px;
    height: 38px; }
  .itemAnalysisContainer .tab-item label {
    width: 140px !important;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis; }

.itemAnalysisContainer .dropdown-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  z-index: 2; }
  .itemAnalysisContainer .dropdown-div i {
    font-size: 25px;
    cursor: pointer; }

.itemAnalysisContainer .variant-table th {
  display: none; }

.itemAnalysisContainer .variant-table table {
  border: none !important; }

.itemAnalysisContainer .variant-table .ant-table {
  margin-left: 0px !important; }

.itemAnalysisContainer .variant-table .ant-table-footer {
  height: 0px !important; }

.itemAnalysisContainer .variant-table img {
  height: 48px !important;
  width: 48px !important;
  margin-left: 7px !important; }

.status-tag.pos {
  color: #270f6a !important;
  border-color: #e3d9ff !important;
  background-color: #e3d9ff !important; }

.status-tag.online {
  color: #443805 !important;
  border-color: #f9c908 !important;
  background-color: #f9c908 !important; }

.analytics-search-panel .un-box-flat {
  margin-bottom: 20px !important; }

.analytics-search-panel .date-period .label {
  width: fit-content !important; }
  @media (max-width: 442px) {
    .analytics-search-panel .date-period .label {
      display: none !important; } }

.doughnut-table {
  overflow-x: auto; }
  .doughnut-table .ant-table-tbody > tr > td {
    padding: 10px 10px !important; }
  .doughnut-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .doughnut-table table thead {
    background-color: #fafafb !important; }
  .doughnut-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .doughnut-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .doughnut-table .un-text-truncate {
    font-weight: bold !important; }
  .doughnut-table .un-light-label {
    font-size: 14px !important; }

.doughnut-dot {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  display: inline-block; }

.channel-logo {
  border-radius: 4px;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px; }

.sorter-market {
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  display: flex; }
  .sorter-market .sort-content {
    display: inline-flex; }
    .sorter-market .sort-content img {
      align-self: center; }
    .sorter-market .sort-content .label {
      align-self: center;
      padding: 5px 10px; }
    .sorter-market .sort-content span {
      align-self: center;
      padding-left: 10px !important;
      padding-right: 30px !important; }
  .sorter-market .checkbox {
    margin-left: auto;
    align-self: center; }

.sorter:hover {
  background: #f8f9fa !important; }

.row-dragging {
  z-index: 9999; }

.channel-overview .clear-margin {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.channel-overview .clear-padding {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.channel-overview .channel-pils {
  height: 60px;
  background-color: #ececec;
  border-radius: 8px;
  margin-bottom: 5px; }

.channel-overview .img-channel {
  height: 100%;
  padding: 4px;
  /* margin-left: 5px; */ }

.channel-overview .img-channel img {
  height: 100%;
  width: auto;
  border-radius: 5px;
  max-height: 50px; }

.channel-overview .channel-info {
  padding: 5px;
  padding-top: 10px; }

.channel-overview .channel-sales {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #000000b3; }

.channel-overview .channel-order {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #000000b3; }

.channel-overview .channel-name {
  font-size: 10px;
  color: #908d8d; }

@media only screen and (min-width: 780px) and (max-width: 880px) {
  .channel-overview .channel-name {
    font-size: 7px; } }

.commissionStaffContainer .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.commissionStaffContainer .unicart-filter {
  margin-top: 0 !important;
  margin-bottom: 20px !important; }

.commissionStaffContainer .date-period {
  height: 41px !important;
  margin-right: 0;
  margin-left: auto; }
  .commissionStaffContainer .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .commissionStaffContainer .date-period .analytics-date-range .picker-value {
    width: 280px !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .commissionStaffContainer .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .commissionStaffContainer .date-period .date-picker-button {
    vertical-align: top !important;
    height: 41px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .commissionStaffContainer .date-period .date-picker-button:hover,
  .commissionStaffContainer .date-period .date-picker-button:active,
  .commissionStaffContainer .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }
  .commissionStaffContainer .date-period .date-range2 {
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; }
    .commissionStaffContainer .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .commissionStaffContainer .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .commissionStaffContainer .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .commissionStaffContainer .date-period .date-range2 .ant-picker-input input {
        color: #0c2028 !important; }
    .commissionStaffContainer .date-period .date-range2 .ant-picker-clear {
      display: none !important; }

.commissionStaffContainer .marketplace-channel-icon {
  display: block; }
  .commissionStaffContainer .marketplace-channel-icon .channel-with-name {
    display: inline-flex; }
    .commissionStaffContainer .marketplace-channel-icon .channel-with-name.shopeemy {
      padding-top: 3px !important;
      padding-left: 0;
      line-height: 20px !important; }
    .commissionStaffContainer .marketplace-channel-icon .channel-with-name.lazadamy {
      padding-left: 0;
      line-height: 20px !important;
      margin-top: 2px; }
    .commissionStaffContainer .marketplace-channel-icon .channel-with-name img {
      width: 14px !important;
      height: 14px !important;
      border-radius: 3px;
      margin-right: 4px; }

.commissionStaffContainer .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important;
  color: #0c2028; }

.unicart-table .ant-table-thead > tr > th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important; }

.user-details {
  width: 100%;
  display: flex;
  margin-bottom: 20px; }
  @media (max-width: 1025px) {
    .user-details {
      display: block !important; } }
  .user-details .user-avatar {
    width: 106px !important;
    margin-right: 24px !important; }
    @media (max-width: 1025px) {
      .user-details .user-avatar {
        width: 100% !important;
        margin-right: unset !important; } }
    .user-details .user-avatar .userProfilePhoto .ant-upload-select-picture-card {
      background-color: transparent;
      border: none; }
    .user-details .user-avatar .userProfilePhoto .un-profile-avatar {
      width: 106px;
      margin: 0;
      border-radius: 50%;
      overflow: hidden; }
  .user-details .user-info {
    width: -webkit-fill-available;
    margin-right: auto !important;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1025px) {
      .user-details .user-info {
        width: 100% !important;
        margin-right: unset !important; } }
    .user-details .user-info .name-email {
      display: flex;
      width: -webkit-fill-available;
      align-items: center; }
      .user-details .user-info .name-email .name {
        width: 30%; }
      .user-details .user-info .name-email .email {
        width: 30%; }
    .user-details .user-info .total-sales-order {
      width: 452px;
      min-width: 425px;
      padding: 20px;
      border-radius: 12px;
      background-color: #f6f6f6;
      display: flex;
      align-items: center; }
      .user-details .user-info .total-sales-order .total-sales {
        text-align: center;
        width: 50%;
        border-right: 1px solid #e5e5e5; }
      .user-details .user-info .total-sales-order .total-order {
        text-align: center;
        width: 50%; }
      .user-details .user-info .total-sales-order .total-label {
        font-size: 12px !important;
        color: #38484f; }
      .user-details .user-info .total-sales-order .total-value {
        font-size: 22px !important;
        font-weight: bold !important;
        color: #0c2028; }

.analytics-search-panel .search-suffix, .analytics-search-panel .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.analytics-search-panel .search-suffix {
  color: #90999d;
  position: absolute;
  top: 33px;
  left: 49px;
  height: 41px !important; }

.analytics-search-panel .select-store {
  height: 41px !important;
  width: 276px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  margin-bottom: 12px !important; }
  .analytics-search-panel .select-store .ant-select {
    height: 41px !important; }
  .analytics-search-panel .select-store .ant-select-selector {
    height: 41px !important;
    padding-left: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: none !important;
    box-shadow: none !important;
    background: none !important; }
  .analytics-search-panel .select-store .ant-select-selection-search {
    margin-left: inherit;
    width: 100% !important;
    display: inline-block; }
  .analytics-search-panel .select-store .ant-select-selection-item {
    display: none !important; }

.analytics-search-panel .select-store:hover,
.analytics-search-panel .select-store:active,
.analytics-search-panel .select-store:focus {
  border: 1px solid #007ce0; }

.analytics-search-panel .save-channel-filter {
  margin-bottom: 12px;
  margin-left: 16px;
  display: flex;
  align-items: center; }

.analytics-search-panel .filter-button {
  padding: 0;
  margin-left: 8px !important;
  margin-right: 8px !important;
  width: 40px !important;
  height: 41px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important; }
  .analytics-search-panel .filter-button i {
    font-size: 20px;
    color: #0c2028; }

.analytics-search-panel .filter-button:hover {
  border: 1px solid #007ce0; }

.analytics-search-panel .date-period {
  height: 41px !important;
  margin: 0; }
  @media (max-width: 442px) {
    .analytics-search-panel .date-period {
      height: fit-content !important;
      position: relative !important;
      right: unset !important; } }
  .analytics-search-panel .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px;
    width: fit-content !important; }
    @media (max-width: 442px) {
      .analytics-search-panel .date-period .label {
        display: none !important; } }
  .analytics-search-panel .date-period .feather-minus {
    padding-top: 13px;
    margin-left: 8px;
    margin-right: 8px; }
  .analytics-search-panel .date-period .analytics-date-range1 .picker-value,
  .analytics-search-panel .date-period .analytics-date-range .picker-value {
    width: 280px !important; }
  .analytics-search-panel .date-period .date-range-analytics {
    display: flex !important; }
    .analytics-search-panel .date-period .date-range-analytics .analytics-date-range .picker-value {
      border-right: none !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
  .analytics-search-panel .date-period .analytics-date-range1 .picker-value {
    border-right: 1px solid #d9d9d9 !important; }
  .analytics-search-panel .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .analytics-search-panel .date-period .date-picker-button {
    color: #0c2028;
    height: 41px;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .analytics-search-panel .date-period .date-picker-button:hover,
  .analytics-search-panel .date-period .date-picker-button:active,
  .analytics-search-panel .date-period .date-picker-button:focus {
    border: 1px solid #007ce0;
    box-shadow: none !important; }
  .analytics-search-panel .date-period .sorter {
    width: fit-content !important; }
    .analytics-search-panel .date-period .sorter .ant-select-selection-item {
      line-height: 40px;
      color: #0c2028; }
  .analytics-search-panel .date-period .sorter > div.ant-select-selector {
    width: 150px;
    height: 41px;
    margin-left: 8px !important; }

.analytics-search-panel .tagsGroup {
  padding-left: 1px;
  line-height: 21px; }
  @media (max-width: 480px) {
    .analytics-search-panel .tagsGroup {
      padding-top: 5px;
      padding-left: 0;
      margin-top: 0; } }

.analytics-search-panel .filterTags {
  height: 18px;
  line-height: 16px;
  background-color: #007ce0;
  border-color: #007ce0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  justify-content: center; }
  .analytics-search-panel .filterTags .anticon.anticon-close {
    color: #fff; }

.analytics-search-panel .filterTag {
  text-transform: capitalize;
  color: #d0f4ff; }

.analytics-search-panel .date-range1 {
  height: 41px !important;
  width: 230px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important; }
  .analytics-search-panel .date-range1 .ant-picker {
    width: 200px !important;
    height: 39px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    left: 30px; }
  .analytics-search-panel .date-range1 .ant-picker-suffix {
    position: absolute;
    right: 196px; }
  .analytics-search-panel .date-range1 .ant-picker-input {
    width: fit-content;
    width: -moz-fit-content; }
    .analytics-search-panel .date-range1 .ant-picker-input input {
      color: #0c2028 !important; }
  .analytics-search-panel .date-range1 .ant-picker-clear {
    display: none !important; }

.analytics-search-panel .date-range2 {
  height: 41px !important;
  width: 230px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important; }
  .analytics-search-panel .date-range2 .ant-picker {
    width: 200px !important;
    height: 39px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    left: 30px; }
  .analytics-search-panel .date-range2 .ant-picker-suffix {
    position: absolute;
    right: 196px; }
  .analytics-search-panel .date-range2 .ant-picker-input {
    width: fit-content;
    width: -moz-fit-content; }
    .analytics-search-panel .date-range2 .ant-picker-input input {
      color: #0c2028 !important; }
  .analytics-search-panel .date-range2 .ant-picker-clear {
    display: none !important; }

.bar-table .ant-table table {
  border: none !important; }

.bar-table .ant-table-content {
  border: 1px solid #e5e5e5 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: none !important; }

.bar-table .ant-table-thead {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.bar-table .ant-table-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #e5e5e5 !important; }

.bar-table .ant-table-body {
  border-top: none !important;
  border: 1px solid #e5e5e5 !important; }

.bar-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.bar-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.bar-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding: 16px 25px !important;
  color: #0c2028; }

.bar-table .ant-table-thead > tr > th {
  padding: 16px 25px !important; }

.top10-table .ant-list-item {
  padding: 2px 0; }

.top10-table .ant-list-item-meta-content {
  padding-right: 12px; }

.top10-table table tbody tr td {
  vertical-align: top !important;
  color: #0c2028; }

.top10-table .ant-table table {
  border: none !important; }

.top10-table .ant-table-content {
  border: 1px solid #e5e5e5 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.top10-table .ant-table-thead {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.top10-table .ant-table-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #e5e5e5 !important;
  border-bottom: none !important; }

.top10-table .ant-table-body {
  border-top: none !important;
  border: 1px solid #e5e5e5 !important; }

.top10-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.top10-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.top10-table .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: none !important; }

.top10-table .channel-logo {
  border-radius: 4px;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px; }

.top10-table .ant-table-tbody > tr > td {
  background-color: #ffffff; }

.top10-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important; }

.analytics-productsPurchased .un-box-flat {
  margin-bottom: 0 !important; }

.unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important;
  color: #0c2028; }

.unicart-table .ant-table-thead > tr > th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 25px !important;
  padding-right: 20px !important; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.analytics-loyaltyPointsReport .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

@media (max-width: 425px) {
  .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .un-box-flat {
    overflow: auto hidden !important; } }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter {
      display: block; } }
  .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer {
    position: relative;
    display: flex;
    width: 380px !important; }
    @media (max-width: 1024px) {
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer {
        margin-bottom: 12px; } }
    @media (max-width: 425px) {
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer {
        width: 210px !important;
        min-width: 210px !important; } }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .ant-input[disabled] {
      color: #0c2028 !important;
      cursor: unset !important;
      background: none !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .ant-input {
      width: 340px !important;
      height: 41px !important;
      border: 1px solid #d9d9d9;
      border-radius: 4px 0 0 4px !important; }
      @media (max-width: 425px) {
        .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .ant-input {
          width: 210px !important;
          min-width: 210px !important; } }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .clear-btn {
      position: absolute;
      right: 52px;
      top: 10px;
      cursor: pointer;
      padding: 0 !important;
      width: fit-content !important;
      height: fit-content !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important; }
      @media (max-width: 425px) {
        .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .clear-btn {
          right: 10px !important; } }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .clear-btn i {
        font-size: 20px;
        color: #90999d !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .search-btn {
      width: 41px !important;
      height: 41px !important;
      box-shadow: none !important;
      border-radius: 0 4px 4px 0 !important;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-left: none;
      background: #f6f6f6 !important; }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .search-customer .search-btn i {
        font-size: 20px;
        color: #0c2028 !important; }
  .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period {
    position: relative !important;
    height: 41px !important;
    margin: 0 0 0 auto; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .label {
      color: #0c2028;
      padding-top: 11px;
      padding-right: 20px; }
      @media (max-width: 425px) {
        .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .label {
          padding-top: 0 !important; } }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .analytics-date-range .picker-value {
      width: 280px !important;
      border-right: none !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .feather-calendar {
      color: #90999d !important;
      font-size: 20px !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-picker-button {
      vertical-align: top !important;
      height: 41px;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-picker-button:hover,
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-picker-button:active,
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-picker-button:focus {
      border-color: #d4d4d4 !important;
      box-shadow: none !important; }
    .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 {
      height: 41px !important;
      width: 230px !important;
      border: 1px solid #d4d4d4;
      border-radius: 4px !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none !important; }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 .ant-picker {
        width: 200px !important;
        height: 39px !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important;
        left: 30px; }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-suffix {
        position: absolute;
        right: 196px; }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-input {
        width: fit-content;
        width: -moz-fit-content; }
        .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-input input {
          color: #0c2028 !important; }
      .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-clear {
        display: none !important; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table table {
  border-collapse: separate !important; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-tbody > tr:nth-child(2) > td {
  border-top: 1px solid #e5e5e5 !important; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding: 24px !important;
  color: #0c2028; }
  .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-tbody > tr > td .body.set.bold,
  .analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-tbody > tr > td .caption {
    margin-bottom: 4px; }

.analytics-loyaltyPointsReport .loyaltyPointsReportContainer .unicart-table .ant-table-thead > tr > th {
  padding: 16px 24px !important; }

@media (min-width: 1024px) {
  .searchCustomerModal {
    width: 601px !important; } }

.searchCustomerModal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .searchCustomerModal .ant-modal-body {
      width: 601px !important;
      height: 420px !important;
      padding-bottom: 0 !important; } }

.searchCustomerModal .ant-modal-content {
  border-radius: 12px !important; }

.searchCustomerModal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.searchCustomerModal .unicart-filter {
  margin-top: 0 !important; }
  .searchCustomerModal .unicart-filter .product-form-label {
    margin-bottom: 4px !important; }
  .searchCustomerModal .unicart-filter .ant-select {
    width: 100% !important;
    margin-right: 16px !important; }
  .searchCustomerModal .unicart-filter .ant-input-affix-wrapper {
    border-radius: 4px !important;
    height: 41px !important; }
  .searchCustomerModal .unicart-filter span.anticon {
    width: 40px !important;
    color: #0c2028; }
  .searchCustomerModal .unicart-filter .ant-input-suffix {
    font-size: 20px; }
  .searchCustomerModal .unicart-filter .ant-select-clear {
    display: none !important; }

.searchCustomerModal .customer-table table tbody tr td {
  vertical-align: top !important; }

.searchCustomerModal .customer-table .ant-list-item {
  padding: 0 !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-avatar {
  width: 56px; }

.searchCustomerModal .customer-table .ant-list-item-meta {
  padding-top: 1px !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-description {
  padding-left: 0; }

.searchCustomerModal .customer-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.searchCustomerModal .customer-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.searchCustomerModal .customer-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.searchCustomerModal .customer-table table thead {
  background-color: #fafafb !important; }

.searchCustomerModal .customer-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.searchCustomerModal .customer-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.searchCustomerModal .row {
  align-items: baseline !important; }

.searchCustomerModal .un-page-with-steps .ant-legacy-form {
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-page-with-steps .ant-legacy-form {
      width: 622px !important; } }

.searchCustomerModal .un-box-flat {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 32px;
  box-shadow: none !important;
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-box-flat {
      width: 553px !important; } }
  .searchCustomerModal .un-box-flat .pl-10 {
    padding-left: 12px !important; }

.searchCustomerModal .un-title-light {
  display: none !important; }

.searchCustomerModal .close-btn {
  text-align: left !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .title {
  text-align: center !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .plain-btn {
  margin: auto 0 auto auto !important; }

.searchCustomerModal .upload-placeholder {
  height: 115px !important; }

.searchCustomerModal .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.searchCustomerModal .ant-upload:hover {
  border-color: #007ce0 !important; }

.searchCustomerModal .ant-upload-drag-icon img {
  object-fit: contain !important; }

.analytics-customerRegistrationReport .search-suffix, .analytics-customerRegistrationReport .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.analytics-customerRegistrationReport .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

@media (max-width: 425px) {
  .analytics-customerRegistrationReport .un-box-flat {
    overflow: auto hidden !important; } }

.analytics-customerRegistrationReport .search-suffix {
  color: #90999d;
  position: absolute;
  top: 33px;
  left: 49px;
  height: 41px !important; }

.analytics-customerRegistrationReport .select-store {
  height: 41px !important;
  width: 276px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  margin-bottom: 12px !important; }
  .analytics-customerRegistrationReport .select-store .ant-select {
    height: 41px !important; }
  .analytics-customerRegistrationReport .select-store .ant-select-selector {
    height: 41px !important;
    padding-left: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: none !important;
    box-shadow: none !important;
    background: none !important; }
  .analytics-customerRegistrationReport .select-store .ant-select-selection-search {
    margin-left: inherit;
    width: 100% !important;
    display: inline-block; }
  .analytics-customerRegistrationReport .select-store .ant-select-selection-item {
    display: none !important; }

.analytics-customerRegistrationReport .select-store:hover,
.analytics-customerRegistrationReport .select-store:active,
.analytics-customerRegistrationReport .select-store:focus {
  border: 1px solid #007ce0; }

.analytics-customerRegistrationReport .filter-button {
  padding: 0;
  margin-left: 8px !important;
  margin-right: 8px !important;
  width: 40px !important;
  height: 41px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important; }
  .analytics-customerRegistrationReport .filter-button i {
    font-size: 20px;
    color: #0c2028; }

.analytics-customerRegistrationReport .filter-button:hover {
  border: 1px solid #007ce0; }

.analytics-customerRegistrationReport .date-period {
  height: 41px !important;
  margin: 0 0 0 auto; }
  @media (max-width: 442px) {
    .analytics-customerRegistrationReport .date-period {
      position: relative !important;
      right: unset !important; } }
  .analytics-customerRegistrationReport .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
    @media (max-width: 425px) {
      .analytics-customerRegistrationReport .date-period .label {
        padding-top: 0 !important; } }
  .analytics-customerRegistrationReport .date-period .date-range-analytics {
    background-color: #ffffff; }
    .analytics-customerRegistrationReport .date-period .date-range-analytics .analytics-date-range .picker-value {
      width: 280px !important;
      border-right: none !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
  .analytics-customerRegistrationReport .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .analytics-customerRegistrationReport .date-period .date-picker-button {
    height: 41px;
    vertical-align: top !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .analytics-customerRegistrationReport .date-period .date-picker-button:hover,
  .analytics-customerRegistrationReport .date-period .date-picker-button:active,
  .analytics-customerRegistrationReport .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }
  .analytics-customerRegistrationReport .date-period .date-range2 {
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; }
    .analytics-customerRegistrationReport .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .analytics-customerRegistrationReport .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .analytics-customerRegistrationReport .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .analytics-customerRegistrationReport .date-period .date-range2 .ant-picker-input input {
        color: #0c2028 !important; }
    .analytics-customerRegistrationReport .date-period .date-range2 .ant-picker-clear {
      display: none !important; }

.analytics-customerRegistrationReport .tagsGroup {
  padding-left: 1px;
  line-height: 21px; }
  @media (max-width: 480px) {
    .analytics-customerRegistrationReport .tagsGroup {
      padding-top: 5px;
      padding-left: 0;
      margin-top: 0; } }

.analytics-customerRegistrationReport .filterTags {
  height: 18px;
  line-height: 16px;
  background-color: #007ce0;
  border-color: #007ce0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  justify-content: center; }
  .analytics-customerRegistrationReport .filterTags .anticon.anticon-close {
    color: #fff; }

.analytics-customerRegistrationReport .filterTag {
  text-transform: capitalize;
  color: #d0f4ff; }

.analytics-customerRegistrationReport .ant-tabs {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important; }

.analytics-customerRegistrationReport .unicart-table table {
  border: none !important; }

.analytics-customerRegistrationReport .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: 1px solid #e5e5e5 !important; }

.analytics-customerRegistrationReport .unicart-table .ant-table-footer {
  border: none !important; }

.storeCreditsReportContainer .unicart-filter .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

@media (max-width: 425px) {
  .storeCreditsReportContainer .un-box-flat {
    overflow: auto hidden !important; } }

.storeCreditsReportContainer .unicart-filter {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .storeCreditsReportContainer .unicart-filter {
      display: block; } }
  .storeCreditsReportContainer .unicart-filter .search-customer {
    position: relative;
    display: flex;
    width: 380px !important; }
    @media (max-width: 1024px) {
      .storeCreditsReportContainer .unicart-filter .search-customer {
        margin-bottom: 12px; } }
    @media (max-width: 425px) {
      .storeCreditsReportContainer .unicart-filter .search-customer {
        width: 210px !important;
        min-width: 210px !important; } }
    .storeCreditsReportContainer .unicart-filter .search-customer .ant-input[disabled] {
      color: #0c2028 !important;
      cursor: unset !important;
      background: none !important; }
    .storeCreditsReportContainer .unicart-filter .search-customer .ant-input {
      width: 340px !important;
      height: 41px !important;
      border: 1px solid #d9d9d9;
      border-radius: 4px 0 0 4px !important; }
      @media (max-width: 425px) {
        .storeCreditsReportContainer .unicart-filter .search-customer .ant-input {
          width: 210px !important;
          min-width: 210px !important; } }
    .storeCreditsReportContainer .unicart-filter .search-customer .clear-btn {
      position: absolute;
      right: 52px;
      top: 10px;
      cursor: pointer;
      padding: 0 !important;
      width: fit-content !important;
      height: fit-content !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important; }
      @media (max-width: 425px) {
        .storeCreditsReportContainer .unicart-filter .search-customer .clear-btn {
          right: 10px !important; } }
      .storeCreditsReportContainer .unicart-filter .search-customer .clear-btn i {
        font-size: 20px;
        color: #90999d !important; }
    .storeCreditsReportContainer .unicart-filter .search-customer .search-btn {
      width: 41px !important;
      height: 41px !important;
      box-shadow: none !important;
      border-radius: 0 4px 4px 0 !important;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-left: none;
      background: #f6f6f6 !important; }
      .storeCreditsReportContainer .unicart-filter .search-customer .search-btn i {
        font-size: 20px;
        color: #0c2028 !important; }
  .storeCreditsReportContainer .unicart-filter .date-period {
    height: 41px !important;
    margin-right: 0;
    margin-left: auto; }
    .storeCreditsReportContainer .unicart-filter .date-period .label {
      color: #0c2028;
      padding-top: 11px;
      padding-right: 20px; }
      @media (max-width: 425px) {
        .storeCreditsReportContainer .unicart-filter .date-period .label {
          padding-top: 0 !important; } }
    .storeCreditsReportContainer .unicart-filter .date-period .analytics-date-range .picker-value {
      width: 280px !important;
      border-right: none !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .storeCreditsReportContainer .unicart-filter .date-period .feather-calendar {
      color: #90999d !important;
      font-size: 20px !important; }
    .storeCreditsReportContainer .unicart-filter .date-period .date-picker-button {
      vertical-align: top !important;
      height: 41px;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
    .storeCreditsReportContainer .unicart-filter .date-period .date-picker-button:hover,
    .storeCreditsReportContainer .unicart-filter .date-period .date-picker-button:active,
    .storeCreditsReportContainer .unicart-filter .date-period .date-picker-button:focus {
      border-color: #d4d4d4 !important;
      box-shadow: none !important; }
    .storeCreditsReportContainer .unicart-filter .date-period .date-range2 {
      height: 41px !important;
      width: 230px !important;
      border: 1px solid #d4d4d4;
      border-radius: 4px !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none !important; }
      .storeCreditsReportContainer .unicart-filter .date-period .date-range2 .ant-picker {
        width: 200px !important;
        height: 39px !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important;
        left: 30px; }
      .storeCreditsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-suffix {
        position: absolute;
        right: 196px; }
      .storeCreditsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-input {
        width: fit-content;
        width: -moz-fit-content; }
        .storeCreditsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-input input {
          color: #0c2028 !important; }
      .storeCreditsReportContainer .unicart-filter .date-period .date-range2 .ant-picker-clear {
        display: none !important; }

.storeCreditsReportContainer .unicart-table .ant-table table {
  border-collapse: separate !important; }

.storeCreditsReportContainer .unicart-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.storeCreditsReportContainer .unicart-table .ant-table-tbody > tr:nth-child(2) > td {
  border-top: 1px solid #e5e5e5 !important; }

.storeCreditsReportContainer .unicart-table .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  padding: 24px !important;
  color: #0c2028; }
  .storeCreditsReportContainer .unicart-table .ant-table-tbody > tr > td .body.set.bold,
  .storeCreditsReportContainer .unicart-table .ant-table-tbody > tr > td .caption {
    margin-bottom: 4px; }

.storeCreditsReportContainer .unicart-table .ant-table-thead > tr > th {
  padding: 16px 24px !important; }

@media (min-width: 1024px) {
  .searchCustomerModal {
    width: 601px !important; } }

.searchCustomerModal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .searchCustomerModal .ant-modal-body {
      width: 601px !important;
      height: 420px !important;
      padding-bottom: 0 !important; } }

.searchCustomerModal .ant-modal-content {
  border-radius: 12px !important; }

.searchCustomerModal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.searchCustomerModal .unicart-filter {
  margin-top: 0 !important; }
  .searchCustomerModal .unicart-filter .product-form-label {
    margin-bottom: 4px !important; }
  .searchCustomerModal .unicart-filter .ant-select {
    width: 100% !important;
    margin-right: 16px !important; }
  .searchCustomerModal .unicart-filter .ant-input-affix-wrapper {
    border-radius: 4px !important;
    height: 41px !important; }
  .searchCustomerModal .unicart-filter span.anticon {
    width: 40px !important;
    color: #0c2028; }
  .searchCustomerModal .unicart-filter .ant-input-suffix {
    font-size: 20px; }
  .searchCustomerModal .unicart-filter .ant-select-clear {
    display: none !important; }

.searchCustomerModal .customer-table table tbody tr td {
  vertical-align: top !important; }

.searchCustomerModal .customer-table .ant-list-item {
  padding: 0 !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-avatar {
  width: 56px; }

.searchCustomerModal .customer-table .ant-list-item-meta {
  padding-top: 1px !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-description {
  padding-left: 0; }

.searchCustomerModal .customer-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.searchCustomerModal .customer-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.searchCustomerModal .customer-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.searchCustomerModal .customer-table table thead {
  background-color: #fafafb !important; }

.searchCustomerModal .customer-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.searchCustomerModal .customer-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.searchCustomerModal .row {
  align-items: baseline !important; }

.searchCustomerModal .un-page-with-steps .ant-legacy-form {
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-page-with-steps .ant-legacy-form {
      width: 622px !important; } }

.searchCustomerModal .un-box-flat {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 32px;
  box-shadow: none !important;
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-box-flat {
      width: 553px !important; } }
  .searchCustomerModal .un-box-flat .pl-10 {
    padding-left: 12px !important; }

.searchCustomerModal .un-title-light {
  display: none !important; }

.searchCustomerModal .close-btn {
  text-align: left !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .title {
  text-align: center !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .plain-btn {
  margin: auto 0 auto auto !important; }

.searchCustomerModal .upload-placeholder {
  height: 115px !important; }

.searchCustomerModal .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.searchCustomerModal .ant-upload:hover {
  border-color: #007ce0 !important; }

.searchCustomerModal .ant-upload-drag-icon img {
  object-fit: contain !important; }

.fulfillmentCenterFinancialReport-details .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .fulfillmentCenterFinancialReport-details .header-buttons .b-btn,
  .fulfillmentCenterFinancialReport-details .header-buttons .b-btn:hover,
  .fulfillmentCenterFinancialReport-details .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .fulfillmentCenterFinancialReport-details .header-buttons .b-btn i,
    .fulfillmentCenterFinancialReport-details .header-buttons .b-btn:hover i,
    .fulfillmentCenterFinancialReport-details .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .fulfillmentCenterFinancialReport-details .header-buttons .outline-btn,
  .fulfillmentCenterFinancialReport-details .header-buttons .outline-btn:focus,
  .fulfillmentCenterFinancialReport-details .header-buttons .outline-btn:hover {
    background: none !important; }
  .fulfillmentCenterFinancialReport-details .header-buttons .caption {
    padding-top: 9px;
    margin-right: 15px; }

.fulfillmentCenterFinancialReport-details .company-table {
  overflow-x: auto;
  margin-bottom: 20px; }
  .fulfillmentCenterFinancialReport-details .company-table.small-table > div {
    width: 60% !important; }
    @media (max-width: 1024px) {
      .fulfillmentCenterFinancialReport-details .company-table.small-table > div {
        width: 100% !important; } }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f6f6f6 !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table-tbody > tr:last-child > td {
    border-top: 2px solid #e5e5e5 !important;
    border-bottom: 2px solid #e5e5e5 !important; }
    .fulfillmentCenterFinancialReport-details .company-table .ant-table-tbody > tr:last-child > td .body.set {
      font-weight: bold !important; }
  .fulfillmentCenterFinancialReport-details .company-table.log-table > div {
    width: 85% !important; }
    @media (max-width: 1024px) {
      .fulfillmentCenterFinancialReport-details .company-table.log-table > div {
        width: 100% !important; } }
  .fulfillmentCenterFinancialReport-details .company-table.log-table .ant-table-tbody > tr:last-child > td {
    border-top: unset !important;
    border-bottom: unset !important; }
    .fulfillmentCenterFinancialReport-details .company-table.log-table .ant-table-tbody > tr:last-child > td .body.set {
      font-weight: unset !important; }
  .fulfillmentCenterFinancialReport-details .company-table.log-table .small-light-font {
    font-size: 12px !important;
    line-height: 16px !important;
    color: #647176 !important;
    letter-spacing: 0px !important; }
    .fulfillmentCenterFinancialReport-details .company-table.log-table .small-light-font.font-bold {
      font-weight: bold !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table-tbody > tr.ant-table-placeholder > td {
    border-top: none !important;
    border-bottom: 1px solid #e5e5e5 !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .fulfillmentCenterFinancialReport-details .company-table table thead {
    background-color: #fafafb !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .fulfillmentCenterFinancialReport-details .company-table .un-text-truncate {
    font-weight: bold !important; }
  .fulfillmentCenterFinancialReport-details .company-table .un-light-label {
    font-size: 14px !important; }
  .fulfillmentCenterFinancialReport-details .company-table .action span:not(:last-child) {
    margin-right: 10px; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }
  .fulfillmentCenterFinancialReport-details .company-table .ant-form-item {
    margin-bottom: 0 !important; }
  .fulfillmentCenterFinancialReport-details .company-table .feather-save {
    cursor: pointer !important;
    font-size: 20px;
    color: #007ce0;
    margin-right: 16px; }
  .fulfillmentCenterFinancialReport-details .company-table .feather-trash-2 {
    cursor: pointer !important;
    font-size: 20px !important;
    color: #90999d; }
    .fulfillmentCenterFinancialReport-details .company-table .feather-trash-2:hover {
      color: #e0241a !important; }

.fulfillmentCenterFinancialReport-details .report-wrapper {
  display: flex;
  width: 100%; }
  @media (max-width: 1024px) {
    .fulfillmentCenterFinancialReport-details .report-wrapper {
      display: block !important; } }
  .fulfillmentCenterFinancialReport-details .report-wrapper .summary-content {
    height: fit-content !important;
    position: fixed !important;
    width: 23% !important;
    margin-right: 20px;
    margin-top: 32px; }
    @media (max-width: 1024px) {
      .fulfillmentCenterFinancialReport-details .report-wrapper .summary-content {
        position: unset !important;
        width: 100% !important;
        margin-right: 0 !important; } }
    .fulfillmentCenterFinancialReport-details .report-wrapper .summary-content .summary-item {
      display: flex;
      width: 100%;
      margin-bottom: 4px; }
      .fulfillmentCenterFinancialReport-details .report-wrapper .summary-content .summary-item .label {
        width: 70%;
        color: #0c2028 !important; }
      .fulfillmentCenterFinancialReport-details .report-wrapper .summary-content .summary-item .cost {
        color: #0c2028 !important;
        font-weight: bold; }
  .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body {
    width: calc(100% - 26%);
    position: relative;
    margin-left: auto; }
    @media (max-width: 1024px) {
      .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body {
        width: 100% !important; } }
    .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs {
      position: fixed;
      padding-right: 4%;
      width: calc(100% - 26%) !important;
      padding-top: 32px !important;
      background-color: #f5f6f8;
      z-index: 10; }
      @media (max-width: 1024px) {
        .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs {
          position: unset !important;
          width: 100% !important;
          padding-top: 0 !important; } }
      .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header {
        display: inline-flex;
        border-bottom: 1px solid #e5e5e5; }
        .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .report-header-details {
          display: inline-flex;
          width: 100%; }
          .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .report-header-details .summary-items {
            margin: 0 0 0 auto; }
            .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .report-header-details .summary-items .summary-item {
              display: inline-flex;
              padding: 14px 20px !important; }
              .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .report-header-details .summary-items .summary-item .label {
                padding-right: 10px; }
              .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .report-header-details .summary-items .summary-item .cost {
                font-weight: bold; }
        .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .tabs {
          width: 100%;
          display: flex; }
          .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .tabs .tab-item {
            color: #0c2028;
            font-size: 14px !important;
            background: none !important;
            border: none !important;
            border-bottom: 3px solid transparent !important;
            height: 49px !important;
            padding: 16px !important;
            max-width: unset;
            cursor: pointer !important; }
            .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .tabs .tab-item.active {
              color: #5acc5a;
              font-size: 14px !important;
              font-weight: bold !important;
              border: none !important;
              border-bottom: 3px solid #5acc5a !important;
              height: 49px !important; }
            .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tabs .report-header .tabs .tab-item:hover {
              color: #5acc5a !important; }
    .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tab-content {
      padding-top: 118px !important; }
      @media (max-width: 1024px) {
        .fulfillmentCenterFinancialReport-details .report-wrapper .report-tab-body .report-tab-content {
          padding-top: 20px !important; } }

.add-additional-charges-modal .add-additional-charges-form {
  width: 100%; }
  .add-additional-charges-modal .add-additional-charges-form .ant-form-item {
    display: block; }
    .add-additional-charges-modal .add-additional-charges-form .ant-form-item .ant-form-item-label label {
      display: block;
      height: auto; }
      .add-additional-charges-modal .add-additional-charges-form .ant-form-item .ant-form-item-label label::after {
        content: ''; }

.additional-charges-list-modal .additional-charges-list .ant-table-tbody > tr > td {
  padding: 10px 12px !important;
  border-bottom: 1px solid #f6f6f6 !important; }

.additional-charges-list-modal .additional-charges-list .ant-table-tbody > tr.ant-table-placeholder > td {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.additional-charges-list-modal .additional-charges-list .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.additional-charges-list-modal .additional-charges-list table thead {
  background-color: #fafafb !important; }

.additional-charges-list-modal .additional-charges-list .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.additional-charges-list-modal .additional-charges-list .ant-table-thead > tr > th {
  border-bottom: none !important; }

.additional-charges-list-modal .additional-charges-list .un-text-truncate {
  font-weight: bold !important; }

.additional-charges-list-modal .additional-charges-list .un-light-label {
  font-size: 14px !important; }

.additional-charges-list-modal .additional-charges-list .action span:not(:last-child) {
  margin-right: 10px; }

.additional-charges-list-modal .additional-charges-list .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

.additional-charges-list-modal .additional-charges-list .feather-trash-2 {
  cursor: pointer !important;
  font-size: 20px !important;
  color: #90999d;
  margin-left: 10px; }
  .additional-charges-list-modal .additional-charges-list .feather-trash-2:hover {
    color: #e0241a !important; }

.stock-level-report .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.stock-level-report .unicart-filter {
  margin-top: 0 !important; }

.stock-level-report .stock-level-table .ant-table-column-sorters {
  padding: 0 !important; }

.stock-level-report .stock-level-table .ant-table {
  color: #000000 !important;
  background: #ffffff !important; }
  .stock-level-report .stock-level-table .ant-table .blue-text {
    color: #007ce0 !important; }

.stock-level-report .stock-level-table .chevron-btn {
  margin-right: 12px; }
  .stock-level-report .stock-level-table .chevron-btn i {
    font-size: 20px !important; }

.stock-level-report .stock-level-table .ant-table-thead > tr > th:first-child {
  padding-left: 24px !important; }

.stock-level-report .stock-level-table .ant-table-tbody > tr > td {
  padding: 24px 12px !important; }
  .stock-level-report .stock-level-table .ant-table-tbody > tr > td:first-child {
    padding-left: 24px !important; }

.stock-level-report .stock-level-table .ant-table-column-sort {
  background: none !important; }

.stock-level-report .stock-level-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: 1px solid #e5e5e5 !important;
  border-bottom: none !important; }

.stock-level-report .stock-level-table .ant-table-tbody > tr:first-child > td {
  border-top: none !important; }

.stock-level-report .stock-level-table .ant-table-expanded-row.ant-table-expanded-row-level-1 > td {
  padding: 24px !important;
  background: #fafafb !important; }

.stock-level-report .stock-level-expand-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px !important; }

.stock-level-report .stock-level-expand-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px !important; }

.stock-level-report .stock-level-expand-table .ant-table table {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: none !important; }

.stock-level-report .stock-level-expand-table .ant-table {
  margin: 0 !important;
  color: #0c2028 !important;
  background: transparent !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th,
.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:nth-last-child(2),
.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:nth-last-child(5),
.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:nth-last-child(7) {
  padding: 8px 12px !important;
  background-color: #e5e5e5 !important;
  border-bottom: none !important; }

.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.stock-level-report .stock-level-expand-table .ant-table-tbody {
  background: transparent !important; }

.stock-level-report .stock-level-expand-table .ant-table-tbody > tr > td,
.stock-level-report .stock-level-expand-table .ant-table-tbody > tr > td:nth-last-child(2),
.stock-level-report .stock-level-expand-table .ant-table-tbody > tr > td:nth-last-child(5),
.stock-level-report .stock-level-expand-table .ant-table-tbody > tr > td:nth-last-child(7) {
  background: transparent !important;
  padding: 12px !important; }

.stock-level-report .stock-level-expand-table .ant-list-item {
  padding: 0px !important; }

.stock-level-report .stock-level-expand-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.stock-level-report .stock-level-expand-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.stock-level-report .stock-level-expand-table .ant-table-tbody > tr:last-child > td {
  border-bottom: none !important; }

.stock-level-report .stock-level-expand-table .ant-table-thead > tr > th:first-child,
.stock-level-report .stock-level-expand-table .ant-table-tbody > tr > td:first-child {
  padding-left: 12px !important; }

.stock-level-report .date-picker-button {
  vertical-align: top !important;
  height: 41px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  color: #38484f !important; }

.stock-level-report .date-picker-button:hover,
.stock-level-report .date-picker-button:active,
.stock-level-report .date-picker-button:focus {
  border-color: #d4d4d4 !important;
  box-shadow: none !important; }

.stock-level-report .date-range {
  height: 41px !important;
  width: 230px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
  background: #ffffff; }
  .stock-level-report .date-range .ant-picker {
    width: 200px !important;
    height: 39px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    left: 30px; }
  .stock-level-report .date-range .ant-picker-suffix {
    position: absolute;
    right: 196px; }
  .stock-level-report .date-range .ant-picker-input {
    width: fit-content;
    width: -moz-fit-content; }
    .stock-level-report .date-range .ant-picker-input input {
      color: #0c2028 !important; }

.stock-level-report .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.stock-level-report .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.stock-level-report .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.stock-level-report .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.stock-level-report .unicart-table .order-details-card {
  border: none;
  border-right: 1px solid #e5e5e5 !important;
  padding: 0;
  padding-right: 24px;
  box-shadow: none !important; }
  .stock-level-report .unicart-table .order-details-card .subtotal {
    text-align: end !important; }
    .stock-level-report .unicart-table .order-details-card .subtotal .subtext {
      color: #647176 !important;
      padding-right: 10px !important; }

.stock-level-report .unicart-table .summary-card {
  border: none;
  border-left: 1px solid #e5e5e5 !important;
  padding: 0;
  padding-left: 24px;
  box-shadow: none !important; }

.stock-level-report .unicart-table .ant-table-thead > tr > th:first-child,
.stock-level-report .unicart-table .ant-table-tbody > tr > td:first-child {
  padding-left: 24px !important; }

@media (min-width: 1024px) {
  .exportStockLevelReport {
    width: 816px !important;
    margin: 0 auto !important; } }

.exportStockLevelReport .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .exportStockLevelReport .header-buttons .b-btn,
  .exportStockLevelReport .header-buttons .b-btn:hover,
  .exportStockLevelReport .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .exportStockLevelReport .header-buttons .b-btn i,
    .exportStockLevelReport .header-buttons .b-btn:hover i,
    .exportStockLevelReport .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.exportStockLevelReport .ant-checkbox,
.exportStockLevelReport .ant-checkbox-input,
.exportStockLevelReport .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.exportStockLevelReport .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.exportStockLevelReport .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.exportStockLevelReport .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.exportStockLevelReport .export-table table thead {
  background-color: #fafafb !important; }

.exportStockLevelReport .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.exportStockLevelReport .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.exportStockLevelReport .export-table .un-text-truncate {
  font-weight: bold !important; }

.exportStockLevelReport .export-table .un-light-label {
  font-size: 14px !important; }

.exportStockLevelReport .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .exportStockLevelReport .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.analytics-crossFiltering .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.analytics-crossFiltering .un-box-flat {
  margin-bottom: 20px !important; }
  .analytics-crossFiltering .un-box-flat.charts {
    position: relative;
    border: none !important;
    border-radius: 0 !important; }
    .analytics-crossFiltering .un-box-flat.charts .display-medium {
      text-align: center;
      font-weight: bold;
      padding: 0 20px; }
      @media (max-width: 425px) {
        .analytics-crossFiltering .un-box-flat.charts .display-medium {
          padding: 0 26px !important; } }
    .analytics-crossFiltering .un-box-flat.charts .plain-btn {
      width: 20px !important;
      height: 20px !important;
      padding: 0 !important;
      position: absolute;
      top: 24px;
      right: 20px; }
      .analytics-crossFiltering .un-box-flat.charts .plain-btn i {
        font-size: 20px !important; }
    .analytics-crossFiltering .un-box-flat.charts .spinner {
      height: 300px; }
      .analytics-crossFiltering .un-box-flat.charts .spinner .ant-spin {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .analytics-crossFiltering .un-box-flat.charts .apexcharts-toolbar {
      display: flex !important;
      visibility: visible !important; }
    .analytics-crossFiltering .un-box-flat.charts .apexcharts-legend {
      width: auto !important;
      /* Allow the width to adjust based on content */
      max-width: 520px !important;
      /* Set the maximum width to 520px */ }
      .analytics-crossFiltering .un-box-flat.charts .apexcharts-legend .apexcharts-legend-series {
        display: flex !important; }
        .analytics-crossFiltering .un-box-flat.charts .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
          min-width: 12px !important; }
        .analytics-crossFiltering .un-box-flat.charts .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
          word-break: break-word !important; }
  .analytics-crossFiltering .un-box-flat .filter-container {
    display: flex; }
    @media (max-width: 1025px) {
      .analytics-crossFiltering .un-box-flat .filter-container {
        flex-wrap: wrap; } }
    .analytics-crossFiltering .un-box-flat .filter-container .ant-select {
      width: 150px !important;
      min-width: 180px !important;
      margin-right: 16px !important;
      height: 32px; }
      @media (max-width: 1440px) {
        .analytics-crossFiltering .un-box-flat .filter-container .ant-select {
          min-width: 120px !important; } }
      @media (max-width: 1025px) {
        .analytics-crossFiltering .un-box-flat .filter-container .ant-select {
          margin-bottom: 8px !important; } }
      .analytics-crossFiltering .un-box-flat .filter-container .ant-select.multiple .ant-select-selector .ant-select-selection-item {
        max-width: 60% !important; }
      .analytics-crossFiltering .un-box-flat .filter-container .ant-select .ant-select-selector {
        height: 32px;
        overflow: hidden;
        align-items: flex-start; }
        .analytics-crossFiltering .un-box-flat .filter-container .ant-select .ant-select-selector .ant-select-selection-item {
          margin-top: 4px !important;
          margin-bottom: 4px !important; }
    .analytics-crossFiltering .un-box-flat .filter-container .separator {
      margin-right: 16px;
      border-right: 2px solid #e5e5e5; }
    .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group {
      height: auto !important;
      display: flex;
      margin-right: 16px; }
      @media (max-width: 1025px) {
        .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group {
          display: inline-block !important;
          margin-bottom: 8px !important; } }
      .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group .ant-radio-button-wrapper {
        height: 100% !important;
        line-height: 30px !important;
        padding: 0 10px;
        text-align: center;
        align-content: center; }
        @media (max-width: 1440px) {
          .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group .ant-radio-button-wrapper {
            line-height: 20px !important;
            padding: 8px 10px; } }
        @media (max-width: 1025px) {
          .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group .ant-radio-button-wrapper {
            width: fit-content !important; } }
        .analytics-crossFiltering .un-box-flat .filter-container .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
          color: #ffffff !important;
          background: #5acc5a !important;
          border-color: #5acc5a !important; }
    .analytics-crossFiltering .un-box-flat .filter-container .date-range {
      background-color: #ffffff;
      height: 32px !important;
      width: 200px !important;
      min-width: 200px !important;
      border: 1px solid #d4d4d4;
      border-radius: 4px !important;
      margin-right: 16px; }
      @media (max-width: 1025px) {
        .analytics-crossFiltering .un-box-flat .filter-container .date-range {
          margin-bottom: 8px !important; } }
      .analytics-crossFiltering .un-box-flat .filter-container .date-range .ant-picker {
        width: 200px !important;
        height: 30px !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important; }
      .analytics-crossFiltering .un-box-flat .filter-container .date-range .ant-picker-suffix {
        display: none; }
      .analytics-crossFiltering .un-box-flat .filter-container .date-range .ant-picker-input {
        width: fit-content;
        width: -moz-fit-content; }
      .analytics-crossFiltering .un-box-flat .filter-container .date-range .ant-picker-clear {
        display: none !important; }

.analytics-crossFiltering .stats-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px !important; }
  @media (max-width: 1025px) {
    .analytics-crossFiltering .stats-container {
      flex-wrap: wrap !important; } }
  .analytics-crossFiltering .stats-container .stats-item {
    text-align: center !important;
    line-height: normal;
    width: 16% !important;
    height: auto !important;
    box-shadow: none !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px;
    padding: 12px !important;
    background-color: #ffffff !important; }
    @media (max-width: 1025px) {
      .analytics-crossFiltering .stats-container .stats-item {
        width: 32.5% !important;
        margin-bottom: 8px; } }
    @media (max-width: 425px) {
      .analytics-crossFiltering .stats-container .stats-item {
        width: 49% !important; } }
    .analytics-crossFiltering .stats-container .stats-item .count {
      word-break: break-all;
      font-size: 30px !important;
      font-weight: bolder !important;
      color: #0c2028; }
      @media (max-width: 1025px) {
        .analytics-crossFiltering .stats-container .stats-item .count {
          font-size: 28px !important; } }
    .analytics-crossFiltering .stats-container .stats-item .task-subtitle {
      color: #0c2028 !important;
      font-size: 12px !important;
      height: 14px !important;
      position: relative; }

.new-marketplace-filter .filter-label {
  width: 100px !important;
  margin-right: 20px; }

.new-marketplace-filter .filter-row {
  margin-bottom: 8px; }

.new-marketplace-filter .channel-row {
  width: 100%;
  gap: 8px;
  display: flex;
  flex-wrap: wrap; }
  .new-marketplace-filter .channel-row.store-row {
    background-color: #fafafb;
    border-radius: 4px;
    padding: 6px 12px !important; }
    .new-marketplace-filter .channel-row.store-row .plain-btn {
      margin: 0 20px 0 0 !important;
      height: unset !important; }
    .new-marketplace-filter .channel-row.store-row .ant-checkbox + span {
      padding-left: 6px !important; }
  .new-marketplace-filter .channel-row .ant-checkbox-group {
    display: inline !important; }
  .new-marketplace-filter .channel-row .plain-btn {
    margin: 0 8px !important;
    height: 22px !important;
    align-items: center;
    display: inline-flex; }
    .new-marketplace-filter .channel-row .plain-btn i {
      font-size: 18px !important;
      margin: 0 !important; }

.new-marketplace-filter .channel-btn {
  padding: 0px 8px !important;
  border-radius: 16px;
  background-color: #fafafb;
  border: 1px solid #fafafb;
  color: #38484f;
  cursor: pointer;
  margin-right: 0; }
  .new-marketplace-filter .channel-btn.active {
    color: #0c2028;
    font-weight: 500;
    background-color: #f3fff3;
    border: 1px solid #5acc5a; }
  .new-marketplace-filter .channel-btn img {
    width: 17px !important;
    height: 17px !important;
    margin-right: 4px !important; }
    .new-marketplace-filter .channel-btn img.country-logo {
      width: 22px !important; }

.analytics-ai-intelligence-report .stats-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px !important; }
  @media (max-width: 1025px) {
    .analytics-ai-intelligence-report .stats-container {
      flex-wrap: wrap !important; } }
  .analytics-ai-intelligence-report .stats-container .stats-item {
    width: 16% !important;
    height: auto !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px;
    padding: 16px 20px !important;
    background-color: #ffffff !important; }
    @media (max-width: 1025px) {
      .analytics-ai-intelligence-report .stats-container .stats-item {
        width: 32.5% !important;
        margin-bottom: 8px; } }
    @media (max-width: 425px) {
      .analytics-ai-intelligence-report .stats-container .stats-item {
        width: 49% !important; } }
    .analytics-ai-intelligence-report .stats-container .stats-item .stats-item-header {
      margin-bottom: 8px; }
    .analytics-ai-intelligence-report .stats-container .stats-item .summary-statistic {
      margin-right: 12px; }
    .analytics-ai-intelligence-report .stats-container .stats-item .summary-percentage {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .analytics-ai-intelligence-report .stats-container .stats-item .increase {
      color: #5acc5a; }
    .analytics-ai-intelligence-report .stats-container .stats-item .decrease {
      color: #e0241a; }

.analytics-ai-intelligence-report .col-4,
.analytics-ai-intelligence-report .col-6,
.analytics-ai-intelligence-report .col-8,
.analytics-ai-intelligence-report .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.analytics-ai-intelligence-report .un-box-flat {
  margin-bottom: 12px !important; }

.analytics-ai-intelligence-report .ai-analytics-table {
  margin-top: 20px;
  overflow-x: auto; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-table-placeholder > td {
    padding: 16px !important; }
    .analytics-ai-intelligence-report .ai-analytics-table .ant-table-placeholder > td:before {
      content: none !important; }
  .analytics-ai-intelligence-report .ai-analytics-table table tbody tr td {
    vertical-align: top !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-table-tbody > tr > td {
    padding: 12px 12px !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-table table {
    border: none !important;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important; }
  .analytics-ai-intelligence-report .ai-analytics-table table thead {
    background-color: #fafafb !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .ant-list-item {
    padding: 0 !important; }
  .analytics-ai-intelligence-report .ai-analytics-table .increase {
    color: #5acc5a; }
  .analytics-ai-intelligence-report .ai-analytics-table .decrease {
    color: #e0241a; }

.analytics-ai-intelligence-report .doughnut {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  width: 300px;
  height: 300px;
  position: relative;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 1025px) {
    .analytics-ai-intelligence-report .doughnut {
      width: unset !important; } }
  .analytics-ai-intelligence-report .doughnut .doughnut-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }

.analytics-ai-intelligence-report .gmv-table {
  width: 300px;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 1025px) {
    .analytics-ai-intelligence-report .gmv-table {
      width: 100% !important; } }
  .analytics-ai-intelligence-report .gmv-table .gmv-row.main td {
    padding-bottom: 8px; }
  .analytics-ai-intelligence-report .gmv-table .gmv-row.indent {
    background-color: #fafafb; }
  .analytics-ai-intelligence-report .gmv-table .doughnut-dot {
    height: 11px;
    width: 11px;
    border-radius: 50%;
    display: inline-block; }
  .analytics-ai-intelligence-report .gmv-table .channel-logo {
    border-radius: 4px;
    object-fit: contain;
    width: 20px;
    height: 20px; }

@media (max-width: 1025px) {
  .analytics-ai-intelligence-report .ai-row {
    flex-wrap: wrap !important; } }

.analytics-ai-intelligence-report .ai-row .mr-12 {
  margin-right: 12px !important; }
  @media (max-width: 425px) {
    .analytics-ai-intelligence-report .ai-row .mr-12 {
      margin-right: 0 !important; } }

.competitor-monitoring .date-period .label, .performance-chart .choose-product .search-suffix, .performance-chart .choose-product .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.apps-apps .search-form .un-filter-value {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.apps-apps .category-card .ant-card-body {
  padding: 6px 12px !important; }

.apps-apps .category-list {
  position: fixed;
  width: 15% !important;
  display: flex;
  flex-direction: column;
  padding: 15px 0 15px 0 !important; }
  .apps-apps .category-list-label, .apps-apps .category-list-label-selected {
    padding: 10px 10px 5px 10px !important; }
    .apps-apps .category-list-label label, .apps-apps .category-list-label-selected label {
      cursor: pointer; }
  .apps-apps .category-list-label:hover {
    background-color: #f3fff3;
    cursor: pointer; }
  .apps-apps .category-list-label-selected {
    background-color: #f3fff3; }

.apps-apps .apps-slider .slick-slider {
  position: relative;
  width: 100% !important; }
  .apps-apps .apps-slider .slick-slider .slick-arrow {
    visibility: hidden;
    position: absolute !important;
    position: absolute !important;
    z-index: 1001 !important;
    top: 43%; }
    @media (max-width: 1023px) {
      .apps-apps .apps-slider .slick-slider .slick-arrow {
        display: none !important; } }
    .apps-apps .apps-slider .slick-slider .slick-arrow.slick-prev {
      left: -90px !important; }
      .apps-apps .apps-slider .slick-slider .slick-arrow.slick-prev:after {
        cursor: pointer !important;
        visibility: visible;
        content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="30.59" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1088 1664"%3E%3Cpath fill="%2390999d" d="M1043 301L512 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L45 877q-19-19-19-45t19-45L787 45q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"%2F%3E%3C%2Fsvg%3E') !important; }
    .apps-apps .apps-slider .slick-slider .slick-arrow.slick-next {
      right: -35px !important; }
      .apps-apps .apps-slider .slick-slider .slick-arrow.slick-next:after {
        cursor: pointer !important;
        visibility: visible;
        content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="30.59" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1088 1664"%3E%3Cg transform="translate(1088 0) scale(-1 1)"%3E%3Cpath fill="%2390999d" d="M1043 301L512 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L45 877q-19-19-19-45t19-45L787 45q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important; }
    .apps-apps .apps-slider .slick-slider .slick-arrow.slick-disabled {
      opacity: 0.2 !important; }
      .apps-apps .apps-slider .slick-slider .slick-arrow.slick-disabled:after {
        cursor: not-allowed !important; }
  .apps-apps .apps-slider .slick-slider .slick-list {
    overflow-x: hidden !important;
    margin: 0 -10px; }
    .apps-apps .apps-slider .slick-slider .slick-list .slick-track {
      display: flex; }
      @media (max-width: 1023px) {
        .apps-apps .apps-slider .slick-slider .slick-list .slick-track {
          display: block !important;
          transform: unset !important; } }
      .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card {
        position: relative !important;
        border-radius: 10px;
        background-color: #ffffff !important;
        border: 1px solid #e5e5e5 !important; }
        .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card img {
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
          border-left: 1px solid #e5e5e5 !important;
          border-right: 1px solid #e5e5e5 !important; }
        .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .ant-card-body {
          display: flex;
          padding: 12px !important;
          font-size: 12px !important;
          height: 70px; }
          @media (max-width: 1440px) {
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .ant-card-body {
              height: 70px; } }
          @media (max-width: 1025px) {
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .ant-card-body {
              height: 70px; } }
          @media (max-width: 425px) {
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .ant-card-body {
              height: 70px; } }
          .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .ant-card-body .card-info {
            color: #647176 !important;
            display: block;
            display: -webkit-box;
            word-wrap: break-word;
            word-break: break-word;
            margin: 0;
            font-size: 12px;
            line-height: 17px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
        .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions {
          padding: 0 10px 10px;
          background: transparent;
          border-top: none;
          border-radius: 0 0 12px 12px;
          display: flex;
          align-items: center;
          height: 30px; }
          .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li {
            width: fit-content !important;
            margin: 0 0 0 16px !important;
            border-right: none !important; }
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li:first-child {
              margin-left: auto !important; }
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li span {
              min-width: unset; }
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .ellipsis-btn {
              width: 30px !important;
              height: 30px !important; }
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter,
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter:hover,
            .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter:focus {
              color: #647176 !important; }
              .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter i,
              .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter:hover i,
              .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card ul.ant-card-actions li .plain-btn.set-lighter:focus i {
                color: #647176 !important; }
        .apps-apps .apps-slider .slick-slider .slick-list .slick-track .slick-slide .ant-card .subscription-end-date {
          color: #C0C5C8;
          font-size: 12px; }

.apps-apps .section {
  width: 100% !important;
  display: inline-flex !important; }
  @media (max-width: 425px) {
    .apps-apps .section {
      display: block !important; } }
  .apps-apps .section .side-nav {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    padding: 12px 0;
    box-shadow: none;
    height: -moz-fit-content !important;
    /* WebKit-based browsers will ignore this. */
    height: -webkit-fit-content !important;
    /* Mozilla-based browsers will ignore this. */
    height: fit-content !important;
    width: 222px !important;
    margin-right: 24px !important; }
    .apps-apps .section .side-nav .warehouse-menu {
      width: inherit !important;
      border: none !important; }
      .apps-apps .section .side-nav .warehouse-menu .ant-menu-inline {
        width: 220px !important;
        border-right: none !important; }
      .apps-apps .section .side-nav .warehouse-menu .item-name {
        white-space: unset;
        overflow: initial; }
    .apps-apps .section .side-nav .nav-item {
      display: inline-flex;
      width: 221px;
      height: 43px;
      padding-left: 12px !important;
      cursor: pointer;
      margin: 0 !important;
      align-items: center !important; }
      .apps-apps .section .side-nav .nav-item.active {
        background-color: #f3fff3;
        border-right: 4px solid #5acc5a; }
        .apps-apps .section .side-nav .nav-item.active i,
        .apps-apps .section .side-nav .nav-item.active .item-name {
          font-weight: bold; }
      .apps-apps .section .side-nav .nav-item.addon {
        height: 67px !important;
        margin-bottom: 8px !important; }
        .apps-apps .section .side-nav .nav-item.addon .ant-avatar {
          font-weight: normal !important; }
        .apps-apps .section .side-nav .nav-item.addon .body.set.bold {
          text-wrap: auto; }
        .apps-apps .section .side-nav .nav-item.addon .feather-chevron-right {
          color: #007ce0 !important;
          margin-right: 0 !important; }
      .apps-apps .section .side-nav .nav-item.addon.show-divider {
        border-bottom: 1px solid #e5e5e5; }
      .apps-apps .section .side-nav .nav-item i {
        font-size: 17px;
        color: #0c2028;
        margin-right: 8px;
        line-height: 43px; }
      .apps-apps .section .side-nav .nav-item .item-name {
        font-size: 16px;
        line-height: 43px;
        color: #0c2028;
        margin-right: 4px;
        display: -webkit-box;
        word-wrap: break-word;
        word-break: break-all;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: break-spaces; }
      .apps-apps .section .side-nav .nav-item .default-tag {
        height: fit-content !important;
        margin-left: auto !important;
        margin-right: 0 !important; }
      .apps-apps .section .side-nav .nav-item::after {
        border-right: 4px solid #5acc5a !important; }
    .apps-apps .section .side-nav .ant-menu-item-selected {
      font-weight: bold !important; }
    .apps-apps .section .side-nav .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
      background-color: #f3fff3 !important; }
  @media (min-width: 768px) {
    .apps-apps .section .right-section {
      width: calc(100% - 246px) !important;
      margin-left: auto !important; } }
  @media (max-width: 480px) {
    .apps-apps .section .right-section .search-form .un-filter-name > div.ant-select-selector {
      width: initial; }
    .apps-apps .section .right-section .pg-title {
      margin-top: 20px !important; } }
  @media (min-width: 768px) {
    .apps-apps .section .right-section .search-form .un-filter-name > div.ant-select-selector {
      width: initial; } }

.apps-apps .app-checkbox {
  margin-right: 30px; }

.apps-apps .ant-checkbox + span {
  font-size: 14px;
  font-weight: 500;
  color: black;
  padding-right: 8px;
  padding-left: 8px; }

.apps-apps .app-checkboxgroup {
  padding: 20px;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 15px;
  margin: 20px 0 !important; }

.apps-apps-popover.plain-btn.unsubscribe-btn {
  color: #E0241A !important;
  margin-left: 10px;
  margin-right: 10px; }
  .apps-apps-popover.plain-btn.unsubscribe-btn span {
    color: #E0241A !important; }
  .apps-apps-popover.plain-btn.unsubscribe-btn i {
    color: #E0241A !important; }

.whatsapp .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.whatsapp .plain-btn .MuiSvgIcon-root {
  fill: #007ce0 !important;
  margin-right: 4px !important;
  margin-bottom: 3px;
  width: 21px !important;
  font-size: 21px !important;
  vertical-align: middle !important; }

.whatsapp .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.whatsapp .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.whatsapp .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.whatsapp .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

@media (min-width: 1024px) {
  .whatsapp-order {
    width: 644px !important;
    margin: 0 auto !important; } }

.whatsapp-order .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.whatsapp-order .whatsapp-order-table .ant-list-item-meta-title {
  line-height: 20px !important;
  height: unset !important; }

.whatsapp-order .whatsapp-order-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.whatsapp-order .whatsapp-order-table .ant-list-item-meta-avatar {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 6px !important; }

.whatsapp-order .whatsapp-order-table .un-row-product img {
  height: 42px;
  width: 42px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.whatsapp-order .whatsapp-order-table .ant-table-tbody > tr > td {
  padding: 10px 12px !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.whatsapp-order .whatsapp-order-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.whatsapp-order .whatsapp-order-table table thead {
  background-color: #fafafb !important; }

.whatsapp-order .whatsapp-order-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.whatsapp-order .whatsapp-order-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.whatsapp-order .whatsapp-order-table .un-text-truncate {
  font-weight: bold !important; }

.whatsapp-order .whatsapp-order-table .un-light-label {
  font-size: 14px !important; }

.whatsapp-order .whatsapp-order-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

.whatsapp-order-product-modal .modal-filter .search-form {
  display: block !important; }

.whatsapp-order-product-modal .btn-productlist {
  display: flex;
  margin-bottom: 20px; }
  .whatsapp-order-product-modal .btn-productlist .btn-product {
    font-size: 14px;
    line-height: 17px;
    height: 33px;
    padding: 7px 16px 8px 16px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    color: #0c2028 !important;
    border-radius: 60px;
    letter-spacing: 0px; }
    .whatsapp-order-product-modal .btn-productlist .btn-product + .btn-product {
      margin-left: 10px; }
    .whatsapp-order-product-modal .btn-productlist .btn-product.active {
      color: #5acc5a !important;
      border-color: #5acc5a !important;
      background-color: #ffffff; }

.whatsapp-order-product-modal .product-table table tbody tr td {
  vertical-align: top !important; }

.whatsapp-order-product-modal .product-table .ant-list-item {
  padding: 0 !important; }

.whatsapp-order-product-modal .product-table .ant-list-item-meta {
  padding-top: 1px !important; }

.whatsapp-order-product-modal .product-table .ant-list-item-meta-description {
  padding-left: 0; }

.whatsapp-order-product-modal .product-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.whatsapp-order-product-modal .product-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.whatsapp-order-product-modal .product-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.whatsapp-order-product-modal .product-table table thead {
  background-color: #fafafb !important; }

.whatsapp-order-product-modal .product-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.whatsapp-order-product-modal .product-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.whatsapp-order-product-modal .product-table .desc {
  line-height: 15px !important; }

.whatsapp-order-product-modal .product-table .un-light-label-text {
  color: #647176 !important;
  font-size: 12px !important; }

.whatsapp-order-product-modal .ant-pagination-options-size-changer.ant-select {
  display: none; }

.line .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.line .plain-btn .MuiSvgIcon-root {
  fill: #007ce0 !important;
  margin-right: 4px !important;
  margin-bottom: 3px;
  width: 21px !important;
  font-size: 21px !important;
  vertical-align: middle !important; }

.line .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.line .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.line .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.line .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.line-order .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.line-order .line-order-table .ant-list-item-meta-title {
  line-height: 20px !important;
  height: unset !important; }

.line-order .line-order-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.line-order .line-order-table .ant-list-item-meta-avatar {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 6px !important; }

.line-order .line-order-table .un-row-product img {
  height: 42px;
  width: 42px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.line-order .line-order-table .ant-table-tbody > tr > td {
  padding: 10px 12px !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.line-order .line-order-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.line-order .line-order-table table thead {
  background-color: #fafafb !important; }

.line-order .line-order-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.line-order .line-order-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.line-order .line-order-table .un-text-truncate {
  font-weight: bold !important; }

.line-order .line-order-table .un-light-label {
  font-size: 14px !important; }

.line-order .line-order-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

.line-order-product-modal .modal-filter .search-form {
  display: block !important; }

.line-order-product-modal .btn-productlist {
  display: flex;
  margin-bottom: 20px; }
  .line-order-product-modal .btn-productlist .btn-product {
    font-size: 14px;
    line-height: 17px;
    height: 33px;
    padding: 7px 16px 8px 16px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    color: #0c2028 !important;
    border-radius: 60px;
    letter-spacing: 0px; }
    .line-order-product-modal .btn-productlist .btn-product + .btn-product {
      margin-left: 10px; }
    .line-order-product-modal .btn-productlist .btn-product.active {
      color: #5acc5a !important;
      border-color: #5acc5a !important;
      background-color: #ffffff; }

.line-order-product-modal .product-table table tbody tr td {
  vertical-align: top !important; }

.line-order-product-modal .product-table .ant-list-item {
  padding: 0 !important; }

.line-order-product-modal .product-table .ant-list-item-meta {
  padding-top: 1px !important; }

.line-order-product-modal .product-table .ant-list-item-meta-description {
  padding-left: 0; }

.line-order-product-modal .product-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.line-order-product-modal .product-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.line-order-product-modal .product-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.line-order-product-modal .product-table table thead {
  background-color: #fafafb !important; }

.line-order-product-modal .product-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.line-order-product-modal .product-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.line-order-product-modal .product-table .desc {
  line-height: 15px !important; }

.line-order-product-modal .product-table .un-light-label-text {
  color: #647176 !important;
  font-size: 12px !important; }

.line-order-product-modal .ant-pagination-options-size-changer.ant-select {
  display: none; }

@media (min-width: 1024px) {
  .tracking-my {
    width: 644px !important;
    margin: 0 auto !important; } }

.tracking-my .header-buttons {
  max-width: 568px !important;
  width: 100% !important;
  top: 6px !important;
  display: flex;
  position: fixed; }
  .tracking-my .header-buttons .b-btn,
  .tracking-my .header-buttons .b-btn:hover,
  .tracking-my .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .tracking-my .header-buttons .b-btn i,
    .tracking-my .header-buttons .b-btn:hover i,
    .tracking-my .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.tracking-my .ant-upload.ant-upload-select-picture-card {
  width: 115px !important;
  height: 115px !important;
  border: 1px dashed #007ce0 !important; }

.tracking-my .upload-placeholder {
  padding-top: 35% !important;
  color: #007ce0; }

.tracking-my .upload-placeholder i {
  font-size: 32px; }

.tracking-my .hvrbox {
  height: 115px !important;
  width: 115px !important; }
  .tracking-my .hvrbox img {
    object-fit: contain !important; }

.competitor-monitoring .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .competitor-monitoring .header-buttons .b-btn,
  .competitor-monitoring .header-buttons .b-btn:hover,
  .competitor-monitoring .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .competitor-monitoring .header-buttons .b-btn i,
    .competitor-monitoring .header-buttons .b-btn:hover i,
    .competitor-monitoring .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.competitor-monitoring .pg-description {
  width: 595px;
  margin-top: 12px; }

.competitor-monitoring .date-period {
  height: 41px !important;
  margin-left: auto;
  margin-right: 0; }
  .competitor-monitoring .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .competitor-monitoring .date-period .date-range1 {
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important; }
    .competitor-monitoring .date-period .date-range1 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .competitor-monitoring .date-period .date-range1 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .competitor-monitoring .date-period .date-range1 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .competitor-monitoring .date-period .date-range1 .ant-picker-input input {
        color: #0c2028 !important; }
    .competitor-monitoring .date-period .date-range1 .ant-picker-clear {
      display: none !important; }
  .competitor-monitoring .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }

.competitor-monitoring .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.competitor-monitoring .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.competitor-monitoring .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.competitor-monitoring .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.competitor-monitoring .listing-opt .ant-list-item-meta-title {
  height: fit-content;
  height: -moz-fit-content; }

.competitor-monitoring-modal .ant-modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.competitor-monitoring-modal .select-text,
.competitor-monitoring-modal .select-title,
.competitor-monitoring-modal .modal-filter {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.competitor-monitoring-modal .select-title {
  margin-bottom: 6px !important; }

.competitor-monitoring-modal .select-button {
  padding-top: 12px;
  margin-left: auto;
  margin-right: 0; }

.competitor-monitoring-modal .product-to-analyze-list {
  max-height: 320px;
  overflow-y: auto;
  border-top: 1px solid #e5e5e5; }
  .competitor-monitoring-modal .product-to-analyze-list .ant-list-item-meta-title {
    height: 36px !important; }

.competitor-monitoring-modal .product-list {
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  border-bottom: 1px solid #e5e5e5; }

.competitor-monitoring-modal .ant-list-item {
  width: -webkit-fill-available !important;
  width: fill-available !important;
  width: -moz-available !important;
  padding-right: 12px !important; }

.analyze-competitor .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .analyze-competitor .header-buttons .b-btn,
  .analyze-competitor .header-buttons .b-btn:hover,
  .analyze-competitor .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .analyze-competitor .header-buttons .b-btn i,
    .analyze-competitor .header-buttons .b-btn:hover i,
    .analyze-competitor .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.analyze-competitor .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.analyze-competitor .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.analyze-competitor .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.analyze-competitor .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.analyze-competitor .listing-opt .ant-list-item-meta-title {
  height: fit-content;
  height: -moz-fit-content; }

.analyze-competitor .unicart-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-left: 80px; }

.analyze-competitor .default-product {
  background-color: #efefef; }
  .analyze-competitor .default-product td:first-child {
    border-left: 8px solid #5acc5a !important; }

.analyze-competitor .marketplace-product td:first-child {
  border-left: 8px solid transparent !important; }

.performance-chart .choose-product {
  height: 41px !important; }
  .performance-chart .choose-product .search-suffix {
    color: #90999d;
    position: absolute;
    z-index: 1001;
    margin-top: 12px !important;
    left: 143px !important;
    height: 41px !important; }
  .performance-chart .choose-product .product-select {
    color: #90999d !important;
    height: 41px !important;
    width: 230px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
    text-align: left; }
    .performance-chart .choose-product .product-select span.anticon {
      color: #0c2028;
      margin-top: 4px;
      float: right; }
    .performance-chart .choose-product .product-select .ant-input-suffix {
      font-size: 20px; }
    .performance-chart .choose-product .product-select .ant-select-selector {
      height: 41px !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: 1px solid transparent !important; }
    .performance-chart .choose-product .product-select .ant-select-selection-search-input {
      height: 41px !important; }
    .performance-chart .choose-product .product-select .ant-select-selection-placeholder {
      line-height: 39px !important; }
    .performance-chart .choose-product .product-select .ant-select-selection-item {
      display: none !important; }
    .performance-chart .choose-product .product-select .ant-select-item-option-state {
      display: none !important; }
  .performance-chart .choose-product .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .performance-chart .choose-product .apply-button {
    color: #0c2028;
    height: 41px;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  .performance-chart .choose-product .apply-button:hover,
  .performance-chart .choose-product .apply-button:active,
  .performance-chart .choose-product .apply-button:focus {
    border: 1px solid #007ce0;
    box-shadow: none !important; }

.performance-chart .card-chart .ant-card-body {
  background-color: #fff !important;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  padding: 24px !important; }

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-select-dropdown-menu-item-active {
  background-color: #e6f7ff !important; }

.ant-dropdown {
  width: 536px !important; }
  .ant-dropdown .ant-checkbox-wrapper {
    width: 100%;
    display: flex; }
    .ant-dropdown .ant-checkbox-wrapper .ant-checkbox,
    .ant-dropdown .ant-checkbox-wrapper .ant-checkbox-inner {
      height: 18px !important;
      width: 18px !important; }
    .ant-dropdown .ant-checkbox-wrapper span:nth-child(2) > div {
      word-wrap: break-word;
      word-break: normal;
      font-size: 12px !important;
      line-height: 16px !important;
      width: 100% !important;
      -webkit-line-clamp: 2 !important;
      overflow: hidden;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      white-space: normal; }
  .ant-dropdown .ant-input-search {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 12px;
    margin-bottom: 12px; }
  .ant-dropdown .ant-input-suffix {
    display: none !important; }

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 5px 16px; }

.telegram .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.telegram .plain-btn .MuiSvgIcon-root {
  fill: #007ce0 !important;
  margin-right: 4px !important;
  margin-bottom: 3px;
  width: 21px !important;
  font-size: 21px !important;
  vertical-align: middle !important; }

.telegram .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.telegram .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.telegram .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.telegram .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.telegram-contact-btn {
  width: 100% !important;
  height: 33px !important;
  padding: 0px 16px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  border: 0.4px solid #34aadf !important;
  background-color: #34aadf !important;
  box-shadow: none !important;
  color: #fff !important; }
  .telegram-contact-btn i {
    font-size: 14px !important;
    height: 15px !important; }
  .telegram-contact-btn span {
    vertical-align: top !important; }

.telegram-contact-btn:hover {
  border: 0.4px solid #297aa0 !important;
  background-color: #297aa0 !important;
  color: #fff !important; }

.telegram-contact-btn:focus {
  border: 0.4px solid #297aa0 !important;
  background-color: #14678d !important;
  color: #fff !important; }

.telegram-modal-textarea,
.wechat-modal-textarea {
  background-color: #eeeeee;
  color: #0c2028 !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px !important;
  resize: none;
  font-size: 14px !important;
  margin-bottom: 20px; }

.line-modal-textarea {
  background-color: #eeeeee;
  color: #0c2028 !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px !important;
  resize: none;
  font-size: 14px !important;
  margin-bottom: 20px; }

.telegram-cart-button-area {
  background-color: #f4f7fa;
  position: fixed !important;
  bottom: 0 !important;
  width: 100%;
  height: 90px;
  border-color: #d9d8d8;
  border-style: solid;
  border-width: 1px; }

.telegram-cart-send-message-btn {
  font-size: 16px !important;
  height: 35px !important;
  padding: 0px 16px; }

.telegram-cart-checkout-btn {
  background-color: #5acc5a;
  color: #ffffff;
  font-size: 16px !important;
  height: 35px !important;
  padding: 0px 16px; }

.wechat .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.wechat .plain-btn .MuiSvgIcon-root {
  fill: #007ce0 !important;
  margin-right: 4px !important;
  margin-bottom: 3px;
  width: 21px !important;
  font-size: 21px !important;
  vertical-align: middle !important; }

.wechat .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.wechat .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.wechat .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.wechat .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

@media (min-width: 1024px) {
  .wechat-order {
    width: 644px !important;
    margin: 0 auto !important; } }

.wechat-order .search-form .un-filter-value {
  height: 41px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.wechat-order .wechat-order-table .ant-list-item-meta-title {
  line-height: 20px !important;
  height: unset !important; }

.wechat-order .wechat-order-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.wechat-order .wechat-order-table .ant-list-item-meta-avatar {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 6px !important; }

.wechat-order .wechat-order-table .un-row-product img {
  height: 42px;
  width: 42px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.wechat-order .wechat-order-table .ant-table-tbody > tr > td {
  padding: 10px 12px !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.wechat-order .wechat-order-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.wechat-order .wechat-order-table table thead {
  background-color: #fafafb !important; }

.wechat-order .wechat-order-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.wechat-order .wechat-order-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.wechat-order .wechat-order-table .un-text-truncate {
  font-weight: bold !important; }

.wechat-order .wechat-order-table .un-light-label {
  font-size: 14px !important; }

.wechat-order .wechat-order-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

@media (min-width: 1024px) {
  .google {
    width: 644px !important;
    margin: 0 auto !important; } }

.google .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .google .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .google .header-buttons .b-btn,
  .google .header-buttons .b-btn:hover,
  .google .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .google .header-buttons .b-btn i,
    .google .header-buttons .b-btn:hover i,
    .google .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.google .google-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .google .google-layout .google-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

@media (min-width: 1024px) {
  .mailchimp {
    width: 644px !important;
    margin: 0 auto !important; } }

.mailchimp .mailchimp-table {
  overflow-x: auto; }
  .mailchimp .mailchimp-table .ant-table-tbody > tr > td {
    padding: 12px 12px !important; }
    .mailchimp .mailchimp-table .ant-table-tbody > tr > td .ant-form-item {
      margin-bottom: 0 !important; }
  .mailchimp .mailchimp-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .mailchimp .mailchimp-table table thead {
    background-color: #fafafb !important; }
  .mailchimp .mailchimp-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .mailchimp .mailchimp-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .mailchimp .mailchimp-table .un-text-truncate {
    font-weight: bold !important; }
  .mailchimp .mailchimp-table .un-light-label {
    font-size: 14px !important; }

@media (min-width: 1024px) {
  .tracking-my {
    width: 644px !important;
    margin: 0 auto !important; } }

.tracking-my .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .tracking-my .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }

.tracking-my .ant-form-item.popup-dimension {
  margin-bottom: 12px !important; }
  .tracking-my .ant-form-item.popup-dimension .ant-input-group-addon {
    cursor: default; }
  .tracking-my .ant-form-item.popup-dimension .ant-input-group .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.tracking-my .row {
  align-items: baseline; }

.tracking-my .vertical-center {
  align-items: center;
  line-height: 33px !important; }

.tracking-my .ant-form-item {
  margin-bottom: 0 !important; }

.tracking-my .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.tracking-my .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 200px !important;
  position: relative !important; }
  .tracking-my .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.tracking-my .hvrbox {
  width: 100%;
  max-width: 100% !important;
  max-height: 200px !important; }
  .tracking-my .hvrbox img {
    width: 100%;
    max-width: 100% !important;
    max-height: 200px !important; }

.tracking-my .popup {
  margin-bottom: 12px !important; }

.sql-sync-dashboard .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .sql-sync-dashboard .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .sql-sync-dashboard .header-buttons .b-btn,
  .sql-sync-dashboard .header-buttons .b-btn:hover,
  .sql-sync-dashboard .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sql-sync-dashboard .header-buttons .b-btn i,
    .sql-sync-dashboard .header-buttons .b-btn:hover i,
    .sql-sync-dashboard .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .sql-sync-dashboard .header-buttons .outline-btn,
  .sql-sync-dashboard .header-buttons .outline-btn:focus,
  .sql-sync-dashboard .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.sql-sync-dashboard .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .sql-sync-dashboard .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.sql-sync-dashboard .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.sql-sync-dashboard .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .sql-sync-dashboard .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .sql-sync-dashboard .back-button i {
    font-size: 20px !important; }

.company-list-dropdown-container {
  width: 297px; }
  .company-list-dropdown-container .un-dots-option-color {
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    min-height: 34px;
    align-items: baseline; }
    .company-list-dropdown-container .un-dots-option-color .status-tag {
      margin-top: 6px; }
    .company-list-dropdown-container .un-dots-option-color.current .body.set {
      color: #5acc5a !important; }
  .company-list-dropdown-container .caption {
    padding-left: 20px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem; }
  .company-list-dropdown-container .plain-btn {
    margin-left: 20px;
    margin-top: 0.5rem; }
  .company-list-dropdown-container .feather-settings {
    margin-right: 8px; }

@media (min-width: 1024px) {
  .sql-sync-company-profile-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.sql-sync-company-profile-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .sql-sync-company-profile-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .sql-sync-company-profile-setting .header-buttons .b-btn,
  .sql-sync-company-profile-setting .header-buttons .b-btn:hover,
  .sql-sync-company-profile-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sql-sync-company-profile-setting .header-buttons .b-btn i,
    .sql-sync-company-profile-setting .header-buttons .b-btn:hover i,
    .sql-sync-company-profile-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .sql-sync-company-profile-setting .header-buttons .outline-btn,
  .sql-sync-company-profile-setting .header-buttons .outline-btn:focus,
  .sql-sync-company-profile-setting .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.sql-sync-company-profile-setting .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .sql-sync-company-profile-setting .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .sql-sync-company-profile-setting .back-button i {
    font-size: 20px !important; }

.sql-sync-company-profile-setting .company-table .icon-delete {
  border: none;
  box-shadow: none;
  background: transparent; }

.sql-sync-company-profile-setting .company-table .ant-table-content {
  overflow-x: hidden !important; }

.sql-sync-company-profile-setting .company-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.sql-sync-company-profile-setting .company-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.sql-sync-company-profile-setting .company-table table thead {
  background-color: #fafafb !important; }

.sql-sync-company-profile-setting .company-table .ant-table-body {
  overflow-y: auto !important; }

.sql-sync-company-profile-setting .company-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.sql-sync-company-profile-setting .company-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.sql-sync-company-profile-setting .company-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important; }

.sql-sync-company-profile-setting .company-table .un-text-truncate {
  font-weight: bold !important; }

.sql-sync-company-profile-setting .company-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.sql-sync-company-profile-setting .company-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.sql-sync-company-profile-setting .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.sql-sync-company-profile-setting .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.sql-sync-company-profile-setting .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.sql-sync-company-profile-setting .company-table .ant-table-footer {
  display: none !important; }

.qne-sync-modal {
  overflow-y: hidden !important; }
  .qne-sync-modal .icon-delete {
    border: none;
    box-shadow: none;
    background: transparent; }
  .qne-sync-modal .company-table .ant-table-content {
    overflow-x: hidden !important; }
  .qne-sync-modal .company-table .ant-table-title {
    padding: 0 !important;
    z-index: 1001 !important;
    width: calc(100% - 80px) !important;
    margin-top: 2px !important;
    margin-left: 70px !important;
    background: #fafafb !important; }
  .qne-sync-modal .company-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .qne-sync-modal .company-table table thead {
    background-color: #fafafb !important; }
  .qne-sync-modal .company-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .qne-sync-modal .company-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .qne-sync-modal .company-table .ant-table-tbody > tr > td {
    padding: 4px 12px !important; }
  .qne-sync-modal .company-table .un-text-truncate {
    font-weight: bold !important; }
  .qne-sync-modal .company-table .un-light-label {
    font-size: 14px !important;
    color: #0c2028 !important; }
  .qne-sync-modal .company-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 20px !important;
    width: max-content !important;
    float: right !important; }
  .qne-sync-modal .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .qne-sync-modal .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    font-size: 14px; }
  .qne-sync-modal .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 14px; }
  .qne-sync-modal .company-table .ant-table-footer {
    display: none !important; }
  .qne-sync-modal .ant-collapse {
    border: none !important;
    background-color: unset !important;
    margin-bottom: 20px; }
    .qne-sync-modal .ant-collapse .ant-collapse-item {
      border: none !important;
      margin-bottom: 20px; }
      .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header {
        height: 34px;
        border: none !important;
        background-color: #fafafb !important;
        padding: 0 16px; }
        .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow i {
          font-size: 18px !important;
          color: #647176 !important; }
        .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header {
          display: flex;
          align-items: center;
          font-size: 16px !important;
          font-weight: 500 !important;
          color: #0c2028 !important; }
          .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) {
            display: flex;
            align-items: center; }
            .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) img {
              margin-right: 8px !important;
              margin-top: 2px !important; }
          .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item {
            width: fit-content !important;
            margin-bottom: 0 !important; }
            .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper {
              height: unset !important;
              line-height: unset !important;
              margin-bottom: 0 !important; }
              .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper .ant-checkbox {
                margin-right: 16px; }
      .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content {
        border: none !important; }
        .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
          padding: 16px 16px 0 49px; }
          .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row {
            row-gap: 8px !important; }
          @media (max-width: 1024px) {
            .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
              margin-bottom: 20px !important; } }
          .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper {
            height: unset;
            min-height: 21px !important;
            line-height: unset !important;
            margin-bottom: 0 !important;
            display: flex;
            align-items: baseline; }
            .qne-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper .ant-checkbox {
              top: 3px; }

.qne-sync-delete-company-profile-modal .ant-modal-body {
  color: #0c2028; }

.qne-sync-delete-company-profile-modal .radio-group span.ant-radio + * {
  padding-left: 16px; }

.qne-sync-delete-company-profile-modal .radio-group .caption-large {
  padding-left: 32px;
  margin-bottom: -8px;
  display: block;
  text-wrap: wrap; }

.qne-sync-delete-company-profile-modal .radio-group .radio-item {
  height: 30px; }

.qne-sync-delete-company-profile-modal .ant-modal-footer .destructive-btn {
  padding: 4px 15px !important; }

@media (min-width: 1024px) {
  .qneaccount-sync {
    width: 900px !important;
    margin: 0 auto !important; } }

.qneaccount-sync .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .qneaccount-sync .header-buttons {
      min-width: 900px !important;
      max-width: 900px !important;
      margin: 0 auto; } }
  .qneaccount-sync .header-buttons .b-btn,
  .qneaccount-sync .header-buttons .b-btn:hover,
  .qneaccount-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qneaccount-sync .header-buttons .b-btn i,
    .qneaccount-sync .header-buttons .b-btn:hover i,
    .qneaccount-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.qneaccount-sync .unicart-table .ant-list-item {
  width: 100%;
  min-width: 250px;
  padding: 0;
  margin-bottom: 12px; }
  .qneaccount-sync .unicart-table .ant-list-item .ant-list-item-meta {
    width: 100%; }
  .qneaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-avatar {
    margin-right: 12px;
    height: 48px;
    width: 48px; }
    .qneaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
      height: 48px;
      width: 48px;
      border: none !important; }
  .qneaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-content {
    width: calc(100% - 50px); }
  .qneaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-title {
    cursor: pointer;
    padding-left: 0;
    margin-bottom: 4px;
    color: #0c2028 !important;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 17px !important; }

.qneaccount-sync .unicart-table .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .qneaccount-sync .unicart-table .feather-trash-2:hover {
    color: #e0241a !important; }

.customMarketplaceLayout {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .customMarketplaceLayout > a {
    width: 269px;
    padding: 10px; }
    @media (max-width: 480px) {
      .customMarketplaceLayout > a {
        width: 100% !important; } }
  .customMarketplaceLayout .ant-card {
    border-radius: 10px !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important; }
    .customMarketplaceLayout .ant-card img {
      height: 48px;
      width: 48px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border: none !important; }
    .customMarketplaceLayout .ant-card .ant-card-body {
      padding: 20px !important; }
      .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item {
        padding: 0 !important; }
        .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-avatar {
          margin-right: 12px !important; }
  .customMarketplaceLayout .un-menu-eye-shopify {
    width: fit-content;
    width: -moz-fit-content;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 500;
    margin-left: auto;
    margin-right: 0; }
    .customMarketplaceLayout .un-menu-eye-shopify .un-feather-eye {
      color: #90999d !important;
      font-size: 16px !important; }
    .customMarketplaceLayout .un-menu-eye-shopify:hover .un-feather-eye {
      color: #0c2028 !important;
      font-size: 16px !important; }

.company-list-dropdown-container {
  width: 297px; }
  .company-list-dropdown-container .un-dots-option-color {
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    min-height: 34px;
    align-items: baseline; }
    .company-list-dropdown-container .un-dots-option-color .status-tag {
      margin-top: 6px; }
    .company-list-dropdown-container .un-dots-option-color.current .body.set {
      color: #5acc5a !important; }
  .company-list-dropdown-container .plain-btn {
    margin-left: 20px;
    margin-top: 0.5rem; }
  .company-list-dropdown-container .feather-settings {
    margin-right: 8px; }

.company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.qne-po-quick-view .qne-po-quick-view-general-table tr td:first-child {
  padding-right: 10px !important;
  display: block;
  min-width: 125px; }

.qne-po-quick-view .qne-po-quick-view-product-table {
  overflow-x: auto; }
  .qne-po-quick-view .qne-po-quick-view-product-table .unicart-table .un-table-cell {
    margin-top: 0px !important; }
    .qne-po-quick-view .qne-po-quick-view-product-table .unicart-table .un-table-cell.item-desc-container {
      white-space: normal !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table table thead {
    background-color: #fafafb !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding: 9px 12px !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-thead > tr > th,
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-summary > tr > td {
    border-bottom: none !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f0f0 !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table .ant-table-footer {
    height: 0px !important;
    border: none !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-summary tr:first-child td {
    border-top: 1px solid #e5e5e5 !important; }
  .qne-po-quick-view .qne-po-quick-view-product-table .ant-table-summary tr > td {
    padding: 16px 12px !important; }

.qne-sync-dashboard .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .qne-sync-dashboard .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .qne-sync-dashboard .header-buttons .b-btn,
  .qne-sync-dashboard .header-buttons .b-btn:hover,
  .qne-sync-dashboard .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qne-sync-dashboard .header-buttons .b-btn i,
    .qne-sync-dashboard .header-buttons .b-btn:hover i,
    .qne-sync-dashboard .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .qne-sync-dashboard .header-buttons .outline-btn,
  .qne-sync-dashboard .header-buttons .outline-btn:focus,
  .qne-sync-dashboard .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.qne-sync-dashboard .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .qne-sync-dashboard .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.qne-sync-dashboard .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.qne-sync-dashboard .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .qne-sync-dashboard .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .qne-sync-dashboard .back-button i {
    font-size: 20px !important; }

@media (min-width: 1024px) {
  .qne-sync-company-profile-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.qne-sync-company-profile-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .qne-sync-company-profile-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .qne-sync-company-profile-setting .header-buttons .b-btn,
  .qne-sync-company-profile-setting .header-buttons .b-btn:hover,
  .qne-sync-company-profile-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qne-sync-company-profile-setting .header-buttons .b-btn i,
    .qne-sync-company-profile-setting .header-buttons .b-btn:hover i,
    .qne-sync-company-profile-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .qne-sync-company-profile-setting .header-buttons .outline-btn,
  .qne-sync-company-profile-setting .header-buttons .outline-btn:focus,
  .qne-sync-company-profile-setting .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.qne-sync-company-profile-setting .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .qne-sync-company-profile-setting .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .qne-sync-company-profile-setting .back-button i {
    font-size: 20px !important; }

.qne-sync-company-profile-setting .company-table .icon-delete {
  border: none;
  box-shadow: none;
  background: transparent; }

.qne-sync-company-profile-setting .company-table .ant-table-content {
  overflow-x: hidden !important; }

.qne-sync-company-profile-setting .company-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.qne-sync-company-profile-setting .company-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.qne-sync-company-profile-setting .company-table table thead {
  background-color: #fafafb !important; }

.qne-sync-company-profile-setting .company-table .ant-table-body {
  overflow-y: auto !important; }

.qne-sync-company-profile-setting .company-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.qne-sync-company-profile-setting .company-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.qne-sync-company-profile-setting .company-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important; }

.qne-sync-company-profile-setting .company-table .un-text-truncate {
  font-weight: bold !important; }

.qne-sync-company-profile-setting .company-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.qne-sync-company-profile-setting .company-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.qne-sync-company-profile-setting .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.qne-sync-company-profile-setting .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.qne-sync-company-profile-setting .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.qne-sync-company-profile-setting .company-table .ant-table-footer {
  display: none !important; }

.rct-page-content-qneSyncLayout {
  max-width: none !important; }

.qneSyncLayout .actions .feather-eye,
.qneSyncLayout .actions .feather-edit-3 {
  font-size: 20px !important; }

.qneSyncLayout .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.qneSyncLayout .actions .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .qneSyncLayout .actions .feather-trash-2:hover {
    color: #e0241a !important; }

.qneSyncLayout .ant-skeleton {
  margin: 2rem; }

.qneSyncLayout .ant-form-item-control-input {
  align-items: unset !important; }

.qneSyncLayout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .qneSyncLayout .header-buttons {
      min-width: 816px !important;
      margin: 0 auto; } }
  .qneSyncLayout .header-buttons .b-btn,
  .qneSyncLayout .header-buttons .b-btn:hover,
  .qneSyncLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qneSyncLayout .header-buttons .b-btn i,
    .qneSyncLayout .header-buttons .b-btn:hover i,
    .qneSyncLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .qneSyncLayout .header-buttons .qne-btn-actions {
    position: relative !important; }
    .qneSyncLayout .header-buttons .qne-btn-actions .ellipsis-btn {
      position: absolute !important;
      top: 0 !important;
      right: 320px !important; }

.qneSyncLayout .channel-with-store-name {
  margin-right: 34px; }
  .qneSyncLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.qneSyncLayout .qne-sync-tabs {
  position: relative !important; }
  .qneSyncLayout .qne-sync-tabs .qne-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
      .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-content .qnesync-po-table.unicart-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
      .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-content .qnesync-po-table.unicart-table .ant-table-row-indent + .ant-table-row-expand-icon {
        display: none !important; }
      .qneSyncLayout .qne-sync-tabs .qne-sync-card .ant-tabs-content .qnesync-po-table.unicart-table .un-table-cell {
        margin-top: 0 !important; }
  .qneSyncLayout .qne-sync-tabs .qne-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.qneSyncLayout .purchase-order .my-color {
  background-color: #f6f6f6 !important; }

.qneSyncLayout .purchase-order .btn-navigate-url:focus {
  border: 0px !important; }

.qneSyncLayout .sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qneSyncLayout .sales-invoice .unicart-filter .search-form {
  width: 100% !important;
  align-items: flex-start;
  display: flex; }
  .qneSyncLayout .sales-invoice .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .qneSyncLayout .sales-invoice .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .qneSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .qneSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.qneSyncLayout .sales-invoice .unicart-table {
  display: block; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-card {
    width: 100%; }
  .qneSyncLayout .sales-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .qneSyncLayout .sales-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .qneSyncLayout .sales-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .qneSyncLayout .sales-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }

.qneSyncLayout .sales-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .qneSyncLayout .sales-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.qneSyncLayout .sales-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .qneSyncLayout .sales-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .qneSyncLayout .sales-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .qneSyncLayout .sales-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .qneSyncLayout .sales-invoice .table-responsive .header * {
      font-size: 12px; }
    .qneSyncLayout .sales-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(2) {
        width: 200px;
        min-width: 200px; }
      .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(4), .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(5), .qneSyncLayout .sales-invoice .table-responsive .header > span:nth-child(6) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 276px; }
  .qneSyncLayout .sales-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .qneSyncLayout .sales-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .qneSyncLayout .sales-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .qneSyncLayout .sales-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .qneSyncLayout .sales-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .qneSyncLayout .sales-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .qneSyncLayout .sales-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .qneSyncLayout .sales-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .qneSyncLayout .sales-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .qneSyncLayout .sales-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .qneSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          color: #007ce0 !important; }
  .qneSyncLayout .sales-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.qneSyncLayout .customer-payment .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qneSyncLayout .customer-payment .unicart-filter .search-form {
  width: 100% !important; }
  .qneSyncLayout .customer-payment .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .qneSyncLayout .customer-payment .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .qneSyncLayout .customer-payment .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .qneSyncLayout .customer-payment .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.qneSyncLayout .customer-payment .outline-btn {
  background: none !important;
  margin-right: 16px !important; }
  .qneSyncLayout .customer-payment .outline-btn.update {
    color: #007ce0 !important;
    border-color: #007ce0 !important; }

.qneSyncLayout .customer-payment .outline-btn:hover,
.qneSyncLayout .customer-payment .outline-btn:active {
  background: #ffffff !important; }

.qneSyncLayout .customer-payment .outline-i-btn {
  background: none !important; }
  .qneSyncLayout .customer-payment .outline-i-btn.saved {
    color: #90999d !important;
    border-color: #d4d4d4 !important; }
    .qneSyncLayout .customer-payment .outline-i-btn.saved .feather-check {
      line-height: 17px !important; }

.qneSyncLayout .customer-payment .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.qneSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncLayout .customer-payment .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncLayout .customer-payment .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.qneSyncLayout .customer-payment .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.qneSyncLayout .task .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qneSyncLayout .task .unicart-filter .search-form {
  width: 100% !important; }
  .qneSyncLayout .task .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .qneSyncLayout .task .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .qneSyncLayout .task .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .qneSyncLayout .task .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.qneSyncLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .qneSyncLayout .task .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.qneSyncLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.qneSyncLayout .product-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.qneSyncLayout .product-matching .unicart-filter .ant-form-item-control {
  flex: unset !important; }

.qneSyncLayout .product-matching .unicart-filter .ant-form-item-control-input {
  align-items: center !important; }

.qneSyncLayout .product-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.qneSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncLayout .product-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncLayout .product-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.qneSyncLayout .product-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

.qneSyncLayout .customer-matching [id$='customer_code'],
.qneSyncLayout .shipping-matching [id$='customer_code'],
.qneSyncLayout .payment-matching [id$='customer_code'] {
  width: 285px; }

.qneSyncLayout .customer-matching [id$='item_code'],
.qneSyncLayout .customer-matching [id$='item_uom'],
.qneSyncLayout .shipping-matching [id$='item_code'],
.qneSyncLayout .shipping-matching [id$='item_uom'],
.qneSyncLayout .payment-matching [id$='item_code'],
.qneSyncLayout .payment-matching [id$='item_uom'] {
  width: 208px; }

.qneSyncLayout .customer-matching [id$='accounting_code'],
.qneSyncLayout .shipping-matching [id$='accounting_code'],
.qneSyncLayout .payment-matching [id$='accounting_code'] {
  width: 285px; }

.qneSyncLayout .customer-matching .ant-input,
.qneSyncLayout .shipping-matching .ant-input,
.qneSyncLayout .payment-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.qneSyncLayout .customer-matching .dimension-input.addonBefore .ant-input,
.qneSyncLayout .shipping-matching .dimension-input.addonBefore .ant-input,
.qneSyncLayout .payment-matching .dimension-input.addonBefore .ant-input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.qneSyncLayout .customer-matching .feather-alert-circle,
.qneSyncLayout .shipping-matching .feather-alert-circle,
.qneSyncLayout .payment-matching .feather-alert-circle {
  font-size: 13px !important;
  margin-left: 4px !important; }

.qneSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:last-child,
.qneSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:last-child,
.qneSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:first-child,
.qneSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:first-child,
.qneSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncLayout .customer-matching .ant-table table,
.qneSyncLayout .shipping-matching .ant-table table,
.qneSyncLayout .payment-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncLayout .customer-matching .ant-table,
.qneSyncLayout .shipping-matching .ant-table,
.qneSyncLayout .payment-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.qneSyncLayout .customer-matching .ant-table-tbody > tr > td,
.qneSyncLayout .shipping-matching .ant-table-tbody > tr > td,
.qneSyncLayout .payment-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }
  .qneSyncLayout .customer-matching .ant-table-tbody > tr > td .body,
  .qneSyncLayout .shipping-matching .ant-table-tbody > tr > td .body,
  .qneSyncLayout .payment-matching .ant-table-tbody > tr > td .body {
    line-height: 33px !important; }

@media (min-width: 1024px) {
  .importProductMatchings {
    width: 644px !important;
    margin: 0 auto !important; } }

.importProductMatchings .anticon-spin {
  font-size: 24px; }

.importProductMatchings .plain-btn,
.importProductMatchings .plain-btn:hover {
  text-transform: unset;
  text-decoration: underline; }

.importProductMatchings .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .importProductMatchings .header-buttons .b-btn,
  .importProductMatchings .header-buttons .b-btn:hover,
  .importProductMatchings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .importProductMatchings .header-buttons .b-btn i,
    .importProductMatchings .header-buttons .b-btn:hover i,
    .importProductMatchings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.importProductMatchings .feather-upload-cloud {
  font-size: 32px;
  color: #d4d4d4; }

.importProductMatchings .hideUploader {
  display: none; }

.importProductMatchings .uploadList {
  height: 33px;
  width: fit-content;
  width: -moz-fit-content; }
  .importProductMatchings .uploadList .file {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 33px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 7px 12px;
    margin-right: 20px; }
    .importProductMatchings .uploadList .file .feather-file-text {
      color: #647176;
      font-size: 20px !important; }
  .importProductMatchings .uploadList .plain-btn {
    text-decoration: unset; }

@media (min-width: 1024px) {
  .QneSync-Product-Matching-export {
    width: 644px !important;
    margin: 0 auto !important; } }

.QneSync-Product-Matching-export .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .QneSync-Product-Matching-export .header-buttons .b-btn,
  .QneSync-Product-Matching-export .header-buttons .b-btn:hover,
  .QneSync-Product-Matching-export .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .QneSync-Product-Matching-export .header-buttons .b-btn i,
    .QneSync-Product-Matching-export .header-buttons .b-btn:hover i,
    .QneSync-Product-Matching-export .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.QneSync-Product-Matching-export .ant-checkbox,
.QneSync-Product-Matching-export .ant-checkbox-input,
.QneSync-Product-Matching-export .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.QneSync-Product-Matching-export .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.QneSync-Product-Matching-export .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.QneSync-Product-Matching-export .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.QneSync-Product-Matching-export .export-table table thead {
  background-color: #fafafb !important; }

.QneSync-Product-Matching-export .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.QneSync-Product-Matching-export .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.QneSync-Product-Matching-export .export-table .un-text-truncate {
  font-weight: bold !important; }

.QneSync-Product-Matching-export .export-table .un-light-label {
  font-size: 14px !important; }

.QneSync-Product-Matching-export .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .QneSync-Product-Matching-export .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.qneSyncSettings {
  width: 100%; }
  @media (min-width: 1024px) {
    .qneSyncSettings {
      max-width: 1440px !important;
      margin: 0 auto; } }
  .qneSyncSettings .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1024px) {
      .qneSyncSettings .header-buttons {
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .qneSyncSettings .header-buttons {
        padding-right: 0px !important; } }
    .qneSyncSettings .header-buttons .b-btn,
    .qneSyncSettings .header-buttons .b-btn:hover,
    .qneSyncSettings .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .qneSyncSettings .header-buttons .b-btn i,
      .qneSyncSettings .header-buttons .b-btn:hover i,
      .qneSyncSettings .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .qneSyncSettings .settings-container .settings-tab {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: none !important; }
    .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar {
      border-right: none !important; }
      .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
        width: 220px; }
        .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
          padding-left: 0px !important; }
        .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
          padding: 10px !important;
          text-align: left; }
          .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
            color: #0c2028;
            font-weight: normal; }
        .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
          background-color: #f3fff3 !important; }
          .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
            font-weight: bold !important; }
        .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
          width: 4px !important; }
    .qneSyncSettings .settings-container .settings-tab .ant-tabs-left-content {
      padding-left: 32px !important;
      border-left: 1px solid #e5e5e5 !important; }
    .qneSyncSettings .settings-container .settings-tab .ant-collapse {
      border: none !important;
      background-color: unset !important;
      margin-bottom: 20px; }
      .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item {
        border: none !important;
        margin-bottom: 20px; }
        .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header {
          height: 34px;
          border: none !important;
          background-color: #fafafb !important;
          padding: 0 16px; }
          .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow i {
            font-size: 18px !important;
            color: #647176 !important; }
          .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header {
            display: flex;
            align-items: center;
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #0c2028 !important; }
            .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) {
              display: flex;
              align-items: center; }
              .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) img {
                margin-right: 8px !important;
                margin-top: 2px !important; }
            .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item {
              width: fit-content !important;
              margin-bottom: 0 !important; }
              .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper {
                height: unset !important;
                line-height: unset !important;
                margin-bottom: 0 !important; }
                .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper .ant-checkbox {
                  margin-right: 16px; }
        .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content {
          border: none !important; }
          .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
            padding: 16px 16px 0 49px; }
            .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row {
              row-gap: 8px !important; }
            @media (max-width: 1024px) {
              .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
                margin-bottom: 20px !important; } }
            .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper {
              height: unset;
              min-height: 21px !important;
              line-height: unset !important;
              margin-bottom: 0 !important;
              display: flex;
              align-items: baseline; }
              .qneSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper .ant-checkbox {
                top: 3px; }
  .qneSyncSettings .settings-container .ant-input,
  .qneSyncSettings .settings-container .ant-select {
    color: #0c2028 !important; }
  .qneSyncSettings .settings-container .ant-checkbox-wrapper {
    color: #38484f !important;
    height: 30px; }
  .qneSyncSettings .settings-container .ant-checkbox + span {
    color: #0c2028 !important;
    padding-right: 8px;
    padding-left: 13px; }
  .qneSyncSettings .settings-container .ant-input-affix-wrapper {
    border-radius: 4px !important; }
  .qneSyncSettings .settings-container .choose-file {
    width: 100% !important;
    display: inline-flex !important; }
    .qneSyncSettings .settings-container .choose-file .ant-form-item {
      width: -webkit-fill-available !important;
      width: fill-available !important;
      width: -moz-available !important; }
      .qneSyncSettings .settings-container .choose-file .ant-form-item .uploaded-file-input {
        width: -webkit-fill-available !important;
        width: fill-available !important;
        width: -moz-available !important;
        border-radius: 4px 0 0 4px !important; }
    .qneSyncSettings .settings-container .choose-file .upload-btn {
      margin-top: 25px !important;
      width: 93px !important;
      height: 33px !important;
      padding: 4px 9px !important;
      color: #0c2028 !important;
      background-color: #e5e5e5 !important;
      border: 1px solid #d4d4d4 !important;
      border-radius: 0 4px 4px 0 !important; }
  .qneSyncSettings .settings-container .preset-table .ant-table-title {
    padding: 0 !important;
    z-index: 1001 !important;
    width: calc(100% - 80px) !important;
    margin-top: 2px !important;
    margin-left: 70px !important;
    background: #fafafb !important; }
  .qneSyncSettings .settings-container .preset-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .qneSyncSettings .settings-container .preset-table table thead {
    background-color: #fafafb !important; }
  .qneSyncSettings .settings-container .preset-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .qneSyncSettings .settings-container .preset-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .qneSyncSettings .settings-container .preset-table .ant-table-tbody > tr > td {
    padding: 4px 12px !important;
    border-bottom: none !important; }
  .qneSyncSettings .settings-container .preset-table .ant-form-item {
    margin-bottom: 0 !important; }
  .qneSyncSettings .settings-container .preset-table .un-text-truncate {
    font-weight: bold !important; }
  .qneSyncSettings .settings-container .preset-table .un-light-label {
    font-size: 14px !important;
    color: #0c2028 !important; }
  .qneSyncSettings .settings-container .preset-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 20px !important;
    width: max-content !important;
    float: right !important; }
  .qneSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .qneSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    font-size: 14px; }
  .qneSyncSettings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 14px; }

.qne-sync-sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qne-sync-sales-invoice .unicart-filter .search-form {
  width: 100% !important;
  align-items: flex-start;
  display: flex; }
  .qne-sync-sales-invoice .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .qne-sync-sales-invoice .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .qne-sync-sales-invoice .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .qne-sync-sales-invoice .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.qne-sync-sales-invoice .unicart-table {
  display: block; }
  .qne-sync-sales-invoice .unicart-table .ant-card {
    width: 100%; }
  .qne-sync-sales-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .qne-sync-sales-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .qne-sync-sales-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .qne-sync-sales-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }

.qne-sync-sales-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .qne-sync-sales-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.qne-sync-sales-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .qne-sync-sales-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .qne-sync-sales-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .qne-sync-sales-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .qne-sync-sales-invoice .table-responsive .header * {
      font-size: 12px; }
    .qne-sync-sales-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .qne-sync-sales-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .qne-sync-sales-invoice .table-responsive .header > span:nth-child(2) {
        width: 200px;
        min-width: 200px; }
      .qne-sync-sales-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .qne-sync-sales-invoice .table-responsive .header > span:nth-child(4), .qne-sync-sales-invoice .table-responsive .header > span:nth-child(5), .qne-sync-sales-invoice .table-responsive .header > span:nth-child(6) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 276px; }
  .qne-sync-sales-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .qne-sync-sales-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .qne-sync-sales-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .qne-sync-sales-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .qne-sync-sales-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .qne-sync-sales-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .qne-sync-sales-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .qne-sync-sales-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .qne-sync-sales-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .qne-sync-sales-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .qne-sync-sales-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          color: #007ce0 !important; }
  .qne-sync-sales-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.qneSyncForm {
  width: 100%; }
  @media (min-width: 1024px) {
    .qneSyncForm {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .qneSyncForm .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1024px) {
      .qneSyncForm .header-buttons {
        min-width: 1006px !important;
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .qneSyncForm .header-buttons {
        padding-right: 0 !important; } }
    .qneSyncForm .header-buttons .b-btn,
    .qneSyncForm .header-buttons .b-btn:hover,
    .qneSyncForm .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .qneSyncForm .header-buttons .b-btn i,
      .qneSyncForm .header-buttons .b-btn:hover i,
      .qneSyncForm .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .qneSyncForm .un-box-flat {
    border-radius: 4px !important;
    padding: 24px !important; }
    .qneSyncForm .un-box-flat .product-form-label span {
      color: #0c2028 !important; }
    .qneSyncForm .un-box-flat .form-detail-label {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 70% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 16px !important; }
    .qneSyncForm .un-box-flat .ant-picker {
      width: 100% !important; }
    .qneSyncForm .un-box-flat .ant-form-item {
      padding-bottom: 0 !important;
      margin-bottom: 4px !important; }
    .qneSyncForm .un-box-flat .form-details {
      position: absolute;
      right: -13px;
      margin-left: 4px !important; }
      .qneSyncForm .un-box-flat .form-details .form-title-container {
        width: 100% !important;
        height: fit-content !important;
        line-height: 24px !important;
        font-size: 20px !important;
        color: #0c2028 !important;
        text-align: right;
        border-bottom: 4px solid #007ce0 !important; }
        .qneSyncForm .un-box-flat .form-details .form-title-container.invoice {
          margin-bottom: 22px !important; }
        .qneSyncForm .un-box-flat .form-details .form-title-container.customer-payment {
          margin-bottom: 12px !important; }
        .qneSyncForm .un-box-flat .form-details .form-title-container .form-title {
          padding-right: 24px !important;
          padding-bottom: 6px !important; }
      .qneSyncForm .un-box-flat .form-details .form-detail-container {
        padding-right: 24px !important; }
        .qneSyncForm .un-box-flat .form-details .form-detail-container .form-detail-label {
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 41% !important;
          color: #0c2028 !important;
          border-bottom: 2px solid transparent !important;
          margin-bottom: 4px !important; }
        .qneSyncForm .un-box-flat .form-details .form-detail-container .form-detail {
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 178px !important;
          color: #0c2028 !important;
          border-bottom: 2px solid #e5e5e5 !important;
          margin-bottom: 4px !important; }
        .qneSyncForm .un-box-flat .form-details .form-detail-container .form-detail-free {
          text-align: right !important;
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 178px !important;
          color: #0c2028 !important;
          border-bottom: 2px solid transparent !important;
          margin-bottom: 4px !important; }
        .qneSyncForm .un-box-flat .form-details .form-detail-container .input_underline {
          border: none;
          border-bottom: 1px solid rgba(221, 221, 221, 0.5);
          border-radius: 0 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .span {
      font-size: 12px !important;
      color: #647176 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .w-0 {
      width: 0px !important;
      display: none !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .code {
      max-width: 100px; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .subject {
      min-width: 200px; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .number {
      width: 90px; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .checkbox {
      width: 55px; }
    .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off {
      margin: 0 auto !important;
      /***Start- Special column handling for table with right selection column***/
      /***End- Special column handling for table with right selection column***/ }
      .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table .ant-table-expanded-row-fixed {
        display: none !important; }
      .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table colgroup {
        display: flex !important;
        justify-content: center !important; }
      .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr {
        display: flex !important;
        flex-direction: row-reverse !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:first-child {
          width: 30px !important; }
          .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:first-child .ant-checkbox {
            top: 1px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(2) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(3) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(4) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(5) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(6) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(7) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(8) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(9) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(10) {
          width: 30px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-thead > tr th {
          line-height: 32px !important; }
      .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr {
        display: flex !important;
        flex-direction: row-reverse !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:first-child {
          width: 30px !important; }
          .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:first-child .ant-checkbox {
            top: 5px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(2) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(3) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(4) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(5) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(6) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(7) {
          min-width: 150px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(8) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(9) {
          width: 120px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(10) {
          width: 30px !important; }
        .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr td > .body {
          line-height: 34px !important; }
      .qneSyncForm .un-box-flat .qne-sync-form-table.knock-off .ant-table-tbody > tr.ant-table-row-selected > td {
        background: none !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table.view-knock-off .ant-table-measure-row {
      display: none !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table.view-knock-off .ant-table-thead > tr > th {
      color: #647176 !important;
      background-color: #fafafb !important;
      padding: 8px 16px !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table.view-knock-off .ant-table-tbody > tr > td {
      color: #0c2028 !important;
      padding: 8px 16px !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table.view-knock-off .ant-table-tbody > tr:hover > td {
      background-color: #d0f4ff !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table table {
      border: none !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-content {
      overflow: hidden !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-thead > tr > th {
      color: #647176 !important;
      border-bottom: none !important;
      padding: 4px 8px 4px 0 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-thead > tr > th:last-child {
      padding-right: 0 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-tbody > tr > td {
      border-bottom: none !important;
      padding: 2px 8px 2px 0 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-tbody > tr > td:last-child {
      padding-right: 0 !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-table-footer {
      display: none !important; }
    .qneSyncForm .un-box-flat .qne-sync-form-table .ant-input-number {
      width: unset !important; }
    .qneSyncForm .un-box-flat .invoice-unable-pay-table {
      width: 660px !important;
      margin: 0 auto !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-container::after {
        box-shadow: none !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-expanded-row-fixed {
        display: none !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-measure-row {
        display: none !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:last-child {
        border-top-right-radius: 4px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:first-child {
        border-top-left-radius: 4px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table table {
        border-radius: 4px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table {
        border-top-right-radius: 4px !important;
        border-top-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-content {
        overflow: hidden !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th {
        border-bottom: 1px solid #e5e5e5 !important;
        color: #647176 !important;
        background-color: #ffe0e0 !important;
        padding: 8px 16px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th:last-child {
        padding-right: 31px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td {
        border-bottom: 1px solid #e5e5e5 !important;
        color: #0c2028 !important;
        padding: 8px 16px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td:last-child {
        padding-right: 31px !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr:last-child > td {
        border-bottom: none !important; }
      .qneSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-footer {
        display: none !important; }
  .qneSyncForm .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .qneSyncForm .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    padding-left: 54px; }
  .qneSyncForm .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px !important;
    width: 230px; }
    .qneSyncForm .unicart-filter .search-form .ant-form .date-period-2 .label {
      display: none !important; }
    .qneSyncForm .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }
  .qneSyncForm .unicart-filter .search-form .un-filter-button {
    position: absolute !important;
    top: 0 !important;
    left: 235px !important; }

@media (min-width: 1024px) {
  .qneSyncViewTask {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.qneSyncViewTask .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .qneSyncViewTask .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .qneSyncViewTask .header-buttons .b-btn,
  .qneSyncViewTask .header-buttons .b-btn:hover,
  .qneSyncViewTask .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qneSyncViewTask .header-buttons .b-btn i,
    .qneSyncViewTask .header-buttons .b-btn:hover i,
    .qneSyncViewTask .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.qneSyncViewTask .actions .feather-eye,
.qneSyncViewTask .actions .feather-edit-3 {
  font-size: 20px !important; }

.qneSyncViewTask .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.qneSyncViewTask .actions .feather-trash-2,
.qneSyncViewTask .actions .feather-download {
  font-size: 20px !important;
  color: #90999d; }
  .qneSyncViewTask .actions .feather-trash-2:hover,
  .qneSyncViewTask .actions .feather-download:hover {
    color: #e0241a !important; }

.qneSyncViewTask .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.qneSyncViewTask .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qneSyncViewTask .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.qneSyncViewTask .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .qneSyncViewTask .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.qneSyncViewTask .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .qneSyncViewTask .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.qneSyncViewTask .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncViewTask .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncViewTask .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncViewTask .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .qneSyncViewTask .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.qneSyncViewTask .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

@media (min-width: 1024px) {
  .qneSyncMissingOrders {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.qneSyncMissingOrders .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .qneSyncMissingOrders .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .qneSyncMissingOrders .header-buttons .b-btn,
  .qneSyncMissingOrders .header-buttons .b-btn:hover,
  .qneSyncMissingOrders .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .qneSyncMissingOrders .header-buttons .b-btn i,
    .qneSyncMissingOrders .header-buttons .b-btn:hover i,
    .qneSyncMissingOrders .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.qneSyncMissingOrders .actions .feather-eye,
.qneSyncMissingOrders .actions .feather-edit-3 {
  font-size: 20px !important; }

.qneSyncMissingOrders .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.qneSyncMissingOrders .actions .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .qneSyncMissingOrders .actions .feather-trash-2:hover {
    color: #e0241a !important; }

.qneSyncMissingOrders .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.qneSyncMissingOrders .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.qneSyncMissingOrders .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.qneSyncMissingOrders .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .qneSyncMissingOrders .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.qneSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .qneSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.qneSyncMissingOrders .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.qneSyncMissingOrders .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.qneSyncMissingOrders .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.qneSyncMissingOrders .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .qneSyncMissingOrders .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.qneSyncMissingOrders .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.qneSyncMissingOrders .ant-table-thead > tr > th:nth-child(2) {
  background-color: #f6f6f6 !important; }

.qneSyncMissingOrders .ant-table-tbody > tr > td:nth-child(2) {
  background-color: #f6f6f6 !important; }

.migrate-sales-order .unicart-filter .date-period .label,
.migrate-sales-invoice .unicart-filter .date-period .label,
.migrate-cash-sales .unicart-filter .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.qnesync-po-sync-card .ant-table-title {
  background-color: transparent !important; }

.qnesync-po-sync-card .ant-table-title:has(.input-group) {
  position: absolute !important;
  z-index: 1 !important;
  width: calc(100% - 80px) !important;
  background: #ffffff !important;
  margin-left: 95px !important;
  margin-top: 1px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  border-top-right-radius: 12px !important; }

.qnesync-po-sync-card .status-row {
  align-items: center; }

.qnesync-po-sync-card .small-light-font {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #647176 !important;
  letter-spacing: 0px !important;
  min-width: 90px !important; }

.qnesync-po-sync-card .ant-table-row.ant-table-row-level-0 td {
  vertical-align: middle !important; }

.qnesync-po-sync-card .ant-table-row.ant-table-row-level-1 .ant-select-arrow {
  user-select: none !important;
  vertical-align: middle !important; }

.qnesync-po-sync-card .ant-card-head .ant-tabs {
  margin-bottom: 0px !important; }

.qnesync-po-sync-card .ant-card-head .ant-tabs-content {
  padding-top: 0px !important; }

.sync-error-modal .error-msg {
  font-size: inherit;
  color: #e0241a; }

.sync-error-modal .table-responsive .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-error-modal .table-responsive .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-error-modal .table-responsive .header .h-item.quickbooks-po-number {
      width: 250px; }
    .sync-error-modal .table-responsive .header .h-item.error {
      width: 302px; }

.sync-error-modal .table-responsive .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-error-modal .table-responsive .body .b-row {
    display: inline-flex; }
    .sync-error-modal .table-responsive .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-error-modal .table-responsive .body .b-row .b-r-item {
      padding: 12px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.quickbooks-po-number {
        width: 250px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.error {
        width: 302px; }

.migrate-sales-order .unicart-filter .date-period,
.migrate-sales-invoice .unicart-filter .date-period,
.migrate-cash-sales .unicart-filter .date-period {
  height: 41px !important; }
  .migrate-sales-order .unicart-filter .date-period .label,
  .migrate-sales-invoice .unicart-filter .date-period .label,
  .migrate-cash-sales .unicart-filter .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .migrate-sales-order .unicart-filter .date-period .date-range2,
  .migrate-sales-invoice .unicart-filter .date-period .date-range2,
  .migrate-cash-sales .unicart-filter .date-period .date-range2 {
    background-color: #ffffff;
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-suffix,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-suffix,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-input,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-input,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-input input,
      .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-input input,
      .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-input input {
        color: #0c2028 !important; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-clear,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-clear,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-clear {
      display: none !important; }
  .migrate-sales-order .unicart-filter .date-period .feather-calendar,
  .migrate-sales-invoice .unicart-filter .date-period .feather-calendar,
  .migrate-cash-sales .unicart-filter .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .migrate-sales-order .unicart-filter .date-period .date-picker-button,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button {
    height: 41px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    color: #38484f !important; }
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:hover,
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:active,
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:focus,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:hover,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:active,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:focus,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:hover,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:active,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }

.migrate-sales-order .unicart-table .ant-table-tbody > tr > td,
.migrate-sales-invoice .unicart-table .ant-table-tbody > tr > td,
.migrate-cash-sales .unicart-table .ant-table-tbody > tr > td {
  border-top: 1px solid #e5e5e5 !important; }

.sync-sales-invoice .ant-table-title,
.sync-sales-order .ant-table-title,
.sync-cash-sales .ant-table-title {
  background-color: transparent !important; }

.sync-sales-invoice .ant-table-title:has(.input-group),
.sync-sales-order .ant-table-title:has(.input-group),
.sync-cash-sales .ant-table-title:has(.input-group) {
  position: absolute !important;
  z-index: 1 !important;
  width: calc(100% - 80px) !important;
  background: #ffffff !important;
  margin-left: 100px !important;
  margin-top: 1px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  border-top-right-radius: 12px !important; }

.sync-sales-invoice .my-color,
.sync-sales-order .my-color,
.sync-cash-sales .my-color {
  background-color: #f6f6f6 !important; }

.qnesync-pop .result-wrapper {
  max-height: 250px;
  width: 180px;
  overflow-y: auto; }

.qnesync-pop .box-result {
  padding: 5px;
  border-radius: 8px;
  background-color: white; }
  .qnesync-pop .box-result .ant-alert {
    padding: 3px 10px 3px 25px;
    border-radius: 3px; }
  .qnesync-pop .box-result .ant-alert-icon {
    top: 6px;
    left: 6px; }

.qnesync-pop .msg-box {
  margin-top: 5px;
  font-size: 10px;
  word-break: break-all; }

.purchase-order .unicart-table .ant-table-tbody > tr:nth-child(2) > td {
  vertical-align: middle !important;
  border-top: 1px solid #e5e5e5 !important; }

.aibuy-1688-container .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .aibuy-1688-container .header-buttons .b-btn,
  .aibuy-1688-container .header-buttons .b-btn:hover,
  .aibuy-1688-container .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .aibuy-1688-container .header-buttons .b-btn i,
    .aibuy-1688-container .header-buttons .b-btn:hover i,
    .aibuy-1688-container .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.lp-container {
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif; }
  .lp-container .lp-header {
    padding: 24px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #eaeaea;
    border-radius: 8px 8px 0 0; }
  .lp-container .lp-iframe-wrapper {
    width: 100%;
    height: 700px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    transition: opacity 0.3s ease; }
    .lp-container .lp-iframe-wrapper.loading {
      opacity: 0.5; }
    .lp-container .lp-iframe-wrapper iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block; }
  .lp-container .lp-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
    color: #666; }
    .lp-container .lp-loading .spinner {
      width: 40px;
      height: 40px;
      border: 4px solid #f3f3f3;
      border-top: 4px solid #3498db;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      margin-bottom: 16px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.edit-barcode-label .preview .barcode-remark {
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 400; }

@media (min-width: 1024px) {
  .barcode-label {
    width: 644px !important;
    margin: 0 auto !important; } }

.barcode-label .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .barcode-label .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .barcode-label .header-buttons .b-btn,
  .barcode-label .header-buttons .b-btn:hover,
  .barcode-label .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .barcode-label .header-buttons .b-btn i,
    .barcode-label .header-buttons .b-btn:hover i,
    .barcode-label .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.barcode-label .ant-table-container table > thead > th:last-child {
  border-top-right-radius: 12px !important; }

.barcode-label .ant-table-container table > thead > th:first-child {
  border-top-left-radius: 12px !important; }

.barcode-label .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.barcode-label .barcode-tab {
  margin-bottom: 0 !important;
  width: 100% !important;
  border-bottom: 0 !important; }

.barcode-label .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.barcode-label .unicart-table .set-as-default {
  margin-right: 16px !important; }

.ant-input-number {
  width: 100%; }

.temp-hide {
  display: none !important; }

@media print {
  body {
    min-width: 0 !important; }
  .container {
    min-width: initial !important;
    height: initial; }
  .readToPrint {
    color: black;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    height: auto;
    overflow: hidden; }
  img {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid !important; } }

.edit-barcode-label .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .edit-barcode-label .header-buttons .b-btn,
  .edit-barcode-label .header-buttons .b-btn:hover,
  .edit-barcode-label .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .edit-barcode-label .header-buttons .b-btn i,
    .edit-barcode-label .header-buttons .b-btn:hover i,
    .edit-barcode-label .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.edit-barcode-label .remove-default-btn {
  width: fit-content !important;
  height: 33px !important;
  padding: 4px 15px !important;
  border-radius: 17px !important;
  font-size: 14px !important;
  border: 0.4px solid #d4d4d4 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important; }

.edit-barcode-label .remove-default-btn:hover,
.edit-barcode-label .remove-default-btn:active {
  background: #ffffff !important; }

.edit-barcode-label .preview {
  position: relative; }
  .edit-barcode-label .preview .barcode-label-preview {
    margin: 25% auto; }
    .edit-barcode-label .preview .barcode-label-preview .barcode-block {
      display: inline-flex !important;
      margin: 0 auto !important; }
    .edit-barcode-label .preview .barcode-label-preview .barcode-container {
      font-weight: bold !important;
      color: #0c2028 !important;
      border: 1px solid #707070 !important;
      text-align: center !important;
      overflow: hidden; }
      .edit-barcode-label .preview .barcode-label-preview .barcode-container .barcode-inner-container .barcode {
        border: 1px solid #e0241a !important; }
  .edit-barcode-label .preview .barcode-height {
    color: #0c2028;
    font-size: 14px;
    margin-left: 16px !important;
    width: 50px !important; }
  .edit-barcode-label .preview .barcode-width {
    color: #0c2028;
    font-size: 14px;
    text-align: center;
    margin-top: 16px !important; }
  .edit-barcode-label .preview .empty-space {
    margin-left: 16px !important;
    width: 50px !important; }
  .edit-barcode-label .preview .barcode-remark {
    color: #647176 !important;
    position: absolute !important;
    bottom: 0 !important; }

.edit-barcode-label .un-box-flat.barcode-label-details {
  border-radius: 4px !important;
  font-size: 14px !important;
  margin-bottom: 0 !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .barcode-type {
    margin-bottom: 0 !important; }
    .edit-barcode-label .un-box-flat.barcode-label-details .barcode-type .ant-form-item-label {
      padding-bottom: 4px !important; }
    .edit-barcode-label .un-box-flat.barcode-label-details .barcode-type .radio-group .radio-group-item {
      margin-bottom: 8px !important; }
      .edit-barcode-label .un-box-flat.barcode-label-details .barcode-type .radio-group .radio-group-item span {
        color: #0c2028 !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .ant-divider {
    margin-top: 14px !important;
    margin-bottom: 18px !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item {
    padding: 8px 0 !important;
    border-bottom: none !important;
    align-items: baseline; }
    .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta {
      margin-bottom: 4px !important; }
      .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
        color: #38484f !important;
        line-height: 18px !important; }
      .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .barcode-input-number {
        width: 100%;
        display: inline-flex !important; }
        .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .barcode-input-number .ant-input-number {
          width: 100%;
          border-top-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important; }
        .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .barcode-input-number .ant-input-number.text_amt {
          border-radius: 4px !important; }
      .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .ant-form-item {
        margin-bottom: 0 !important; }
      .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta .ant-checkbox-wrapper {
        line-height: 18px !important; }
    .edit-barcode-label .un-box-flat.barcode-label-details .ant-list-item .ant-list-item-meta::before {
      content: url("data:image/svg+xml;charset=utf-8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8.98' cy='2.49' r='1.4' fill='gray'/><circle cx='8.98' cy='8.86' r='1.4' fill='gray'/><circle cx='8.98' cy='15.23' r='1.4' fill='gray'/><circle cx='15.02' cy='2.4' r='1.4' fill='gray'/><circle cx='15.02' cy='8.77' r='1.4' fill='gray'/><circle cx='15.02' cy='15.14' r='1.4' fill='gray'/></svg>");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position-y: center;
      cursor: -webkit-grab;
      cursor: grab;
      z-index: 1;
      width: 20px;
      height: 15px;
      margin-right: 4px; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-table table {
    border: none !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 12px 12px 8px 0 !important;
    font-size: 14px !important;
    color: #38484f !important;
    vertical-align: baseline !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-table-tbody > tr:hover > td {
    background: none !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-table-tbody > tr.ant-table-row-selected > td {
    background: none !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table td.ant-table-selection-column::before {
    left: 0 !important;
    top: 14px !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-table .ant-table-selection-col {
    width: 51px !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-checkbox-wrapper {
    margin-left: 20px !important;
    margin-bottom: 0 !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .barcode-input-number {
    width: 100%;
    display: inline-flex !important; }
    .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .barcode-input-number .ant-input-number {
      width: 100%;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
  .edit-barcode-label .un-box-flat.barcode-label-details .label-info-table .ant-form-item {
    margin-bottom: 0 !important; }

@media (min-width: 1024px) {
  .google-sitemap {
    width: 644px !important;
    margin: 0 auto !important; } }

.google-sitemap .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .google-sitemap .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }

.google-sitemap .ant-form-item.popup-dimension {
  margin-bottom: 12px !important; }
  .google-sitemap .ant-form-item.popup-dimension .ant-input-group-addon {
    cursor: default; }
  .google-sitemap .ant-form-item.popup-dimension .ant-input-group .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.google-sitemap .row {
  align-items: baseline; }

.google-sitemap .vertical-center {
  align-items: center;
  line-height: 33px !important; }

.google-sitemap .ant-form-item {
  margin-bottom: 0 !important; }

.google-sitemap .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.google-sitemap .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 200px !important;
  position: relative !important; }
  .google-sitemap .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.google-sitemap .hvrbox {
  width: 100%;
  max-width: 100% !important;
  max-height: 200px !important; }
  .google-sitemap .hvrbox img {
    width: 100%;
    max-width: 100% !important;
    max-height: 200px !important; }

.google-sitemap .popup {
  margin-bottom: 12px !important; }

.google-sitemap .google-sitemap-input {
  background-color: #eeeeee;
  color: #0c2028 !important;
  border: 1px solid #d9d9d9; }

@media (min-width: 1024px) {
  .whatsapp-chat {
    width: 644px !important;
    margin: 0 auto !important; } }

.whatsapp-chat .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .whatsapp-chat .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .whatsapp-chat .header-buttons .b-btn,
  .whatsapp-chat .header-buttons .b-btn:hover,
  .whatsapp-chat .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .whatsapp-chat .header-buttons .b-btn i,
    .whatsapp-chat .header-buttons .b-btn:hover i,
    .whatsapp-chat .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.whatsapp-chat .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .whatsapp-chat .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.whatsapp-chat .ant-form-item-label {
  padding-bottom: 4px !important; }

.whatsapp-chat .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .whatsapp-chat .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .password-protected-access {
    width: 644px !important;
    margin: 0 auto !important; } }

.password-protected-access .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .password-protected-access .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .password-protected-access .header-buttons .b-btn,
  .password-protected-access .header-buttons .b-btn:hover,
  .password-protected-access .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .password-protected-access .header-buttons .b-btn i,
    .password-protected-access .header-buttons .b-btn:hover i,
    .password-protected-access .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.password-protected-access .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .password-protected-access .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .e-invoice {
    width: 644px !important;
    margin: 0 auto !important; } }

.e-invoice .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .e-invoice .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .e-invoice .header-buttons .b-btn,
  .e-invoice .header-buttons .b-btn:hover,
  .e-invoice .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .e-invoice .header-buttons .b-btn i,
    .e-invoice .header-buttons .b-btn:hover i,
    .e-invoice .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.announcement-bar .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .announcement-bar .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .announcement-bar .header-buttons .b-btn,
  .announcement-bar .header-buttons .b-btn:hover,
  .announcement-bar .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .announcement-bar .header-buttons .b-btn i,
    .announcement-bar .header-buttons .b-btn:hover i,
    .announcement-bar .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.announcement-bar .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .announcement-bar .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.announcement-bar .additional-options {
  margin-bottom: 0 !important; }

.announcement-bar .trash-btn {
  height: 17px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  color: #90999d; }
  .announcement-bar .trash-btn:hover {
    font-size: 14px !important; }

.announcement-bar .ant-checkbox + span {
  color: #0c2028 !important; }

.announcement-bar .color-pane {
  display: inline-flex;
  width: 176px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .announcement-bar .color-pane .color-box {
    width: 47% !important;
    height: 27px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .announcement-bar .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 27px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 27px !important;
    border: none;
    border-radius: 0 !important; }
    .announcement-bar .color-pane .color-code input {
      height: 25px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }
  .announcement-bar .color-pane .color-remove {
    cursor: pointer;
    padding-right: 8px;
    line-height: 27px !important;
    font-size: 16px;
    color: #90999d; }

.announcement-bar .blue-capsule-btn {
  cursor: pointer; }

.announcement-bar .channel-with-name .radio-outline-btn {
  line-height: 36px !important; }
  .announcement-bar .channel-with-name .radio-outline-btn img {
    border-radius: 3px !important;
    margin-right: 4px !important; }

.announcement-bar .channel-with-name .disabled-cursor {
  cursor: not-allowed !important; }

.announcement-bar .product-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  background-color: #f6f6f6;
  margin-bottom: 4px; }
  .announcement-bar .product-item .product-name {
    display: block;
    width: 229px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #0c2028; }
  .announcement-bar .product-item .feather-x {
    cursor: pointer;
    font-size: 20px;
    color: #647176;
    margin-right: 10px; }

.announcement-bar .inactive-message {
  color: red; }

.announcement-bar .link-to {
  margin-bottom: 8px !important; }

.announcement-bar .add-product-btn {
  cursor: pointer;
  height: 33px;
  background-color: #5acc5a;
  border: 1px solid #5acc5a;
  border-radius: 4px !important;
  text-align: center;
  font-size: 14px;
  color: #ffffff; }

.announcement-bar .add-product-btn:hover,
.announcement-bar .add-product-btn:focus {
  cursor: pointer;
  height: 33px;
  background-color: #11aa4f;
  border: 1px solid #5acc5a;
  border-radius: 4px !important;
  text-align: center;
  font-size: 14px;
  color: #ffffff; }

@media (min-width: 1024px) {
  .age-verifier {
    width: 644px !important;
    margin: 0 auto !important; } }

.age-verifier .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .age-verifier .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .age-verifier .header-buttons .b-btn,
  .age-verifier .header-buttons .b-btn:hover,
  .age-verifier .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .age-verifier .header-buttons .b-btn i,
    .age-verifier .header-buttons .b-btn:hover i,
    .age-verifier .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.age-verifier .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .age-verifier .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.age-verifier .ant-input-number {
  width: 100%; }

.age-verifier .un-form-setting .ant-form-item {
  margin-bottom: 0 !important; }

@media (min-width: 1024px) {
  .cookie-policy-banner {
    width: 644px !important;
    margin: 0 auto !important; } }

.cookie-policy-banner .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .cookie-policy-banner .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .cookie-policy-banner .header-buttons .b-btn,
  .cookie-policy-banner .header-buttons .b-btn:hover,
  .cookie-policy-banner .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .cookie-policy-banner .header-buttons .b-btn i,
    .cookie-policy-banner .header-buttons .b-btn:hover i,
    .cookie-policy-banner .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.cookie-policy-banner .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .cookie-policy-banner .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.cookie-policy-banner .color-pane {
  display: inline-flex;
  width: 176px;
  height: 33px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .cookie-policy-banner .color-pane .color-box {
    min-width: 45px !important;
    height: 31px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .cookie-policy-banner .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 29px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 31px !important;
    border: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
    .cookie-policy-banner .color-pane .color-code input {
      height: 29px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }

@media (min-width: 1024px) {
  .product-description-tab {
    width: 644px !important;
    margin: 0 auto !important; } }

.product-description-tab .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .product-description-tab .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .product-description-tab .header-buttons .b-btn,
  .product-description-tab .header-buttons .b-btn:hover,
  .product-description-tab .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .product-description-tab .header-buttons .b-btn i,
    .product-description-tab .header-buttons .b-btn:hover i,
    .product-description-tab .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.product-description-tab .product-description-tab-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .product-description-tab .product-description-tab-layout .product-description-tab-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.product-description-tab .ant-form-item-label {
  padding-bottom: 4px !important; }

.product-description-tab .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .product-description-tab .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .add-to-wishlist {
    width: 644px !important;
    margin: 0 auto !important; } }

.add-to-wishlist .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .add-to-wishlist .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .add-to-wishlist .header-buttons .b-btn,
  .add-to-wishlist .header-buttons .b-btn:hover,
  .add-to-wishlist .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .add-to-wishlist .header-buttons .b-btn i,
    .add-to-wishlist .header-buttons .b-btn:hover i,
    .add-to-wishlist .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.checkout-tracking .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .checkout-tracking .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .checkout-tracking .header-buttons .b-btn,
  .checkout-tracking .header-buttons .b-btn:hover,
  .checkout-tracking .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .checkout-tracking .header-buttons .b-btn i,
    .checkout-tracking .header-buttons .b-btn:hover i,
    .checkout-tracking .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .checkout-tracking .header-buttons .outline-btn,
  .checkout-tracking .header-buttons .outline-btn:focus,
  .checkout-tracking .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.checkout-tracking .unicart-filter {
  margin-top: 0 !important; }
  .checkout-tracking .unicart-filter .search-form .un-filter-value {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }

.checkout-tracking .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.checkout-tracking .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.checkout-tracking .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.checkout-tracking .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

@media (min-width: 1024px) {
  .stock-level-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.stock-level-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .stock-level-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .stock-level-setting .header-buttons .b-btn,
  .stock-level-setting .header-buttons .b-btn:hover,
  .stock-level-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .stock-level-setting .header-buttons .b-btn i,
    .stock-level-setting .header-buttons .b-btn:hover i,
    .stock-level-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.stock-level-setting .status-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .stock-level-setting .status-layout .status-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-left-bar .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.app .webstore-order-processing .sections {
  width: 100% !important;
  display: inline-flex !important; }
  @media (max-width: 425px) {
    .app .webstore-order-processing .sections {
      display: block !important; } }
  @media (min-width: 1024px) {
    .app .webstore-order-processing .sections .right-section {
      width: calc(100vw - 310px) !important;
      margin-left: auto !important; } }
  @media (max-width: 480px) {
    .app .webstore-order-processing .sections .right-section .search-form .un-filter-name > div.ant-select-selector {
      width: initial; } }
  @media (min-width: 768px) {
    .app .webstore-order-processing .sections .right-section .search-form .un-filter-name > div.ant-select-selector {
      width: initial; } }
  .app .webstore-order-processing .sections .table-without-card .ant-card-head {
    display: none !important; }
  .app .webstore-order-processing .sections .table-without-card .ant-table table {
    border-radius: 12px 12px 0 0 !important; }
  .app .webstore-order-processing .sections .table-without-card .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 12px !important; }
  .app .webstore-order-processing .sections .table-without-card .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 12px !important; }
  .app .webstore-order-processing .sections .result-table .ant-table {
    margin: 0 !important; }
    .app .webstore-order-processing .sections .result-table .ant-table table {
      border-radius: 0 !important; }
  .app .webstore-order-processing .sections .result-table .ant-table-footer {
    height: 0 !important; }

.app .webstore-order-processing .btn-store + .btn-store {
  margin-left: 0px; }

.app .webstore-order-processing .webstore-order-processing-table th.ant-table-row-expand-icon-cell,
.app .webstore-order-processing .webstore-order-processing-table td.ant-table-row-expand-icon-cell {
  display: none; }

.app .webstore-order-processing .webstore-order-processing-table .print-status-icon {
  line-height: 2.2; }

.app .webstore-order-processing .webstore-order-processing-table .ant-table-thead > tr > th {
  padding: 20px 12px !important; }

.app .webstore-order-processing .webstore-order-processing-table .ant-table-tbody > tr > td {
  padding: 20px 12px !important; }

.app .webstore-order-processing .ant-table-filter-column-title {
  flex: none;
  padding-right: 0; }

.app .webstore-order-processing .ant-table-filter-trigger-container {
  position: initial;
  align-self: initial; }

.app .webstore-order-processing .ant-table-filter-trigger-container-open,
.app .webstore-order-processing .ant-table-filter-trigger-container:hover {
  background: none; }

.app .webstore-order-processing .reprint-filter.ant-btn {
  padding: 0; }

.app .webstore-order-processing .reprint-filter.ant-btn-link,
.app .webstore-order-processing .reprint-filter.ant-btn-link:hover,
.app .webstore-order-processing .reprint-filter.ant-btn-link:focus {
  color: inherit; }

.app .webstore-order-processing .channel img {
  vertical-align: sub; }

.app .webstore-order-processing .more-button .un-dots-div-active,
.app .webstore-order-processing .more-button .un-dots-div {
  width: 40px;
  height: 40px;
  padding-top: 5px;
  margin-top: 10px; }

.app .webstore-order-processing .webstore-order-packing-note-div {
  float: right;
  padding-right: 10px;
  width: 400px; }
  .app .webstore-order-processing .webstore-order-packing-note-div > h3 {
    font-size: 14px;
    color: #0c2028;
    font-weight: bold;
    display: inline-block; }

.app .webstore-order-processing .shopee-customer-button {
  width: 133px;
  height: 22px !important;
  padding: 3px 12px;
  background-color: #ee4d2d !important;
  margin-bottom: 0 !important; }
  .app .webstore-order-processing .shopee-customer-button span,
  .app .webstore-order-processing .shopee-customer-button i {
    font-size: 12px; }

.app .webstore-order-processing td[class='ant-table-selection-column']::before {
  content: ''; }

.app .webstore-order-processing .noti-count {
  background-color: #007ce0;
  position: absolute;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  color: white;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -50px 0 0 33px; }

.app .webstore-order-processing .order-product-div {
  margin-left: 61px;
  display: inline-flex;
  flex-wrap: wrap; }

.app .webstore-order-processing .product_image_count {
  margin-right: 8px; }

.app .webstore-order-processing .sku-more {
  margin-left: 8px !important;
  color: #007ce0 !important; }

.app .webstore-order-processing .ant-tabs-tab-active .order-tab {
  font-weight: bold; }

.app .webstore-order-processing .ant-table-tbody > tr > td {
  border-bottom: 0 !important; }

.app .webstore-order-processing tr.ant-table-expanded-row > td {
  background: #fff !important; }

.app .webstore-order-processing tr.ant-table-expanded-row:hover > td {
  background: #f8f9fa !important; }

.app .webstore-order-processing tr.ant-table-row-selected + tr.ant-table-expanded-row > td {
  background: #e6f7ff !important; }

.app .webstore-order-processing tr.ant-table-row-selected + tr.ant-table-expanded-row:hover > td {
  background: #f8f9fa !important; }

.app .shipping-logistic-label-setup .ant-tooltip {
  max-width: 400px; }

.app .shipping-logistic-label-setup .radio-button {
  display: block;
  height: 30px;
  line-height: 30px; }

.app .shipping-logistic-label-setup .courier-div .radio-button-row:nth-child(2) {
  margin-top: 5%; }

.app .shipping-logistic-label-setup .switch-button-div {
  display: flex;
  flex: wrap;
  height: 33px;
  line-height: normal;
  align-items: center;
  margin-bottom: 20px; }

.app .shipping-logistic-label-setup .switch-button-text {
  width: 80%; }

.app .shipping-logistic-label-setup .switch-button {
  margin-left: auto;
  height: 33px;
  align-items: center; }

.app .shipping-logistic-label-setup .select-channel-div {
  display: flex;
  align-items: center;
  margin-bottom: 32px; }
  .app .shipping-logistic-label-setup .select-channel-div span:first-child {
    padding-right: 10px; }

.app .shipping-logistic-label-setup .settings-container .ant-input,
.app .shipping-logistic-label-setup .settings-container .ant-select {
  color: #0c2028 !important; }

.app .shipping-logistic-label-setup .settings-container .ant-form-horizontal .ant-form-item-control {
  flex: unset !important; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: none !important; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-top-bar .ant-tabs-tab-active {
  font-weight: bold; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  width: 220px; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  width: 4px !important; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  padding: 10px !important;
  text-align: left; }
  .app .shipping-logistic-label-setup .settings-container .ant-tabs .ant-tabs-left-bar .ant-tabs-tab span {
    color: #0c2028;
    font-weight: bold; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs-tab-active {
  background-color: #f3fff3; }

.app .shipping-logistic-label-setup .settings-container .ant-tabs-nav-scroll {
  padding-left: 0px !important; }

.app .shipping-logistic-label-setup .settings-container .general-settings .title {
  font-size: 14px !important; }

.app .shipping-logistic-label-setup .settings-container .general-settings .address-fields .ant-form-item {
  margin-bottom: 12px !important; }

.app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview {
  display: flex; }
  .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview > .left,
  .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview > .right {
    width: 50%; }
  .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content {
    border: 1px solid black;
    width: 100%;
    margin: 20px auto;
    padding-bottom: 10px; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content.shippinglogistic-a6-item {
      padding: 20px; }
  .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 90%;
    height: fit-content;
    height: -moz-fit-content;
    margin: 20px auto; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .fragile-radio .ant-radio-wrapper + .ant-radio-wrapper {
      margin-top: 10px; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .fragile-radio img.fragile-label {
      width: 95%;
      border: 1px solid #e5e5e5;
      padding: 3px 7px; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .ant-form-item {
      line-height: 1; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .ant-checkbox-group {
      display: initial; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .checkbox-full .ant-checkbox-wrapper {
      width: 100%; }
    .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .checkbox-half .ant-checkbox-wrapper {
      width: 48%;
      margin-right: 0px; }
      .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .checkbox-half .ant-checkbox-wrapper:nth-child(odd) {
        margin-left: 0px; }
      .app .shipping-logistic-label-setup .settings-container .airwaybill-template-preview .preview-content-settings .checkbox-half .ant-checkbox-wrapper:nth-child(even) {
        margin-left: 8px; }

.app .shipping-logistic-label-setup .courier-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.app .shipping-logistic-label-setup .courier-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.app .shipping-logistic-label-setup .courier-table table thead {
  background-color: #fafafb !important; }

.app .shipping-logistic-label-setup .courier-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.app .shipping-logistic-label-setup .courier-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.app .shipping-logistic-label-setup .courier-table .un-text-truncate {
  font-weight: bold !important; }

.app .shipping-logistic-label-setup .courier-table .un-light-label {
  font-size: 14px !important; }

.selectCourierModal .ant-modal-body .options-btn,
.selectCourierModal .ant-modal-body .options-btn-selected {
  display: grid !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  height: 110px !important;
  padding: 0 !important;
  margin-bottom: 12px; }
  .selectCourierModal .ant-modal-body .options-btn .options-img,
  .selectCourierModal .ant-modal-body .options-btn-selected .options-img {
    width: inherit !important; }
    .selectCourierModal .ant-modal-body .options-btn .options-img img,
    .selectCourierModal .ant-modal-body .options-btn-selected .options-img img {
      width: 100% !important;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 4px !important; }
  .selectCourierModal .ant-modal-body .options-btn .options-name,
  .selectCourierModal .ant-modal-body .options-btn-selected .options-name {
    padding: 0 5px !important;
    width: inherit !important;
    white-space: normal; }

.selectCourierModal .ant-modal-body .options-btn-selected,
.selectCourierModal .ant-modal-body .options-btn:hover {
  border: 4px solid #5acc5a !important; }

.selectCourierModal .modal-filter .ant-input-group.ant-input-group-compact > *:first-child {
  width: 30%; }

.selectCourierModal .modal-filter .ant-input-group.ant-input-group-compact > *:last-child {
  width: 70%; }

.selectCourierModal .modal-filter .search-form {
  display: block !important; }

.selectCourierModal .modal-filter .search-form .un-filter-value {
  width: 558px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.selectCourierModal .all-courier-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  height: 320px;
  overflow-y: auto; }

.shplgt-courier-modal .image-logo {
  margin-left: 5% !important;
  width: 40% !important; }

.shplgt-courier-modal .checkbox-full .ant-checkbox-wrapper {
  width: 100%; }

.shplgt-courier-modal .checkbox-full .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-top: 10px; }

.shplgt-courier-modal .radio-full .ant-radio-wrapper {
  width: 100%; }

.shplgt-courier-modal .radio-full .ant-radio-wrapper + .ant-radio-wrapper {
  margin-top: 10px; }

.shplgt-courier-modal .ant-row {
  display: block; }

.shplgt-courier-modal .ant-form-item-label > label::after {
  content: unset; }

.shplgt-courier-modal .ant-form-item-label > label::before {
  content: unset; }

.shplgt-courier-modal .image-shopee .image-logo:nth-child(2) {
  margin-left: 10%; }

.webstore-order-processing-filter .ant-btn:hover,
.webstore-order-processing-filter .ant-btn:focus {
  border-color: transparent !important; }

.ant-popover-content {
  max-width: 500px; }
  .ant-popover-content .ant-popover-title {
    font-size: 16px;
    font-weight: bold; }
  .ant-popover-content .ant-table-fixed-header {
    margin: 0 !important; }
  .ant-popover-content .ant-table-header table {
    visibility: initial !important; }
  .ant-popover-content .ant-table-tbody td {
    font-size: 12px; }

.ant-select-dropdown .order-count {
  color: #90999d !important; }

@media (min-width: 1024px) {
  .shplgt-printlog-modal {
    width: 670px !important; } }

.shplgt-printlog-modal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .shplgt-printlog-modal .ant-modal-body {
      height: 420px !important;
      padding-bottom: 0 !important; } }

.shplgt-printlog-modal .ant-modal-content {
  border-radius: 12px !important; }

.shplgt-printlog-modal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.shplgt-printlog-modal .printlog-table table tbody tr td {
  vertical-align: top !important; }

.shplgt-printlog-modal .printlog-table .ant-list-item {
  padding: 0 !important; }

.shplgt-printlog-modal .printlog-table .ant-list-item-meta-avatar {
  width: 56px; }

.shplgt-printlog-modal .printlog-table .ant-list-item-meta {
  padding-top: 1px !important; }

.shplgt-printlog-modal .printlog-table .ant-list-item-meta-description {
  padding-left: 0; }

.shplgt-printlog-modal .printlog-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.shplgt-printlog-modal .printlog-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.shplgt-printlog-modal .printlog-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.shplgt-printlog-modal .printlog-table table thead {
  background-color: #fafafb !important; }

.shplgt-printlog-modal .printlog-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.shplgt-printlog-modal .printlog-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.shplgt-printlog-modal .row {
  align-items: baseline !important; }

.shplgt-printlog-modal .un-page-with-steps .ant-legacy-form {
  width: 100%; }
  @media (min-width: 1024px) {
    .shplgt-printlog-modal .un-page-with-steps .ant-legacy-form {
      width: 622px !important; } }

.shplgt-printlog-modal .un-box-flat {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 32px;
  box-shadow: none !important;
  width: 100%; }
  @media (min-width: 1024px) {
    .shplgt-printlog-modal .un-box-flat {
      width: 553px !important; } }
  .shplgt-printlog-modal .un-box-flat .pl-10 {
    padding-left: 12px !important; }

.shplgt-printlog-modal .un-title-light {
  display: none !important; }

.shplgt-printlog-modal .close-btn {
  text-align: left !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.shplgt-printlog-modal .title {
  text-align: center !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.shplgt-printlog-modal .plain-btn {
  margin: auto 0 auto auto !important; }

.shplgt-printlog-modal .upload-placeholder {
  height: 115px !important; }

.shplgt-printlog-modal .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.shplgt-printlog-modal .ant-upload:hover {
  border-color: #007ce0 !important; }

.shplgt-printlog-modal .ant-upload-drag-icon img {
  object-fit: contain !important; }

.shplgt-channel-list-tab {
  padding-bottom: 0 !important;
  margin-bottom: 20px !important; }
  .shplgt-channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .shplgt-channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .shplgt-channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px 0px 20px !important; }
  .shplgt-channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .shplgt-channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .shplgt-channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .shplgt-channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .shplgt-channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .shplgt-channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

@media (min-width: 1024px) {
  .shplgt-exportOrderProcessing {
    width: 816px !important;
    margin: 0 auto !important; } }

.shplgt-exportOrderProcessing .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .shplgt-exportOrderProcessing .header-buttons .b-btn,
  .shplgt-exportOrderProcessing .header-buttons .b-btn:hover,
  .shplgt-exportOrderProcessing .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .shplgt-exportOrderProcessing .header-buttons .b-btn i,
    .shplgt-exportOrderProcessing .header-buttons .b-btn:hover i,
    .shplgt-exportOrderProcessing .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.shplgt-exportOrderProcessing .ant-checkbox,
.shplgt-exportOrderProcessing .ant-checkbox-input,
.shplgt-exportOrderProcessing .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.shplgt-exportOrderProcessing .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.shplgt-exportOrderProcessing .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.shplgt-exportOrderProcessing .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.shplgt-exportOrderProcessing .export-table table thead {
  background-color: #fafafb !important; }

.shplgt-exportOrderProcessing .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.shplgt-exportOrderProcessing .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.shplgt-exportOrderProcessing .export-table .un-text-truncate {
  font-weight: bold !important; }

.shplgt-exportOrderProcessing .export-table .un-light-label {
  font-size: 14px !important; }

.shplgt-exportOrderProcessing .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .shplgt-exportOrderProcessing .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.quotation-div-hidden {
  display: none; }

.vehicle_row {
  padding: 5px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  cursor: pointer !important; }

.vehicle_row:hover {
  border: 1px solid #646464 !important; }

.vehicle_row.vehicle_row_selected {
  border: 2px solid #55ce63 !important; }

.quotation_details {
  padding-bottom: 5px !important; }

.schedule_div {
  padding-top: 7px !important; }

.schedule_checkbox {
  margin-bottom: 5px !important; }

.copy-webhook {
  border-radius: 0px !important;
  position: absolute !important;
  margin-left: 5px; }

.webhook_url {
  background-color: #eeeeee;
  color: #0c2028 !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px !important;
  resize: none;
  font-size: 14px !important;
  white-space: nowrap;
  padding-left: 11px;
  width: 93% !important; }

.webhook_url::-webkit-scrollbar {
  display: none; }

.announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-description {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.announcements .announcements-list .dot {
  height: 8px;
  width: 8px;
  background-color: #e0241a;
  border-radius: 50%;
  display: inline-block; }

.announcements .announcements-list .short-description {
  margin: 8px 0px;
  color: #38484f; }

.announcements .announcements-list .new:after,
.announcements .announcements-list .published-date:after {
  content: '\A';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #90999d;
  display: inline-block;
  vertical-align: middle;
  margin: 7px; }

.announcements .announcements-list .new,
.announcements .announcements-list .published-date,
.announcements .announcements-list .author {
  font-size: 12px !important; }

.announcements .announcements-list .published-date {
  color: #647176; }

.announcements .announcements-list .author {
  color: #0c2028; }

.announcements .announcementNavigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px; }
  .announcements .announcementNavigation .min {
    color: #d4d4d4 !important;
    cursor: not-allowed !important; }
  .announcements .announcementNavigation .max {
    color: #d4d4d4 !important;
    cursor: not-allowed !important; }

.announcements .viewAnnouncement ul {
  list-style-position: inside; }

.announcements .viewAnnouncement .published-date {
  margin-bottom: 8px;
  font-size: 14px;
  color: #647176; }

.announcements .viewAnnouncement .author {
  font-size: 14px;
  color: #647176; }

.announcements .viewAnnouncement .title {
  margin-bottom: 12px; }

.announcements .viewAnnouncement .main-image {
  margin: 20px 0px;
  text-align: center; }

.announcements .viewAnnouncement .arcticle-header {
  position: relative;
  overflow: hidden; }
  .announcements .viewAnnouncement .arcticle-header img {
    max-width: 100%;
    height: auto;
    border-radius: 12px !important; }

.announcements .viewAnnouncement .announcement-content {
  color: #0c2028;
  position: relative;
  overflow: hidden; }
  .announcements .viewAnnouncement .announcement-content img {
    max-width: 100%;
    height: auto; }

.announcements-list .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-bottom: 1px solid #e5e5e5 !important;
  border-top: none !important; }

.announcements-list .unicart-table .ant-table-content,
.announcements-list .unicart-table .ant-table table,
.announcements-list .unicart-table .ant-table-tbody,
.announcements-list .unicart-table tbody tr:first-child {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.announcements-list .unicart-table .ant-table-tbody > tr:first-child > td:first-child {
  border-top-left-radius: 12px !important; }

.announcements-list .unicart-table .ant-table-tbody > tr:first-child > td:last-child {
  border-top-right-radius: 12px !important; }

.announcements-list .unicart-table .ant-table-tbody > tr > td {
  padding: 20px 12px !important; }

.announcements-list .unicart-table .ant-table-tbody > tr > td:last-child {
  padding-right: 24px !important; }

.announcements-list .ant-tabs {
  border: none !important;
  background: none !important;
  border-radius: 0px !important; }

.announcements-list .ant-tabs .ant-tabs-top-bar .ant-tabs-tab-active {
  font-weight: bold; }

.announcements-list .ant-tabs .ant-tabs-left-bar {
  height: fit-content !important;
  padding: 0;
  border-right: none !important; }
  @media (max-width: 425px) {
    .announcements-list .ant-tabs .ant-tabs-left-bar {
      float: unset !important; } }
  .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
    width: 339px; }
    @media (max-width: 425px) {
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
        width: 100%; } }
  .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
    display: none !important; }
  .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
    padding: 0 !important;
    padding-bottom: 20px !important;
    text-align: left;
    width: 338px;
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 20px !important; }
    @media (max-width: 425px) {
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
        width: 100%; } }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:nth-last-child(2) {
      border-bottom: none !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title {
      color: #0c2028;
      font-weight: bold;
      display: block;
      display: -webkit-box;
      word-wrap: break-word;
      margin: 0;
      line-height: 22px;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-bottom: 8px; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title span,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title p,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title div,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h1,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h2,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h3,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h4,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h5,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-title h6 {
      font-family: inherit !important;
      font-size: 16px !important;
      font-weight: bold !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-description {
      color: #0c2028;
      display: block;
      display: -webkit-box;
      word-wrap: break-word;
      margin: 0;
      line-height: 18px;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-bottom: 8px; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination {
      margin-bottom: 20px;
      margin-right: 0px !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-table-pagination.ant-pagination {
      margin-bottom: 20px;
      margin: 12px 0 28px; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-item-link {
      color: #0c2028 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-item a {
      color: #0c2028 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important;
      background: none !important; }
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-prev .ant-pagination-item-link,
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-next .ant-pagination-item-link {
      line-height: 21px; }
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-prev .ant-pagination-item-link .anticon,
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination-next .ant-pagination-item-link .anticon {
        margin-right: 0 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-bar .ant-tabs-tab .announcement-pagination .ant-table-pagination.ant-pagination {
      margin-bottom: 20px;
      color: #0c2028 !important;
      font-weight: normal !important; }

.announcements-list .ant-tabs .ant-tabs-left-content {
  margin-left: 339px !important;
  padding-left: 32px !important;
  border-left: none !important; }
  @media (max-width: 425px) {
    .announcements-list .ant-tabs .ant-tabs-left-content {
      margin-left: unset !important;
      padding-left: 0 !important; } }
  .announcements-list .ant-tabs .ant-tabs-left-content .announcement-actions {
    width: 100%;
    margin-bottom: 20px !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .announcement-actions .plain-btn.previous i {
      font-size: 13px;
      margin-right: 4px; }
    .announcements-list .ant-tabs .ant-tabs-left-content .announcement-actions .plain-btn.next {
      float: right; }
      .announcements-list .ant-tabs .ant-tabs-left-content .announcement-actions .plain-btn.next i {
        font-size: 13px;
        margin-left: 4px; }
  .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content {
    border-radius: 12px !important;
    border: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .set-lighter {
      margin-bottom: 8px !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title {
      text-align: left !important; }
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h1,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h2,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h3,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h4,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h5,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title h6,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title p,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title div,
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .title span {
        font-family: inherit !important;
        font-weight: bold !important;
        font-size: 22px !important;
        margin-bottom: 12px !important;
        line-height: 1.2 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .display-small {
      margin-bottom: 12px !important;
      line-height: 1.2 !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .main-image {
      margin-bottom: 20px;
      text-align: center; }
      .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content .main-image img {
        max-width: 535px !important;
        max-height: 269px !important; }
    .announcements-list .ant-tabs .ant-tabs-left-content .annoucement-content img {
      max-width: 100% !important; }

.announcements-list .ant-tabs-tab-active {
  background: none !important; }
  .announcements-list .ant-tabs-tab-active .announcement-title {
    color: #007ce0 !important; }
  .announcements-list .ant-tabs-tab-active .announcement-description {
    color: #007ce0 !important; }

.announcements-list .ant-tabs-tab:hover {
  background: none !important; }
  .announcements-list .ant-tabs-tab:hover .announcement-title {
    color: #007ce0 !important; }
  .announcements-list .ant-tabs-tab:hover .announcement-description {
    color: #007ce0 !important; }

.announcements-list .ant-tabs-nav-scroll {
  padding-left: 0px !important; }

@media (min-width: 1024px) {
  .easy-parcel {
    width: 644px !important;
    margin: 0 auto !important; } }

.easy-parcel .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .easy-parcel .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .easy-parcel .header-buttons .b-btn,
  .easy-parcel .header-buttons .b-btn:hover,
  .easy-parcel .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .easy-parcel .header-buttons .b-btn i,
    .easy-parcel .header-buttons .b-btn:hover i,
    .easy-parcel .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (min-width: 1024px) {
  .easy-parcel-sg {
    width: 644px !important;
    margin: 0 auto !important; } }

.easy-parcel-sg .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .easy-parcel-sg .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .easy-parcel-sg .header-buttons .b-btn,
  .easy-parcel-sg .header-buttons .b-btn:hover,
  .easy-parcel-sg .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .easy-parcel-sg .header-buttons .b-btn i,
    .easy-parcel-sg .header-buttons .b-btn:hover i,
    .easy-parcel-sg .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.quickbooksSyncLayout .ant-form-item-control-input {
  align-items: unset !important; }

.quickbooksSyncLayout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncLayout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .quickbooksSyncLayout .header-buttons .b-btn,
  .quickbooksSyncLayout .header-buttons .b-btn:hover,
  .quickbooksSyncLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncLayout .header-buttons .b-btn i,
    .quickbooksSyncLayout .header-buttons .b-btn:hover i,
    .quickbooksSyncLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .quickbooksSyncLayout .header-buttons .quickbooks-btn-actions {
    position: relative !important; }
    .quickbooksSyncLayout .header-buttons .quickbooks-btn-actions .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important; }

.quickbooksSyncLayout .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .quickbooksSyncLayout .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.quickbooksSyncLayout .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.quickbooksSyncLayout .channel-with-store-name {
  margin-right: 34px; }
  .quickbooksSyncLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.quickbooksSyncLayout .quickbooks-sync-tabs {
  position: relative !important; }
  .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
      padding-bottom: 0 !important; }
  .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }
    .quickbooksSyncLayout .quickbooks-sync-tabs .quickbooks-sync-action-btn .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      margin-right: 16px !important; }

.quickbooksSyncLayout .sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.quickbooksSyncLayout .sales-invoice .unicart-filter .search-form {
  width: 100% !important; }
  .quickbooksSyncLayout .sales-invoice .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .quickbooksSyncLayout .sales-invoice .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .quickbooksSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .quickbooksSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .set {
  word-wrap: break-word; }

.quickbooksSyncLayout .sales-invoice .unicart-table .ant-tabs-bar {
  position: unset !important;
  height: unset !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .ant-tabs-nav-scroll {
  padding-left: 0 !important;
  height: unset !important;
  border-bottom: none !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  background: none !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .ant-tabs-content {
  margin-top: unset !important;
  border-top: none !important;
  padding: unset !important; }

.quickbooksSyncLayout .sales-invoice .unicart-table .my-color {
  background-color: #f6f6f6 !important; }

.quickbooksSyncLayout .sales-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

.quickbooksSyncLayout .purchase-order .unicart-filter {
  align-items: center; }
  @media (min-width: 769px) {
    .quickbooksSyncLayout .purchase-order .unicart-filter {
      margin-top: 20px !important; } }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-title {
  background-color: transparent !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .un-block th {
  background-color: inherit !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .un-block .ant-table-column-sorters-with-tooltip {
  display: none; }

.quickbooksSyncLayout .purchase-order .unicart-table .set {
  word-wrap: break-word; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-tabs-bar {
  position: unset !important;
  height: unset !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-tabs-nav-scroll {
  padding-left: 0 !important;
  height: unset !important;
  border-bottom: none !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  background: none !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-tabs-content {
  margin-top: unset !important;
  border-top: none !important;
  padding: unset !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-expand-icon {
  display: none; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 td {
  border-top: none !important;
  padding: 0 16px !important; }
  .quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 td .ant-checkbox-wrapper {
    display: none; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1.last > td {
  padding: 0 16px 10px !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-form-item {
  margin-bottom: 0.25rem; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-form-item-control-input {
  min-height: unset; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-select-selector {
  height: 24px;
  padding: 0 7px; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-select-selection-search {
  left: 6px; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-select-selection-search-input {
  height: 22px; }

.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-select-selection-placeholder,
.quickbooksSyncLayout .purchase-order .unicart-table .ant-table-row-level-1 .ant-select-selection-item {
  line-height: 24px; }

.quickbooksSyncLayout .purchase-order .unicart-table .my-color {
  background-color: #f6f6f6 !important; }

.quickbooksSyncLayout .purchase-order .unicart-table .status-row {
  align-items: center; }

.quickbooksSyncLayout .purchase-order .unicart-table .small-light-font {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #647176 !important;
  letter-spacing: 0px !important;
  min-width: 90px !important; }

.quickbooksSyncLayout .customer-payment .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.quickbooksSyncLayout .customer-payment .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.quickbooksSyncLayout .customer-payment .outline-btn {
  background: none !important;
  margin-right: 16px !important; }
  .quickbooksSyncLayout .customer-payment .outline-btn.update {
    color: #007ce0 !important;
    border-color: #007ce0 !important; }

.quickbooksSyncLayout .customer-payment .outline-btn:hover,
.quickbooksSyncLayout .customer-payment .outline-btn:active {
  background: #ffffff !important; }

.quickbooksSyncLayout .customer-payment .outline-i-btn {
  background: none !important; }
  .quickbooksSyncLayout .customer-payment .outline-i-btn.saved {
    color: #90999d !important;
    border-color: #d4d4d4 !important; }
    .quickbooksSyncLayout .customer-payment .outline-i-btn.saved .feather-check {
      line-height: 17px !important; }

.quickbooksSyncLayout .customer-payment .feather-eye {
  font-size: 20px !important; }

.quickbooksSyncLayout .customer-payment .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.quickbooksSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .customer-payment .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .customer-payment .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncLayout .customer-payment .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.quickbooksSyncLayout .task .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.quickbooksSyncLayout .task .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.quickbooksSyncLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.quickbooksSyncLayout .product-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.quickbooksSyncLayout .product-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.quickbooksSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .product-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .product-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncLayout .product-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

.quickbooksSyncLayout .customer-matching .ant-input,
.quickbooksSyncLayout .shipping-matching .ant-input,
.quickbooksSyncLayout .payment-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.quickbooksSyncLayout .customer-matching .dimension-input.addonBefore .ant-input,
.quickbooksSyncLayout .shipping-matching .dimension-input.addonBefore .ant-input,
.quickbooksSyncLayout .payment-matching .dimension-input.addonBefore .ant-input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.quickbooksSyncLayout .customer-matching .feather-alert-circle,
.quickbooksSyncLayout .shipping-matching .feather-alert-circle,
.quickbooksSyncLayout .payment-matching .feather-alert-circle {
  font-size: 13px !important;
  margin-left: 4px !important; }

.quickbooksSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:last-child,
.quickbooksSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:last-child,
.quickbooksSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:first-child,
.quickbooksSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:first-child,
.quickbooksSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .customer-matching .ant-table table,
.quickbooksSyncLayout .shipping-matching .ant-table table,
.quickbooksSyncLayout .payment-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncLayout .customer-matching .ant-table,
.quickbooksSyncLayout .shipping-matching .ant-table,
.quickbooksSyncLayout .payment-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncLayout .customer-matching .ant-table-tbody > tr > td,
.quickbooksSyncLayout .shipping-matching .ant-table-tbody > tr > td,
.quickbooksSyncLayout .payment-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }
  .quickbooksSyncLayout .customer-matching .ant-table-tbody > tr > td .body,
  .quickbooksSyncLayout .shipping-matching .ant-table-tbody > tr > td .body,
  .quickbooksSyncLayout .payment-matching .ant-table-tbody > tr > td .body {
    line-height: 33px !important; }

.quickbooksSyncForm .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncForm .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .quickbooksSyncForm .header-buttons .b-btn,
  .quickbooksSyncForm .header-buttons .b-btn:hover,
  .quickbooksSyncForm .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncForm .header-buttons .b-btn i,
    .quickbooksSyncForm .header-buttons .b-btn:hover i,
    .quickbooksSyncForm .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncForm .un-box-flat {
  border-radius: 4px !important;
  padding: 24px !important; }
  .quickbooksSyncForm .un-box-flat .product-form-label span {
    color: #0c2028 !important; }
  .quickbooksSyncForm .un-box-flat .form-detail-label {
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 70% !important;
    color: #0c2028 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 16px !important; }
  .quickbooksSyncForm .un-box-flat .ant-picker {
    width: 100% !important; }
  .quickbooksSyncForm .un-box-flat .ant-form-item {
    padding-bottom: 0 !important;
    margin-bottom: 4px !important; }
  .quickbooksSyncForm .un-box-flat .form-details {
    position: absolute;
    right: -13px;
    margin-left: 4px !important; }
    .quickbooksSyncForm .un-box-flat .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #007ce0 !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container.invoice {
        margin-bottom: 22px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container.customer-payment {
        margin-bottom: 12px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
    .quickbooksSyncForm .un-box-flat .form-details .form-detail-container {
      padding-right: 24px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail-label {
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 41% !important;
        color: #0c2028 !important;
        border-bottom: 2px solid transparent !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail {
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 178px !important;
        color: #0c2028 !important;
        border-bottom: 2px solid #e5e5e5 !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail-free {
        text-align: right !important;
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 178px !important;
        color: #0c2028 !important;
        border-bottom: 2px solid transparent !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .input_underline {
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .span {
    font-size: 12px !important;
    color: #647176 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off {
    margin: 0 auto !important;
    /***Start- Special column handling for table with right selection column***/
    /***End- Special column handling for table with right selection column***/ }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table .ant-table-expanded-row-fixed {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table colgroup {
      display: flex !important;
      justify-content: center !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr {
      display: flex !important;
      flex-direction: row-reverse !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:first-child {
        width: 30px !important; }
        .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:first-child .ant-checkbox {
          top: 1px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(2) {
        width: 120px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(3) {
        width: 200px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(4) {
        width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(5) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(6) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th {
        line-height: 32px !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr {
      display: flex !important;
      flex-direction: row-reverse !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:first-child {
        width: 30px !important; }
        .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:first-child .ant-checkbox {
          top: 5px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(2) {
        width: 120px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(3) {
        width: 200px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(4) {
        width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(5) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(6) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td > .body {
        line-height: 34px !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr.ant-table-row-selected > td {
      background: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-measure-row {
    display: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-thead > tr > th {
    color: #647176 !important;
    background-color: #fafafb !important;
    padding: 8px 16px !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-tbody > tr > td {
    color: #0c2028 !important;
    padding: 8px 16px !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-tbody > tr:hover > td {
    background-color: #d0f4ff !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table table {
    border: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-content {
    overflow: hidden !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-thead > tr > th {
    color: #647176 !important;
    border-bottom: none !important;
    padding: 4px 8px 4px 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-thead > tr > th:last-child {
    padding-right: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 2px 8px 2px 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-tbody > tr > td:last-child {
    padding-right: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-footer {
    display: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-input-number {
    width: unset !important; }
  .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table {
    width: 660px !important;
    margin: 0 auto !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-container::after {
      box-shadow: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-expanded-row-fixed {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-measure-row {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table table {
      border-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table {
      border-top-right-radius: 4px !important;
      border-top-left-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
      border-bottom-left-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-content {
      overflow: hidden !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th {
      border-bottom: 1px solid #e5e5e5 !important;
      color: #647176 !important;
      background-color: #ffe0e0 !important;
      padding: 8px 16px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th:last-child {
      padding-right: 31px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td {
      border-bottom: 1px solid #e5e5e5 !important;
      color: #0c2028 !important;
      padding: 8px 16px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td:last-child {
      padding-right: 31px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr:last-child > td {
      border-bottom: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-footer {
      display: none !important; }

.quickbooksSyncForm .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.quickbooksSyncForm .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  padding-left: 54px; }

.quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px !important;
  width: 230px; }
  .quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 .label {
    display: none !important; }
  .quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.quickbooksSyncForm .unicart-filter .search-form .un-filter-button {
  position: absolute !important;
  top: 0 !important;
  left: 235px !important; }

@media (min-width: 1024px) {
  .quickbooksSyncMissingOrders {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.quickbooksSyncMissingOrders .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .quickbooksSyncMissingOrders .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .quickbooksSyncMissingOrders .header-buttons .b-btn,
  .quickbooksSyncMissingOrders .header-buttons .b-btn:hover,
  .quickbooksSyncMissingOrders .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncMissingOrders .header-buttons .b-btn i,
    .quickbooksSyncMissingOrders .header-buttons .b-btn:hover i,
    .quickbooksSyncMissingOrders .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-eye {
  font-size: 20px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.quickbooksSyncMissingOrders .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.quickbooksSyncMissingOrders .ant-table-thead > tr > th:nth-child(2) {
  background-color: #f6f6f6 !important; }

.quickbooksSyncMissingOrders .ant-table-tbody > tr > td:nth-child(2) {
  background-color: #f6f6f6 !important; }

.quickbooksSyncSettings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncSettings .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .quickbooksSyncSettings .header-buttons .b-btn,
  .quickbooksSyncSettings .header-buttons .b-btn:hover,
  .quickbooksSyncSettings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncSettings .header-buttons .b-btn i,
    .quickbooksSyncSettings .header-buttons .b-btn:hover i,
    .quickbooksSyncSettings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncSettings .settings-container .settings-tab {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: none !important; }
  .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar {
    border-right: none !important; }
    .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
      width: 220px; }
      .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
        padding-left: 0px !important; }
      .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
        padding: 10px !important;
        text-align: left; }
        .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
          color: #0c2028;
          font-weight: normal; }
      .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
        background-color: #f3fff3 !important; }
        .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
          font-weight: bold !important; }
      .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
        width: 4px !important; }
  .quickbooksSyncSettings .settings-container .settings-tab .ant-tabs-left-content {
    padding-left: 32px !important;
    border-left: 1px solid #e5e5e5 !important; }

.quickbooksSyncSettings .settings-container .ant-input,
.quickbooksSyncSettings .settings-container .ant-select {
  color: #0c2028 !important; }

.quickbooksSyncSettings .settings-container .ant-checkbox + span {
  color: #0c2028 !important;
  padding-right: 8px;
  padding-left: 13px; }

.quickbooksSyncSettings .settings-container .ant-input-affix-wrapper {
  border-radius: 4px !important; }

.quickbooksSyncSettings .settings-container .choose-file {
  width: 100% !important;
  display: inline-flex !important; }
  .quickbooksSyncSettings .settings-container .choose-file .ant-form-item {
    width: -webkit-fill-available !important;
    width: fill-available !important;
    width: -moz-available !important; }
    .quickbooksSyncSettings .settings-container .choose-file .ant-form-item .uploaded-file-input {
      width: -webkit-fill-available !important;
      width: fill-available !important;
      width: -moz-available !important;
      border-radius: 4px 0 0 4px !important; }
  .quickbooksSyncSettings .settings-container .choose-file .upload-btn {
    margin-top: 25px !important;
    width: 93px !important;
    height: 33px !important;
    padding: 4px 9px !important;
    color: #0c2028 !important;
    background-color: #e5e5e5 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0 4px 4px 0 !important; }

.quickbooksSyncSettings .settings-container .ant-checkbox-wrapper {
  display: flex;
  margin-bottom: 15px !important; }
  .quickbooksSyncSettings .settings-container .ant-checkbox-wrapper .ant-checkbox {
    margin-top: 3px;
    height: fit-content; }

.quickbooksSyncSettings .settings-container .preset-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.quickbooksSyncSettings .settings-container .preset-table table thead {
  background-color: #fafafb !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important;
  border-bottom: none !important; }

.quickbooksSyncSettings .settings-container .preset-table .un-text-truncate {
  font-weight: bold !important; }

.quickbooksSyncSettings .settings-container .preset-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.quickbooksSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.quickbooksSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.quickbooksSyncSettings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

@media (min-width: 1024px) {
  .quickbooksSyncManageCompanyProfile {
    min-width: 644px !important;
    max-width: 644px !important;
    margin: 0 auto; } }

.quickbooksSyncManageCompanyProfile .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncManageCompanyProfile .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn,
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:hover,
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn i,
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:hover i,
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-content {
  overflow-x: hidden !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.quickbooksSyncManageCompanyProfile .company-table table thead {
  background-color: #fafafb !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important; }

.quickbooksSyncManageCompanyProfile .company-table .un-text-truncate {
  font-weight: bold !important; }

.quickbooksSyncManageCompanyProfile .company-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.quickbooksSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.quickbooksSyncManageCompanyProfile .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-footer {
  display: none !important; }

@media (min-width: 1024px) {
  .importProductMatchings {
    width: 644px !important;
    margin: 0 auto !important; } }

.importProductMatchings .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .importProductMatchings .header-buttons .b-btn,
  .importProductMatchings .header-buttons .b-btn:hover,
  .importProductMatchings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .importProductMatchings .header-buttons .b-btn i,
    .importProductMatchings .header-buttons .b-btn:hover i,
    .importProductMatchings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.importProductMatchings .hideUploader {
  display: none; }

.importProductMatchings .feather-upload-cloud {
  font-size: 32px;
  color: #d4d4d4; }

.importProductMatchings .plain-btn {
  text-transform: unset;
  text-decoration: underline; }

.ant-upload.ant-upload-drag::after {
  display: none; }

.importPreview .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .importPreview .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .importPreview .header-buttons .b-btn,
  .importPreview .header-buttons .b-btn:hover,
  .importPreview .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .importPreview .header-buttons .b-btn i,
    .importPreview .header-buttons .b-btn:hover i,
    .importPreview .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.importPreview .ant-table-measure-row {
  display: none; }

.un-import-error-column {
  background: #fde3e3;
  padding: 5px !important; }

@media (min-width: 1024px) {
  .exported-matching.un-page {
    width: 816px !important;
    margin: 0 auto !important; } }

.exported-matching.un-page .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .exported-matching.un-page .header-buttons .b-btn,
  .exported-matching.un-page .header-buttons .b-btn:hover,
  .exported-matching.un-page .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .exported-matching.un-page .header-buttons .b-btn i,
    .exported-matching.un-page .header-buttons .b-btn:hover i,
    .exported-matching.un-page .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.exported-matching.un-page .ant-checkbox,
.exported-matching.un-page .ant-checkbox-input,
.exported-matching.un-page .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.exported-matching.un-page .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.exported-matching.un-page .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.exported-matching.un-page .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.exported-matching.un-page .export-table table thead {
  background-color: #fafafb !important; }

.exported-matching.un-page .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.exported-matching.un-page .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.exported-matching.un-page .export-table .un-text-truncate {
  font-weight: bold !important; }

.exported-matching.un-page .export-table .un-light-label {
  font-size: 14px !important; }

.exported-matching.un-page .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .exported-matching.un-page .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.channel-list-tab {
  padding-bottom: 0 !important; }
  .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px 0px 20px !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.quickbooksSyncAutoMatching .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncAutoMatching .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .quickbooksSyncAutoMatching .header-buttons .b-btn,
  .quickbooksSyncAutoMatching .header-buttons .b-btn:hover,
  .quickbooksSyncAutoMatching .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncAutoMatching .header-buttons .b-btn i,
    .quickbooksSyncAutoMatching .header-buttons .b-btn:hover i,
    .quickbooksSyncAutoMatching .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .quickbooksSyncAutoMatching .header-buttons .outline-btn,
  .quickbooksSyncAutoMatching .header-buttons .outline-btn:focus,
  .quickbooksSyncAutoMatching .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.quickbooksSyncAutoMatching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncAutoMatching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncAutoMatching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncAutoMatching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncAutoMatching .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.quickbooksSyncAutoMatching .ant-list-item-meta-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: left; }

.quickbooksSyncAutoMatching .ant-list-item {
  padding: 0 !important; }

.quickbooksSyncAutoMatching .ant-list-item-meta-description {
  padding-left: 12px; }

.quickbooksSyncAutoMatching .ant-pagination {
  margin-bottom: 20px;
  margin-right: 0 !important; }

.quickbooksSyncAutoMatching .trash-btn {
  height: 17px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  color: #90999d; }
  .quickbooksSyncAutoMatching .trash-btn i {
    font-size: 16px !important;
    margin-right: 4px !important; }

.ant-modal.ant-modal-confirm.ant-modal-confirm-error.bulk,
.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm.bulk {
  width: 600px !important;
  top: 0; }

.sync-error-modal .error-msg {
  font-size: inherit;
  color: #e0241a; }

.sync-error-modal .table-responsive .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-error-modal .table-responsive .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-error-modal .table-responsive .header .h-item.quickbooks-po-number {
      width: 250px; }
    .sync-error-modal .table-responsive .header .h-item.error {
      width: 302px; }

.sync-error-modal .table-responsive .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-error-modal .table-responsive .body .b-row {
    display: inline-flex; }
    .sync-error-modal .table-responsive .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-error-modal .table-responsive .body .b-row .b-r-item {
      padding: 12px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.quickbooks-po-number {
        width: 250px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.error {
        width: 302px; }

.sync-confirm-modal .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-confirm-modal .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-confirm-modal .header .h-item.currency {
      width: 70px; }
    .sync-confirm-modal .header .h-item.quickbooks-po-number {
      width: 482px; }

.sync-confirm-modal .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-confirm-modal .body .b-row {
    display: inline-flex; }
    .sync-confirm-modal .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-confirm-modal .body .b-row .b-r-item {
      padding: 12px; }
      .sync-confirm-modal .body .b-row .b-r-item.currency {
        width: 70px; }
      .sync-confirm-modal .body .b-row .b-r-item.quickbooks-po-number {
        width: 482px; }

@media (min-width: 1024px) {
  .shippop-integration {
    width: 644px !important;
    margin: 0 auto !important; } }

.shippop-integration .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .shippop-integration .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .shippop-integration .header-buttons .b-btn,
  .shippop-integration .header-buttons .b-btn:hover,
  .shippop-integration .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .shippop-integration .header-buttons .b-btn i,
    .shippop-integration .header-buttons .b-btn:hover i,
    .shippop-integration .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (min-width: 1024px) {
  .google-tag-manager {
    width: 644px !important;
    margin: 0 auto !important; } }

.google-tag-manager .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .google-tag-manager .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .google-tag-manager .header-buttons .b-btn,
  .google-tag-manager .header-buttons .b-btn:hover,
  .google-tag-manager .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .google-tag-manager .header-buttons .b-btn i,
    .google-tag-manager .header-buttons .b-btn:hover i,
    .google-tag-manager .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.google-tag-manager .google-tag-manager-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .google-tag-manager .google-tag-manager-layout .google-tag-manager-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.google-tag-manager .ant-form-item-label {
  padding-bottom: 4px !important; }

.google-tag-manager .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .google-tag-manager .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .fulfillment-uploader {
    width: 644px !important;
    margin: 0 auto !important; } }

.fulfillment-uploader .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .fulfillment-uploader .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }

.fulfillment-uploader .ant-form-item.popup-dimension {
  margin-bottom: 12px !important; }
  .fulfillment-uploader .ant-form-item.popup-dimension .ant-input-group-addon {
    cursor: default; }
  .fulfillment-uploader .ant-form-item.popup-dimension .ant-input-group .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.fulfillment-uploader .row {
  align-items: baseline; }

.fulfillment-uploader .vertical-center {
  align-items: center;
  line-height: 33px !important; }

.fulfillment-uploader .ant-form-item {
  margin-bottom: 0 !important; }

.fulfillment-uploader .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.fulfillment-uploader .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 200px !important;
  position: relative !important; }
  .fulfillment-uploader .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.fulfillment-uploader .hvrbox {
  width: 100%;
  max-width: 100% !important;
  max-height: 200px !important; }
  .fulfillment-uploader .hvrbox img {
    width: 100%;
    max-width: 100% !important;
    max-height: 200px !important; }

.fulfillment-uploader .popup {
  margin-bottom: 12px !important; }

@media (min-width: 1024px) {
  .google-tag-manager {
    width: 644px !important;
    margin: 0 auto !important; } }

.google-tag-manager .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .google-tag-manager .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .google-tag-manager .header-buttons .b-btn,
  .google-tag-manager .header-buttons .b-btn:hover,
  .google-tag-manager .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .google-tag-manager .header-buttons .b-btn i,
    .google-tag-manager .header-buttons .b-btn:hover i,
    .google-tag-manager .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.google-tag-manager .google-tag-manager-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .google-tag-manager .google-tag-manager-layout .google-tag-manager-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.google-tag-manager .ant-form-item-label {
  padding-bottom: 4px !important; }

.google-tag-manager .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .google-tag-manager .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

.product-subscription .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .product-subscription .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .product-subscription .header-buttons .b-btn,
  .product-subscription .header-buttons .b-btn:hover,
  .product-subscription .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .product-subscription .header-buttons .b-btn i,
    .product-subscription .header-buttons .b-btn:hover i,
    .product-subscription .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 1023px) {
  .product-subscription .ant-form-item {
    flex-direction: unset; } }

.product-subscription .status-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .product-subscription .status-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.product-subscription .color-pane {
  display: inline-flex;
  width: 176px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .product-subscription .color-pane .color-box {
    width: 47% !important;
    height: 27px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .product-subscription .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 27px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 27px !important;
    border: none;
    border-radius: 0 !important; }
    .product-subscription .color-pane .color-code input {
      height: 25px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }
  .product-subscription .color-pane .color-remove {
    cursor: pointer;
    padding-right: 8px;
    line-height: 27px !important;
    font-size: 16px;
    color: #90999d; }

.disable-product-subscirption-modal .modal-list {
  max-height: 200px;
  overflow-y: auto;
  padding-left: 20px; }

.disable-product-subscirption-modal .ant-modal {
  display: flex;
  justify-content: center;
  align-items: center; }

@media (min-width: 1024px) {
  .popup-manager {
    width: 644px !important;
    margin: 0 auto !important; } }

.popup-manager .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .popup-manager .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }

.popup-manager .ant-form-item.popup-dimension {
  margin-bottom: 12px !important; }
  .popup-manager .ant-form-item.popup-dimension .ant-input-group-addon {
    cursor: default; }
  .popup-manager .ant-form-item.popup-dimension .ant-input-group .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.popup-manager .row {
  align-items: baseline; }

.popup-manager .vertical-center {
  align-items: center;
  line-height: 33px !important; }

.popup-manager .ant-form-item {
  margin-bottom: 0 !important; }

.popup-manager .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.popup-manager .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 200px !important;
  position: relative !important; }
  .popup-manager .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.popup-manager .ant-upload.ant-upload-select-picture-card {
  height: 200px !important; }

.popup-manager .hvrbox {
  width: 100% !important;
  height: 200px !important; }
  .popup-manager .hvrbox img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain; }

.popup-manager .shopping-app-upload {
  width: 150px !important;
  height: 200px !important; }
  .popup-manager .shopping-app-upload .shopping-app-hvrbox {
    height: 200px !important;
    width: 150px !important; }
    .popup-manager .shopping-app-upload .shopping-app-hvrbox img {
      height: 100% !important;
      width: 100% !important;
      object-fit: contain !important; }

.popup-manager .inactive-collection-error {
  color: #e0241a; }

.popup-manager .popup {
  margin-bottom: 12px !important; }
  .popup-manager .popup .primary-btn {
    border-radius: 4px !important;
    width: 100% !important; }

.popup-manager .un-form .radio-outline-group .radio-outline-btn {
  padding: 0 12px !important; }
  .popup-manager .un-form .radio-outline-group .radio-outline-btn .popup-radio-image {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    margin-top: 7px !important; }

.popup-manager .un-form .radio-outline-group .ant-radio-button-wrapper-disabled {
  cursor: not-allowed !important; }

.popup-manager .product-item {
  width: 100%;
  display: inline-flex;
  height: 32px;
  background-color: #f6f6f6;
  margin-bottom: 4px; }
  .popup-manager .product-item .product-name {
    display: block;
    width: 229px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #0c2028; }
  .popup-manager .product-item .feather-x {
    cursor: pointer;
    font-size: 20px;
    color: #647176;
    margin-top: 10px;
    margin-right: 12px;
    margin-left: auto;
    text-align: right; }

.popup-manager .popup-link-switch.ant-switch {
  float: right !important;
  margin-left: 0 !important;
  position: relative !important;
  bottom: 32px !important;
  transform: none !important; }

.popup-manager .add-link-switch {
  float: right !important;
  position: relative !important;
  top: 4px !important;
  right: auto !important; }

.popup-manager .select-link {
  margin-bottom: 8px !important; }
  .popup-manager .select-link .ant-select-selection-item .inactive {
    color: rgba(0, 0, 0, 0.25); }

.popup-manager .link-to-item .content-item {
  margin-bottom: 100px !important; }

@media (min-width: 1024px) {
  .sales-pop {
    width: 644px !important;
    margin: 0 auto !important; } }

.sales-pop .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .sales-pop .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }

.sales-pop .popup-dimension .ant-input-group-addon {
  cursor: default; }

.sales-pop .instruction {
  font-size: 12px;
  color: #a9a9a9; }

.sales-pop .ant-form-item-extra {
  font-size: 12px;
  color: #a9a9a9; }

.sales-pop .status-toggle .ant-form-item {
  margin-bottom: 0 !important; }

@media (min-width: 1024px) {
  .order-delivery-date {
    width: 644px !important;
    margin: 0 auto !important; } }

.order-delivery-date .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .order-delivery-date .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .order-delivery-date .header-buttons .b-btn,
  .order-delivery-date .header-buttons .b-btn:hover,
  .order-delivery-date .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .order-delivery-date .header-buttons .b-btn i,
    .order-delivery-date .header-buttons .b-btn:hover i,
    .order-delivery-date .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.order-delivery-date .whatsappchat-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .order-delivery-date .whatsappchat-layout .whatsappchat-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.order-delivery-date .un-form .ant-picker {
  width: -webkit-fill-available;
  width: fill-available;
  width: -moz-available; }

.order-delivery-date .ant-input-number {
  width: 100%; }

.order-delivery-date .un-form-setting .ant-form-item {
  margin-bottom: 0 !important; }

.order-delivery-date .time-intervals-table {
  overflow-x: auto; }
  .order-delivery-date .time-intervals-table .un-product-name3 {
    font-weight: bold !important; }
  .order-delivery-date .time-intervals-table .ant-table-tbody > tr > td {
    padding: 12px 12px !important; }
  .order-delivery-date .time-intervals-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .order-delivery-date .time-intervals-table table thead {
    background-color: #fafafb !important; }
  .order-delivery-date .time-intervals-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .order-delivery-date .time-intervals-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .order-delivery-date .time-intervals-table .un-text-truncate {
    font-weight: bold !important; }
  .order-delivery-date .time-intervals-table .un-light-label {
    font-size: 14px !important; }

.order-delivery-date .disabled-date-list,
.order-delivery-date .available-date-list {
  width: -webkit-fill-available;
  width: fill-available;
  width: -moz-available;
  height: 150px;
  overflow-y: scroll;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-top: 20px;
  background-color: #f9f9f9;
  padding: 4px; }
  .order-delivery-date .disabled-date-list .date-item,
  .order-delivery-date .available-date-list .date-item {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    height: 28px;
    line-height: 28px;
    background-color: #ffffff;
    color: #38484f;
    font-size: 14px;
    padding-left: 10px;
    margin: 0 0 4px;
    position: relative;
    display: inline-flex;
    justify-content: space-between; }
    .order-delivery-date .disabled-date-list .date-item button,
    .order-delivery-date .available-date-list .date-item button {
      color: transparent !important;
      background: transparent !important;
      border-color: transparent !important; }
      .order-delivery-date .disabled-date-list .date-item button .feather-trash-2.small,
      .order-delivery-date .available-date-list .date-item button .feather-trash-2.small {
        position: absolute;
        right: 7px;
        top: 6px;
        background-color: transparent;
        border: none; }
        .order-delivery-date .disabled-date-list .date-item button .feather-trash-2.small:hover,
        .order-delivery-date .available-date-list .date-item button .feather-trash-2.small:hover {
          color: #e0241a !important;
          background-color: transparent;
          border: none; }

.order-delivery-date .date-picker-label {
  color: #38484f !important; }

.date-time-interval-modal .ant-modal-body .ant-picker {
  width: -webkit-fill-available;
  width: fill-available;
  width: -moz-available; }

.date-time-interval-modal .ant-modal-body .ant-input-number {
  width: -webkit-fill-available;
  width: fill-available;
  width: -moz-available;
  border-radius: 4px; }

.date-time-interval-modal .ant-modal-body .copy {
  display: inline-flex;
  align-items: center; }
  .date-time-interval-modal .ant-modal-body .copy .ant-form-item {
    margin-bottom: 0 !important; }
  .date-time-interval-modal .ant-modal-body .copy .ant-select {
    width: 150px;
    margin: 0 16px; }

.date-time-interval-modal .ant-modal-body .range-list .ant-form-item {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }

.date-time-interval-modal .ant-modal-body .range-list .ant-table-title {
  position: absolute;
  margin-top: 4px !important;
  margin-left: 47px !important;
  background-color: #fafafb !important;
  width: 80% !important;
  padding: 0 !important; }

.date-time-interval-modal .ant-modal-body .range-list .header {
  height: 40px !important;
  background: #fafafb 0% 0% no-repeat padding-box; }

.date-time-interval-modal .ant-modal-body .range-list .header > div:first-child {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .header > div:nth-child(2) {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .header > div:nth-child(3) {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .header > div:nth-child(4) {
  width: 10% !important; }

.date-time-interval-modal .ant-modal-body .range-list .data > div:first-child {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .data > div:nth-child(2) {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .data > div:nth-child(3) {
  width: 30% !important; }

.date-time-interval-modal .ant-modal-body .range-list .data > div:nth-child(4) {
  width: 10% !important; }

.date-time-interval-modal .ant-modal-body .range-list .th-range {
  background: #fafafb 0% 0% no-repeat padding-box;
  padding: 12px;
  font-size: 12px !important;
  height: 30px;
  margin-bottom: 12px; }

.date-time-interval-modal .ant-modal-body .range-list .td-range {
  padding: 12px 12px;
  font-size: 14px !important;
  color: #0c2028;
  border-bottom: 1px solid #e5e5e5 !important; }

.date-time-interval-modal .ant-modal-body .range-list .add-range-button {
  width: 100%;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 17px;
  border: 2px dashed #e5e5e5 !important;
  border-radius: 4px !important;
  text-align: center !important;
  color: #007ce0 !important;
  text-transform: capitalize;
  cursor: pointer;
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

@media (min-width: 1024px) {
  .channel-customer {
    width: 644px !important;
    margin: 0 auto !important; } }

.channel-customer .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .channel-customer .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .channel-customer .header-buttons .b-btn,
  .channel-customer .header-buttons .b-btn:hover,
  .channel-customer .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .channel-customer .header-buttons .b-btn i,
    .channel-customer .header-buttons .b-btn:hover i,
    .channel-customer .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.channel-customer .channelcustomers-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .channel-customer .channelcustomers-layout .channelcustomers-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .autocount-sync {
    width: 713px !important;
    margin: 0 auto !important; } }

.autocount-sync .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .autocount-sync .header-buttons {
      min-width: 713px !important;
      max-width: 713px !important;
      margin: 0 auto; } }
  .autocount-sync .header-buttons .b-btn,
  .autocount-sync .header-buttons .b-btn:hover,
  .autocount-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .autocount-sync .header-buttons .b-btn i,
    .autocount-sync .header-buttons .b-btn:hover i,
    .autocount-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.autocount-sync .video-container {
  margin-bottom: 32px; }

.autocount-sync .video-container > div {
  width: 713px !important;
  height: 401px !important; }
  @media (max-width: 425px) {
    .autocount-sync .video-container > div {
      width: 100% !important;
      height: 220px !important; } }

.autocount-sync .autocount-sync-img {
  margin-bottom: 32px; }

.autocount-sync .benefits {
  padding-inline-start: 24px !important;
  margin-bottom: 32px; }

.autocount-sync .un-box-flat.pricing {
  background: none !important;
  margin-bottom: 32px !important; }
  .autocount-sync .un-box-flat.pricing .pricing-container {
    display: flex;
    align-items: center; }
    .autocount-sync .un-box-flat.pricing .pricing-container .exclusive-container {
      height: fit-content; }

.autocount-sync .contact-us {
  width: 396px;
  margin: 0 auto 20px; }
  @media (max-width: 425px) {
    .autocount-sync .contact-us {
      width: 100% !important; } }

.autocount-sync .contact-us-img {
  height: 120px;
  width: 120px;
  object-fit: contain;
  margin: 0 auto 12px; }

.autocount-sync .contact-name {
  width: fit-content;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto 5px; }
  .autocount-sync .contact-name svg {
    margin-bottom: -2px;
    margin-right: 3px; }

.autocount-sync .contact-no {
  width: fit-content;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto; }

.autocount-sync img {
  height: 100%;
  width: 100%;
  object-fit: contain; }

.instagram-feed .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .instagram-feed .header-buttons .b-btn,
  .instagram-feed .header-buttons .b-btn:hover,
  .instagram-feed .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .instagram-feed .header-buttons .b-btn i,
    .instagram-feed .header-buttons .b-btn:hover i,
    .instagram-feed .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.instagram-feed .instagram-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .instagram-feed .instagram-layout .instagram-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.instagram-feed .insta-total-posts {
  font-size: 14px !important;
  margin-top: 2% !important; }

.instagram-feed .insta-padding-text-block {
  margin-top: -10px !important;
  font-size: 12px !important; }
  .instagram-feed .insta-padding-text-block .insta-padding-text {
    color: grey !important; }

.instagram-feed #feed-preview {
  background-color: #ffffff;
  border: 0.2rem dashed #efefef;
  line-height: 0;
  margin: 1rem 0;
  min-width: 4rem;
  padding: 1rem;
  position: relative;
  top: 0;
  margin-top: 0px;
  width: 100%; }
  .instagram-feed #feed-preview #insta-loading-block {
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    background-color: #f7f4f4 !important; }
  .instagram-feed #feed-preview .insta-loading {
    display: block !important;
    z-index: 4 !important; }
  .instagram-feed #feed-preview .insta-no-loading {
    display: none !important;
    z-index: -1 !important; }
  .instagram-feed #feed-preview .insta-loading-spin {
    height: auto !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    justify-content: center !important;
    flex-direction: column !important;
    text-align: center !important;
    transform: translate(-50%, -50%) !important; }
  .instagram-feed #feed-preview .insta-spin-img {
    width: 100px !important;
    height: 100px !important; }
  .instagram-feed #feed-preview .insta-posts-block {
    display: flex !important;
    flex-wrap: wrap !important;
    border: 0 !important;
    box-sizing: border-box !important;
    font-size: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-size-adjust: 100% !important;
    vertical-align: baseline !important; }
  .instagram-feed #feed-preview .insta-post-link {
    width: 100% !important;
    height: 100% !important; }
  .instagram-feed #feed-preview .insta-post-img-block {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important; }
    .instagram-feed #feed-preview .insta-post-img-block .insta-post-img {
      object-fit: cover !important;
      width: 100% !important; }

.instagram-feed .feed-block {
  height: auto !important; }

.instagram-feed .empty-feed-block {
  height: 669.531px !important; }

.instagram-feed .img-hover-zoom-in:hover img,
.instagram-feed .img-hover-zoom-in:hover video {
  transform: scale(1.2); }

.instagram-feed .img-hover-zoom-in img,
.instagram-feed .img-hover-zoom-in video {
  transition: transform 0.5s ease-in-out; }

.instagram-feed .img-hover-zoom-out img,
.instagram-feed .img-hover-zoom-out video {
  transform: scale(1.2, 1.2);
  transition: transform 0.5s ease-in-out; }

.instagram-feed .img-hover-zoom-out:hover img,
.instagram-feed .img-hover-zoom-out:hover video {
  transform: scale(1); }

.instagram-feed .img-hover-zoom-rotate img,
.instagram-feed .img-hover-zoom-rotate video {
  transition: transform 0.5s ease-in-out; }

.instagram-feed .img-hover-zoom-rotate:hover img,
.instagram-feed .img-hover-zoom-rotate:hover video {
  transform: scale(1.5) rotate(10deg); }

.instagram-feed .feed-content {
  height: auto; }

.instagram-feed .feed-empty {
  height: 95%; }

.instagram-feed #no-feed-preview {
  background-color: #f6f6f6;
  color: #90999d;
  text-align: center;
  min-height: 37px;
  padding: 8px 0;
  height: fit-content !important; }

.instagram-feed .alert-remark {
  padding: 12px 0 !important; }
  .instagram-feed .alert-remark span {
    font-size: 12px !important;
    color: #e0241a !important;
    line-height: 14px !important; }

.instagram-login-modal {
  border-radius: 0px !important;
  height: -webkit-fill-available !important;
  width: -webkit-fill-available !important;
  width: fill-available !important;
  width: -moz-available !important; }
  .instagram-login-modal .ant-modal-content {
    border-radius: 0px !important;
    height: -webkit-fill-available !important;
    width: -webkit-fill-available !important;
    width: fill-available !important;
    width: -moz-available !important; }
  .instagram-login-modal .instagram-img-block {
    text-align: center !important;
    display: block !important;
    padding-top: 5% !important; }
  .instagram-login-modal .instagram-img {
    width: 150px !important; }
  .instagram-login-modal .login-button-row {
    margin-top: 20px !important; }
  .instagram-login-modal .login-button {
    text-align: center !important;
    display: block !important; }

.update-modal-button {
  margin-top: 24px !important;
  float: right !important; }
  .update-modal-button .update-token-button {
    margin-left: 8px !important; }

@media (min-width: 1024px) {
  .shopee-rating-setting {
    width: 816px !important;
    margin: 0 auto !important; } }

.shopee-rating-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .shopee-rating-setting .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto; } }
  .shopee-rating-setting .header-buttons .b-btn,
  .shopee-rating-setting .header-buttons .b-btn:hover,
  .shopee-rating-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .shopee-rating-setting .header-buttons .b-btn i,
    .shopee-rating-setting .header-buttons .b-btn:hover i,
    .shopee-rating-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.shopee-rating-setting .ant-form-item-extra {
  font-size: 12px;
  color: #a9a9a9; }

.shopee-rating-setting .ant-form-custom-title {
  align-self: center !important; }

.shopee-rating-setting .status-toggle .ant-form-item {
  margin-bottom: 0 !important; }

.shopee-rating-setting .store-collapse {
  border-radius: 4px;
  border: none !important; }
  .shopee-rating-setting .store-collapse .ant-collapse-header {
    height: 34px;
    line-height: 18px;
    padding: 8px 24px;
    border-radius: 4px;
    background-color: #fafafb !important;
    border: none !important; }
    .shopee-rating-setting .store-collapse .ant-collapse-header .ant-collapse-extra {
      color: #0c2028 !important;
      position: absolute;
      top: 1px;
      right: 40px;
      text-align: right; }
    .shopee-rating-setting .store-collapse .ant-collapse-header .country {
      display: flex; }
      .shopee-rating-setting .store-collapse .ant-collapse-header .country .heading {
        line-height: 19px;
        margin-left: 13px; }
  .shopee-rating-setting .store-collapse .ant-collapse-content {
    border-radius: 0 0 4px 4px;
    border-top: none !important; }
  .shopee-rating-setting .store-collapse .ant-collapse-content > .ant-collapse-content-box {
    padding: 12px 54px 0;
    background-color: #ffffff; }
    .shopee-rating-setting .store-collapse .ant-collapse-content > .ant-collapse-content-box .store {
      display: flex;
      margin-bottom: 12px; }
      .shopee-rating-setting .store-collapse .ant-collapse-content > .ant-collapse-content-box .store .body {
        line-height: 18px;
        margin-left: 13px; }
  .shopee-rating-setting .store-collapse .ant-collapse-item {
    border-bottom: none !important; }

.shopee-rating-setting .rating-table {
  overflow-x: auto; }
  .shopee-rating-setting .rating-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .shopee-rating-setting .rating-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .shopee-rating-setting .rating-table table thead {
    background-color: #fafafb !important; }
  .shopee-rating-setting .rating-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .shopee-rating-setting .rating-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .shopee-rating-setting .rating-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }

@media (min-width: 1024px) {
  .webstore-decoration {
    width: 816px !important;
    margin: 0 auto !important; } }

.webstore-decoration .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .webstore-decoration .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto; } }
  .webstore-decoration .header-buttons .b-btn,
  .webstore-decoration .header-buttons .b-btn:hover,
  .webstore-decoration .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .webstore-decoration .header-buttons .b-btn i,
    .webstore-decoration .header-buttons .b-btn:hover i,
    .webstore-decoration .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.webstore-decoration .webstore-tabs .webstore-card {
  background: none !important;
  border: none !important;
  border-radius: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card.theme .ant-tabs-content {
    border-radius: 0 12px 12px 12px; }
  .webstore-decoration .webstore-tabs .webstore-card .ant-tabs-bar {
    position: absolute;
    height: 49px !important;
    border-bottom: none !important; }
  .webstore-decoration .webstore-tabs .webstore-card .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: 49px !important;
    border-bottom: none !important; }
  .webstore-decoration .webstore-tabs .webstore-card .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-bottom: none !important;
    height: 49px !important;
    padding: 16px 20px;
    border-radius: 12px 12px 0 0; }
  .webstore-decoration .webstore-tabs .webstore-card .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    height: 49px !important;
    padding: 16px 20px;
    border-radius: 12px 12px 0 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .ant-tabs-content {
    margin-top: 48px;
    color: #0c2028;
    font-size: 14px !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 24px !important;
    border-radius: 12px 12px 12px 12px; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-action .primary-btn {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 20px; }
  .webstore-decoration .webstore-tabs .webstore-card .sketch-picker {
    position: absolute;
    top: 30%;
    left: 60%; }
  .webstore-decoration .webstore-tabs .webstore-card .theme-pane {
    margin-bottom: 32px; }
    .webstore-decoration .webstore-tabs .webstore-card .theme-pane .navbar {
      cursor: pointer;
      position: absolute;
      top: 89px !important;
      left: 22px !important;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 80px;
      padding-right: 80px;
      width: 377.68px;
      height: 24.12px;
      text-align: center;
      background-color: var(--menu-color) !important; }
      .webstore-decoration .webstore-tabs .webstore-card .theme-pane .navbar .navbar-item {
        line-height: 24.12px;
        font-size: 11px;
        padding-left: 12px;
        padding-right: 12px;
        color: var(--menu-text-color) !important; }
    .webstore-decoration .webstore-tabs .webstore-card .theme-pane .desktop-view {
      width: 395.62px;
      height: 244.18px; }
    .webstore-decoration .webstore-tabs .webstore-card .theme-pane .mobile-view {
      width: 151.12px;
      height: 265px;
      margin-left: 56%; }
    .webstore-decoration .webstore-tabs .webstore-card .theme-pane .action-btn {
      cursor: pointer;
      position: absolute;
      bottom: 7px !important;
      left: 262px !important;
      padding-top: 8px;
      padding-bottom: 0;
      width: 137.16px;
      height: 33.97px;
      border-radius: 3.79px;
      text-align: center;
      font-size: 11.98px;
      background-color: var(--button-color) !important;
      color: var(--button-text-color) !important; }
      .webstore-decoration .webstore-tabs .webstore-card .theme-pane .action-btn .feather-shopping-bag {
        font-size: 13px;
        color: var(--button-text-color) !important;
        margin-right: 4px; }
    .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container {
      width: fit-content;
      width: -moz-fit-content;
      margin: auto;
      text-align: left; }
      .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane {
        width: 171px;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 0;
        margin-bottom: 24px;
        display: inline-flex; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.menuColor .color-box {
          background-color: var(--menu-color) !important; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.menuTextColor .color-box {
          background-color: var(--menu-text-color) !important; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.buttonColor .color-box {
          background-color: var(--button-color) !important; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.buttonTextColor .color-box {
          background-color: var(--button-text-color) !important; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-box {
          width: 33px;
          height: 33px !important;
          border-right: 1px solid #e5e5e5;
          border-radius: 4px 0 0 4px; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-code {
          padding-left: 12px;
          color: #0c2028;
          font-size: 14px;
          padding: 5px 12px;
          text-transform: uppercase; }
        .webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-remove {
          color: #707070;
          height: 33px;
          font-size: 20px;
          padding: 5px;
          margin-left: auto;
          margin-right: 0; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo-title {
    height: 17px;
    font-size: 14px;
    line-height: 17px;
    color: #38484f;
    margin-bottom: 4px; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo-desc {
    font-size: 12px;
    color: #647176;
    margin-top: 0;
    margin-bottom: auto; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-list-picture-card .ant-upload-list-item,
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-list-picture-card-container {
    width: 64px !important;
    height: 64px !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-picture-card-wrapper {
    display: inline-block;
    width: 64px !important;
    height: 64px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload.ant-upload.ant-upload-select-picture-card {
    margin: 0 64px 0 0 !important;
    width: 64px !important;
    height: 64px !important;
    border: 1px dashed #007ce0 !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload.ant-upload-select-picture-card > .ant-upload {
    padding: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .upload-placeholder {
    padding-top: 15px !important;
    width: 64px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .hvrbox {
    width: 64px !important;
    height: 64px !important; }
    .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .hvrbox img {
      object-fit: contain; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-list-picture-card .ant-upload-list-item,
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-list-picture-card-container {
    width: 224px !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-picture-card-wrapper {
    display: inline-block;
    width: 224px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload.ant-upload-select-picture-card {
    margin: 0 !important;
    width: 224px !important;
    height: 112px !important;
    border: 1px dashed #007ce0 !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
    padding: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .upload-placeholder {
    padding-top: 8% !important;
    width: 224px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .hvrbox {
    width: 224px !important;
    height: 112px !important; }
    .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .hvrbox img {
      object-fit: contain; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card .ant-upload-list-item,
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card-container {
    width: 400px !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-picture-card-wrapper {
    display: inline-block;
    width: inherit; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload.ant-upload-select-picture-card {
    margin: 0 0 20px 0 !important;
    width: 400px !important;
    height: 155px !important;
    border: 1px dashed #007ce0 !important;
    border-radius: 4px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload.ant-upload-select-picture-card > .ant-upload {
    padding: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .upload-placeholder {
    padding-top: 11% !important;
    width: 400px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .hvrbox {
    width: 400px !important;
    height: 155px !important; }
    .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .hvrbox img {
      object-fit: contain; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card-container {
    width: 400px !important;
    height: 155px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card .ant-upload-list-item {
    width: 400px !important;
    height: 155px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper {
    height: 41px;
    width: 336px;
    border-radius: 4px; }
    .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper span.anticon {
      width: 40px !important;
      color: #0c2028; }
    .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper .anticon {
      font-size: 20px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper > input.ant-input {
    margin-top: 1px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-search-icon::after {
    width: 40px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-search-icon::before {
    right: 30px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
    height: 41px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input
.ant-custom-select-sorting {
    margin-top: 1px;
    height: 37px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-item
.ant-custom-select-sorting {
    line-height: 40px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder
.ant-custom-select-sorting {
    line-height: 40px;
    color: #90999d; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
    padding-left: 70px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .sort-by {
    left: 23px;
    top: 10px;
    z-index: 1;
    position: absolute;
    width: max-content;
    color: #90999d; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table table {
    border: none !important;
    box-shadow: none !important;
    overflow-x: auto; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products table thead {
    background-color: #fafafb !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-tbody > tr > td {
    padding: 16px 12px;
    vertical-align: top !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .un-cursor-drag td.ant-table-selection-column::before {
    content: url("https://api.iconify.design/feather:menu.svg?color=%230C2028&height=16px") !important;
    margin-top: 10px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .product-quantity {
    padding: 8px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .primary-i-btn {
    margin-left: auto;
    margin-right: 0; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-checkbox-wrapper {
    display: none; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-table-tbody > tr > td {
    padding: 16px 12px;
    vertical-align: middle !important;
    color: #0c2028 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item {
    padding: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-avatar {
    width: 56px;
    height: 56px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .un-row-product img {
    height: 56px;
    width: 56px;
    border-radius: 6px;
    margin-left: -1px; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-title {
    margin-bottom: 4px;
    color: #0c2028;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    height: 33.6px;
    margin-bottom: 0 !important; }
  .webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-description {
    margin-top: 8px;
    height: 17px; }

.searchFeaturedProductModal .ant-modal-body .ant-list-item {
  padding: 0 !important; }

.searchFeaturedProductModal .ant-modal-body .ant-list-item-meta-avatar {
  width: 56px;
  height: 56px; }

.searchFeaturedProductModal .ant-modal-body .ant-table table {
  border: none !important;
  box-shadow: none !important;
  overflow-x: auto; }

.searchFeaturedProductModal .ant-modal-body table thead {
  background-color: #fafafb !important; }

.searchFeaturedProductModal .ant-modal-body .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.searchFeaturedProductModal .ant-modal-body .ant-table-thead > tr > th {
  border-bottom: none !important; }

.searchFeaturedProductModal .ant-modal-body .ant-table-tbody > tr > td {
  padding: 16px 12px;
  vertical-align: top !important; }

.searchFeaturedProductModal .ant-modal-body .unicart-filter {
  margin-top: 0 !important; }

.searchFeaturedProductModal .ant-modal-body .search-form .un-filter-value {
  width: 420px; }

.searchFeaturedProductModal .ant-modal-body .ant-select-selection-item {
  font-weight: normal !important; }

.shopee-rating .channel-list-tab {
  margin-left: unset !important;
  margin-right: unset !important; }

.shopee-rating .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .shopee-rating .header-buttons .b-btn,
  .shopee-rating .header-buttons .b-btn:hover,
  .shopee-rating .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .shopee-rating .header-buttons .b-btn i,
    .shopee-rating .header-buttons .b-btn:hover i,
    .shopee-rating .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.shopee-rating .unicart-marketplacelist {
  margin-top: 0; }
  .shopee-rating .unicart-marketplacelist .btn-store {
    text-transform: unset !important; }

.shopee-rating .product-rate {
  margin-bottom: 8px; }
  .shopee-rating .product-rate .ant-rate {
    font-size: 20px;
    color: #ffae4c; }
    .shopee-rating .product-rate .ant-rate .ant-rate-star {
      margin-right: 2px; }

.shopee-rating .unicart-table .ant-tabs {
  width: 100% !important;
  border-bottom: none !important; }

.shopee-rating .setting-btn {
  height: 30px !important; }

.shopee-rating .bulk-btn .sec-split-btn {
  display: inline-flex;
  align-items: center; }

.shopee-rating .header-buttons .d-inline-flex {
  align-items: center;
  gap: 8px; }

@media (min-width: 1024px) {
  .review-details {
    width: 644px !important;
    margin: 0 auto !important; } }

.review-details .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .review-details .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .review-details .header-buttons .b-btn,
  .review-details .header-buttons .b-btn:hover,
  .review-details .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .review-details .header-buttons .b-btn i,
    .review-details .header-buttons .b-btn:hover i,
    .review-details .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.review-details .review-status {
  display: inline-flex; }
  .review-details .review-status .body.set {
    vertical-align: middle;
    line-height: 25px;
    margin-right: 16px; }

.review-details .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.review-details .product-detail .ant-list-item {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.review-details .product-review {
  width: 100%;
  display: inline-flex; }
  .review-details .product-review .body.set.bold {
    width: fit-content;
    width: -moz-fit-content; }
  .review-details .product-review .body.set-lightest {
    font-style: italic;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: 0; }

.review-details .product-rate {
  margin-bottom: 8px; }
  .review-details .product-rate .ant-rate {
    font-size: 20px;
    color: #ffae4c; }
    .review-details .product-rate .ant-rate .ant-rate-star {
      margin-right: 2px; }

.review-details .review-comment {
  word-wrap: break-word; }

.review-details .review-image .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px;
  margin-right: 12px; }

@media (min-width: 1024px) {
  .product-label {
    width: 644px !important;
    margin: 0 auto !important; } }

.product-label .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .product-label .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .product-label .header-buttons .b-btn,
  .product-label .header-buttons .b-btn:hover,
  .product-label .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .product-label .header-buttons .b-btn i,
    .product-label .header-buttons .b-btn:hover i,
    .product-label .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.product-label .product-label-actions {
  display: inline-flex !important;
  margin-bottom: 20px; }
  .product-label .product-label-actions .outline-btn,
  .product-label .product-label-actions .outline-btn:hover,
  .product-label .product-label-actions .outline-btn:focus {
    margin-left: auto;
    margin-right: 16px;
    background: none !important; }
  .product-label .product-label-actions .primary-i-btn {
    margin-left: 0;
    margin-right: 0; }

.product-label .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.product-label .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.product-label .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.product-label .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.product-label .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

@media (max-width: 425px) {
  .new-product-label .un-form-setting .ant-form-item {
    flex-direction: unset !important; } }

.new-product-label .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .new-product-label .header-buttons .b-btn,
  .new-product-label .header-buttons .b-btn:hover,
  .new-product-label .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-product-label .header-buttons .b-btn i,
    .new-product-label .header-buttons .b-btn:hover i,
    .new-product-label .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-product-label .ant-upload-picture-card-wrapper {
  width: unset; }

.new-product-label .ant-upload.ant-upload-select-picture-card {
  margin: 0; }

.new-product-label .upload-placeholder {
  padding-top: 35% !important;
  width: 115px !important;
  height: 115px !important; }
  .new-product-label .upload-placeholder i {
    font-size: 32px; }

.new-product-label .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.new-product-label .ant-upload:hover {
  border-color: #007ce0 !important; }

.new-product-label .ant-upload-drag-icon img {
  object-fit: contain !important; }

.new-product-label .search-form .un-filter-value {
  height: 41px !important;
  width: 336px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  @media (max-width: 1024px) {
    .new-product-label .search-form .un-filter-value {
      width: 100% !important; } }

.new-product-label .ant-radio-group.display span.ant-radio + * {
  padding-right: 8px;
  padding-left: 16px; }

.new-product-label .ant-radio-group.label-shape span.ant-radio + * {
  padding-right: 8px;
  padding-left: 16px; }

.new-product-label .ant-radio-group.label-shape .ant-radio {
  height: fit-content; }

.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper {
  display: flex !important; }
  .new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .circle {
    width: 82px !important;
    height: 82px !important;
    border: 1px solid #707070 !important;
    border-radius: 50%; }
  .new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .rectangle {
    width: 82px !important;
    height: 29px !important;
    border: 1px solid #707070 !important; }
  .new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .triangle {
    position: relative;
    width: 82px !important;
    height: 82px !important;
    border: 1px solid #707070 !important;
    border-left: none !important;
    border-bottom: none !important; }
    .new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .triangle .diagonal-line {
      position: absolute;
      border-bottom: 1px solid #707070;
      width: 116px;
      transform: rotate(45deg);
      transform-origin: top left;
      top: -1px;
      left: 0px; }

.new-product-label .ant-radio-group.position {
  display: inline-flex;
  width: 189px !important;
  margin-left: 0 !important; }
  .new-product-label .ant-radio-group.position span.ant-radio + * {
    padding-right: 0;
    padding-left: 0; }
  .new-product-label .ant-radio-group.position .ant-radio-wrapper {
    width: 63px !important;
    height: 63px !important;
    display: inline-flex;
    margin-right: 0;
    padding-right: 0 !important;
    padding-left: 0 !important; }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper .ant-radio {
      display: none !important; }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper .position-box {
      width: 63px !important;
      height: 63px !important;
      border: 1px solid #707070 !important;
      background-color: #ffffff !important; }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(2) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(8) .position-box {
      border-left: none !important;
      border-right: none !important; }
      @media (max-width: 425px) {
        .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(2) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(8) .position-box {
          border-left: 1px solid #707070 !important; } }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(4) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(6) .position-box {
      border-top: none !important;
      border-bottom: none !important; }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(5) .position-box {
      border: none !important; }
      @media (max-width: 425px) {
        .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(5) .position-box {
          border-left: 1px solid #707070 !important; } }
  .new-product-label .ant-radio-group.position .ant-radio-wrapper-checked .position-box {
    background-color: #5acc5a !important; }
  .new-product-label .ant-radio-group.position .ant-radio-wrapper-disabled {
    cursor: not-allowed; }
    .new-product-label .ant-radio-group.position .ant-radio-wrapper-disabled .position-box {
      background-color: #d4d4d4 !important; }

.new-product-label .ant-form-item.text-format {
  margin-bottom: 0 !important; }

.new-product-label .webstore-table .ant-list-item-meta-title {
  line-height: 20px !important;
  height: unset !important; }

.new-product-label .webstore-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.new-product-label .webstore-table .ant-list-item-meta-avatar {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 6px !important; }

.new-product-label .webstore-table .un-row-product img {
  height: 42px;
  width: 42px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.new-product-label .webstore-table .ant-table-tbody > tr > td {
  padding: 10px 12px !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.new-product-label .webstore-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.new-product-label .webstore-table table thead {
  background-color: #fafafb !important; }

.new-product-label .webstore-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.new-product-label .webstore-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.new-product-label .webstore-table .un-text-truncate {
  font-weight: bold !important; }

.new-product-label .webstore-table .un-light-label {
  font-size: 14px !important; }

.new-product-label .webstore-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

.webstore-product-modal .modal-filter .search-form {
  display: block !important; }

.webstore-product-modal .btn-productlist {
  display: flex;
  margin-bottom: 20px; }
  .webstore-product-modal .btn-productlist .btn-product {
    font-size: 14px;
    line-height: 17px;
    height: 33px;
    padding: 7px 16px 8px 16px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    color: #0c2028 !important;
    border-radius: 60px;
    letter-spacing: 0px; }
    .webstore-product-modal .btn-productlist .btn-product + .btn-product {
      margin-left: 10px; }
    .webstore-product-modal .btn-productlist .btn-product.active {
      color: #5acc5a !important;
      border-color: #5acc5a !important;
      background-color: #ffffff; }

.webstore-product-modal .product-table table tbody tr td {
  vertical-align: top !important; }

.webstore-product-modal .product-table .ant-list-item {
  padding: 0 !important; }

.webstore-product-modal .product-table .ant-list-item-meta {
  padding-top: 1px !important; }

.webstore-product-modal .product-table .ant-list-item-meta-avatar {
  width: 56px;
  height: 56px; }

.webstore-product-modal .product-table .ant-list-item-meta-description {
  padding-left: 0; }

.webstore-product-modal .product-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.webstore-product-modal .product-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.webstore-product-modal .product-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.webstore-product-modal .product-table table thead {
  background-color: #fafafb !important; }

.webstore-product-modal .product-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.webstore-product-modal .product-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.webstore-product-modal .product-table .desc {
  line-height: 15px !important; }

.webstore-product-modal .product-table .un-light-label-text {
  color: #647176 !important;
  font-size: 12px !important; }

.webstore-product-modal .ant-pagination-options-size-changer.ant-select {
  display: none; }

.preferences .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .preferences .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .preferences .header-buttons .b-btn,
  .preferences .header-buttons .b-btn:hover,
  .preferences .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .preferences .header-buttons .b-btn i,
    .preferences .header-buttons .b-btn:hover i,
    .preferences .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.preferences .webstorePreferences .un-section-title {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 32px !important; }

.preferences .webstorePreferences .favicon .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .webstorePreferences .favicon .ant-upload-list-picture-card-container {
  width: 62px !important;
  height: 62px !important;
  border-radius: 4px !important;
  margin-top: 16px; }

.preferences .webstorePreferences .favicon .ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 62px !important;
  height: 62px !important; }

.preferences .webstorePreferences .favicon .ant-upload.ant-upload.ant-upload-select-picture-card {
  margin: 0 62px 0 0 !important;
  width: 62px !important;
  height: 62px !important;
  border: 1px dashed #007ce0 !important;
  border-radius: 4px !important; }

.preferences .webstorePreferences .favicon .ant-upload.ant-upload-select-picture-card > .ant-upload {
  padding: 0 !important; }

.preferences .webstorePreferences .favicon .upload-placeholder {
  padding-top: 15px !important;
  width: 62px !important; }

.preferences .webstorePreferences .favicon .hvrbox {
  width: 62px !important;
  height: 62px !important; }
  .preferences .webstorePreferences .favicon .hvrbox img {
    object-fit: contain; }

.preferences .webstorePreferences .logo .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .webstorePreferences .logo .ant-upload-list-picture-card-container {
  width: 115px !important;
  border-radius: 4px !important;
  margin-top: 16px; }

.preferences .webstorePreferences .logo .ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 115px !important; }

.preferences .webstorePreferences .logo .ant-upload.ant-upload-select-picture-card {
  margin: 0 !important;
  width: 115px !important;
  height: 115px !important;
  border: 1px dashed #007ce0 !important;
  border-radius: 4px !important; }

.preferences .webstorePreferences .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
  padding: 0 !important; }

.preferences .webstorePreferences .logo .upload-placeholder {
  padding-top: 34% !important;
  width: 115px !important; }

.preferences .webstorePreferences .logo .hvrbox {
  width: 115px !important;
  height: 115px !important; }
  .preferences .webstorePreferences .logo .hvrbox img {
    object-fit: contain; }

.preferences .webstorePreferences .address-fields .ant-form-item {
  margin-bottom: 12px !important; }

.preferences .webstorePreferences .html-embed.ant-form-item {
  margin-bottom: 12px !important; }

.preferences .webstorePreferences .google-map-container {
  height: fit-content; }
  .preferences .webstorePreferences .google-map-container .html-preview {
    height: 200px !important;
    text-align: center;
    background-color: #fafafb !important; }
  .preferences .webstorePreferences .google-map-container iframe {
    border: 0 !important;
    width: -webkit-fill-available !important;
    border-radius: 4px !important;
    border: 1px solid #d4d4d4 !important; }

.preferences .webstorePreferences .business-hour-switch {
  display: inline-flex;
  width: -webkit-fill-available; }
  .preferences .webstorePreferences .business-hour-switch span {
    line-height: 25px;
    font-size: 14px;
    color: #38484f; }
  .preferences .webstorePreferences .business-hour-switch .day {
    width: 120px !important; }
    .preferences .webstorePreferences .business-hour-switch .day .ant-checkbox-wrapper {
      margin-right: 16px !important; }
  .preferences .webstorePreferences .business-hour-switch .ant-switch {
    margin-right: 32px; }

.preferences .webstorePreferences .business-hours-time-range .ant-picker {
  width: 195px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  margin: 0 10px; }
  .preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-range-separator {
    padding: 0 4px; }
    .preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-range-separator .anticon-swap-right {
      content: url("https://api.iconify.design/feather:minus.svg?color=%230C2028&height=14px");
      vertical-align: -0.125em; }
  .preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-suffix {
    margin-top: 4px; }
    .preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-suffix .feather-clock {
      font-size: 20px;
      color: #90999d; }

.preferences .webstorePreferences .business-hour-preview {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-bottom: 20px; }
  .preferences .webstorePreferences .business-hour-preview .days {
    width: 70px !important;
    margin-right: 4px; }
  .preferences .webstorePreferences .business-hour-preview .time {
    margin-left: 4px; }

@media (min-width: 1024px) {
  .menu-management {
    width: 816px !important;
    margin: 0 auto !important; } }

.menu-management .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .menu-management .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto; } }
  .menu-management .header-buttons .b-btn,
  .menu-management .header-buttons .b-btn:hover,
  .menu-management .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .menu-management .header-buttons .b-btn i,
    .menu-management .header-buttons .b-btn:hover i,
    .menu-management .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.menu-management .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.menu-management .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.menu-management .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.menu-management .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.menu-management .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

@media (min-width: 1024px) {
  .new-menu-set {
    width: 644px !important;
    margin: 0 auto !important; } }

.new-menu-set .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .new-menu-set .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .new-menu-set .header-buttons .b-btn,
  .new-menu-set .header-buttons .b-btn:hover,
  .new-menu-set .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-menu-set .header-buttons .b-btn i,
    .new-menu-set .header-buttons .b-btn:hover i,
    .new-menu-set .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-menu-set span.ant-radio + * {
  line-height: 29px !important; }

.new-menu-set .blue-capsule-btn {
  cursor: pointer !important;
  margin-bottom: 12px !important; }

.new-menu-set .ant-list-item {
  height: 41px;
  align-items: baseline;
  background-color: #f6f6f6;
  border-bottom: none !important;
  margin-bottom: 4px;
  padding: 12px !important; }
  .new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
    line-height: 1.2;
    font-size: 14px;
    font-weight: bold;
    color: #0c2028; }
    .new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions {
      width: 80px !important;
      margin-right: 0;
      margin-left: auto; }
      .new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-plus {
        cursor: pointer !important;
        line-height: 0.9;
        font-size: 20px;
        color: #007ce0;
        margin-right: 12px; }
      .new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-edit-3 {
        cursor: pointer !important;
        line-height: 0.9;
        font-size: 20px;
        color: #007ce0;
        margin-right: 12px; }
      .new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-x {
        cursor: pointer !important;
        line-height: 0.9;
        font-size: 20px;
        color: #647176; }
  .new-menu-set .ant-list-item .ant-list-item-meta::before {
    content: url("data:image/svg+xml;charset=utf-8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8.98' cy='2.49' r='1.4' fill='gray'/><circle cx='8.98' cy='8.86' r='1.4' fill='gray'/><circle cx='8.98' cy='15.23' r='1.4' fill='gray'/><circle cx='15.02' cy='2.4' r='1.4' fill='gray'/><circle cx='15.02' cy='8.77' r='1.4' fill='gray'/><circle cx='15.02' cy='15.14' r='1.4' fill='gray'/></svg>");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: center;
    cursor: -webkit-grab;
    cursor: grab;
    z-index: 1;
    width: 20px;
    height: 15px;
    margin-right: 4px; }
  .new-menu-set .ant-list-item .ant-select-selector {
    padding-left: 4px !important; }

.new-menu-set .menu-items {
  display: inline-flex;
  padding: 5px;
  border: 1px solid #edefef;
  border-radius: 2px;
  margin: 2px 0;
  background-color: #edefef; }
  .new-menu-set .menu-items .menu-title {
    color: black;
    font-weight: bold; }
  .new-menu-set .menu-items .menu-actions {
    width: 80px !important;
    margin-right: 0;
    margin-left: auto; }
    .new-menu-set .menu-items .menu-actions .feather-edit-3 {
      cursor: pointer !important;
      line-height: 1.1;
      font-size: 20px;
      color: #007ce0;
      margin-left: 5px;
      margin-right: 12px; }
    .new-menu-set .menu-items .menu-actions .feather-x {
      cursor: pointer !important;
      line-height: 1.1;
      font-size: 20px;
      color: #647176; }

@media (min-width: 1024px) {
  .page-management {
    width: 816px !important;
    margin: 0 auto !important; } }

.page-management .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .page-management .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto; } }
  .page-management .header-buttons .b-btn,
  .page-management .header-buttons .b-btn:hover,
  .page-management .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .page-management .header-buttons .b-btn i,
    .page-management .header-buttons .b-btn:hover i,
    .page-management .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.page-management .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.page-management .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.page-management .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.page-management .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.page-management .unicart-search .search-form {
  margin-bottom: 20px !important; }
  .page-management .unicart-search .search-form .un-filter-value {
    height: 41px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }

.page-management .ant-input-search {
  height: 41px; }

.page-management .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

@media (min-width: 1024px) {
  .new-menu-page {
    min-width: 816px !important;
    max-width: 1344px !important;
    margin: 0 auto !important; } }

.new-menu-page .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .new-menu-page .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .new-menu-page .header-buttons .b-btn,
  .new-menu-page .header-buttons .b-btn:hover,
  .new-menu-page .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-menu-page .header-buttons .b-btn i,
    .new-menu-page .header-buttons .b-btn:hover i,
    .new-menu-page .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-menu-page .page-builder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #e7e3e3;
  min-height: 200px;
  width: 100%;
  margin: auto;
  cursor: pointer;
  color: #007ce0; }
  .new-menu-page .page-builder img {
    width: 120px;
    height: 120px;
    margin-bottom: 10px; }

.new-menu-page .content-type {
  width: fit-content !important;
  height: fit-content !important;
  line-height: 40px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  margin-right: 20px !important;
  padding: 6px 12px !important;
  cursor: pointer; }
  .new-menu-page .content-type img {
    width: 40px;
    height: 40px; }
  .new-menu-page .content-type span {
    margin-left: 5px; }
  .new-menu-page .content-type.active {
    position: relative;
    border-color: #5acc5a !important;
    color: #5acc5a !important;
    background-color: #ffffff !important; }
    .new-menu-page .content-type.active .feather-check {
      display: block !important;
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: #5acc5a;
      color: #ffffff;
      font-size: 10px;
      border-bottom-right-radius: 4px; }
    .new-menu-page .content-type.active .arrow-left {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #5acc5a; }
    .new-menu-page .content-type.active .arrow-up {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #5acc5a; }

.new-menu-page .content-editor .fr-wrapper {
  min-height: 200px; }

.new-menu-page .seo .seo-detail {
  background-color: #fafafb;
  border-radius: 4px;
  padding: 20px 24px;
  margin-bottom: 20px; }
  .new-menu-page .seo .seo-detail span {
    word-break: break-all !important; }

.new-menu-page .seo .seo-url .ant-input-group-addon:first-child {
  background-color: #f6f6f6 !important;
  color: #90999d !important; }

.new-menu-page .seo .seo-url .ant-input-group > .ant-input:last-child,
.new-menu-page .seo .seo-url .ant-input-group-addon:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.blog-post .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .blog-post .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .blog-post .header-buttons .b-btn,
  .blog-post .header-buttons .b-btn:hover,
  .blog-post .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .blog-post .header-buttons .b-btn i,
    .blog-post .header-buttons .b-btn:hover i,
    .blog-post .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.blog-post .unicart-filter {
  margin-top: 0 !important;
  display: flex; }
  .blog-post .unicart-filter .search-form .un-filter-value {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .blog-post .unicart-filter .outline-btn {
    margin-left: auto;
    margin-right: 16px; }
  .blog-post .unicart-filter .primary-i-btn {
    margin-left: 0;
    margin-right: 0; }

.blog-post .blog-post-listing .ant-table-row {
  word-wrap: break-word !important;
  word-break: break-word !important; }

.blog-post .blog-post-listing .status-tag.draft {
  color: #323f47;
  height: 18px;
  font-size: 12px;
  font-weight: normal !important;
  line-height: 18px;
  background: #d0f4ff;
  border-color: #8ed7ff;
  border-radius: 4px; }

.blog-post .blog-post-listing .status-tag.scheduled {
  color: #0c2028;
  border-color: #f9e477;
  background-color: #fff5c4;
  text-transform: unset !important; }

.blog-post .blog-post-listing .status-tag.published {
  color: #323f47;
  border-color: #bcefb9;
  background-color: #f3fff3; }

.blog-post .unicart-table .ant-table-tbody > tr > td {
  vertical-align: top !important;
  padding: 24px 16px !important; }

.blog-post .ant-input-search {
  height: 41px; }

.blog-post .ant-list-item {
  padding: 0 !important; }
  .blog-post .ant-list-item .ant-list-item-meta-avatar {
    margin-right: 0;
    width: 84px;
    height: 43px;
    border-radius: 6px !important; }
    .blog-post .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
      height: 43px;
      width: 84px;
      border: 1px solid #e5e5e5;
      border-radius: 6px !important;
      margin-left: -1px; }

@media (min-width: 1024px) {
  .blog-categories {
    width: 816px !important;
    margin: 0 auto !important; } }

.blog-categories .search-form .un-filter-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.blog-categories .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.blog-categories .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.blog-categories .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.blog-categories .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.blog-categories .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .blog-categories .header-buttons .b-btn,
  .blog-categories .header-buttons .b-btn:hover,
  .blog-categories .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .blog-categories .header-buttons .b-btn i,
    .blog-categories .header-buttons .b-btn:hover i,
    .blog-categories .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.blog-categories .unicart-filter {
  margin-top: 0 !important; }

.blog-categories .unicart-table .ant-table-thead > tr > th:first-child {
  padding-left: 40px !important; }

.blog-categories .unicart-table .ant-table-tbody > tr > td {
  vertical-align: middle !important; }

.blog-categories .unicart-table .ant-table-tbody > tr > td:first-child {
  padding-left: 40px !important; }

.blog-categories .unicart-table .un-cursor-drag td:first-child:before {
  content: url("data:image/svg+xml;charset=utf-8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8.98' cy='2.49' r='1.4' fill='gray'/><circle cx='8.98' cy='8.86' r='1.4' fill='gray'/><circle cx='8.98' cy='15.23' r='1.4' fill='gray'/><circle cx='15.02' cy='2.4' r='1.4' fill='gray'/><circle cx='15.02' cy='8.77' r='1.4' fill='gray'/><circle cx='15.02' cy='15.14' r='1.4' fill='gray'/></svg>");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: center;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1;
  width: 20px;
  height: 15px;
  position: absolute;
  left: 8px;
  top: 16px !important; }

.new-post .header-buttons {
  width: 100% !important;
  top: 7px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .new-post .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .new-post .header-buttons .b-btn,
  .new-post .header-buttons .b-btn:hover,
  .new-post .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-post .header-buttons .b-btn i,
    .new-post .header-buttons .b-btn:hover i,
    .new-post .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .new-post .header-buttons .list-inline-item {
    margin-right: 0 !important; }
  .new-post .header-buttons .outline-btn,
  .new-post .header-buttons .outline-btn:focus,
  .new-post .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }
    @media (max-width: 1024px) {
      .new-post .header-buttons .outline-btn,
      .new-post .header-buttons .outline-btn:focus,
      .new-post .header-buttons .outline-btn:hover {
        margin-bottom: 0 !important;
        margin-right: 16px !important; } }

.new-post .pg-title:not(h2) {
  align-items: flex-start; }

@media (max-width: 1024px) {
  .new-post .outline-btn,
  .new-post .outline-btn:focus,
  .new-post .outline-btn:hover {
    margin-bottom: 0 !important;
    margin-right: 16px !important; } }

.new-post .schedule {
  border: 1px solid #d4d4d4 !important;
  background: none !important;
  line-height: 32px;
  font-size: 14px;
  padding: 0 12px;
  border-radius: 4px;
  color: #647176;
  margin-right: 16px; }
  .new-post .schedule .anticon-close {
    font-size: 12px !important;
    color: #0c2028 !important; }

.new-post .ant-form-vertical .ant-form-item {
  display: block !important; }

.new-post .main-image .ant-upload-list-picture-card .ant-upload-list-item,
.new-post .main-image .ant-upload-list-picture-card-container {
  width: 544px !important;
  height: 256px;
  border-radius: 4px !important; }
  @media (max-width: 1024px) {
    .new-post .main-image .ant-upload-list-picture-card .ant-upload-list-item,
    .new-post .main-image .ant-upload-list-picture-card-container {
      width: 100% !important; } }

.new-post .main-image .ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 544px !important; }
  @media (max-width: 1024px) {
    .new-post .main-image .ant-upload-picture-card-wrapper {
      width: 100% !important; } }

.new-post .main-image .ant-upload.ant-upload-select-picture-card {
  margin: 0 !important;
  width: 544px !important;
  height: 277px !important;
  border: 1px dashed #007ce0 !important;
  border-radius: 4px !important; }
  @media (max-width: 1024px) {
    .new-post .main-image .ant-upload.ant-upload-select-picture-card {
      width: 100% !important; } }

.new-post .main-image .ant-upload.ant-upload-select-picture-card > .ant-upload {
  padding: 0 !important; }

.new-post .main-image .upload-placeholder {
  padding-top: 22% !important;
  width: 544px !important; }
  @media (max-width: 1024px) {
    .new-post .main-image .upload-placeholder {
      padding-top: 34% !important;
      width: 100% !important; } }

.new-post .main-image .hvrbox {
  width: 544px !important;
  height: 277px !important; }
  .new-post .main-image .hvrbox img {
    object-fit: contain; }
  @media (max-width: 1024px) {
    .new-post .main-image .hvrbox {
      width: 100% !important; } }

@media (max-width: 1024px) {
  .new-post .related-post-table {
    overflow-x: auto !important; } }

.new-post .related-post-table .ant-table-placeholder > td {
  padding: 16px !important; }
  .new-post .related-post-table .ant-table-placeholder > td:before {
    content: none !important; }

.new-post .related-post-table .ant-table table {
  border: none !important; }

.new-post .related-post-table .ant-table-thead > tr > th:first-child {
  padding-left: 40px !important; }

.new-post .related-post-table .ant-table-thead > tr > th {
  padding: 9px 16px !important;
  border: none !important;
  background-color: #fafafb !important; }

.new-post .related-post-table .ant-table-tbody > tr > td {
  vertical-align: top !important;
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important; }
  .new-post .related-post-table .ant-table-tbody > tr > td .feather-x {
    font-size: 20px !important;
    cursor: pointer !important; }

.new-post .related-post-table .ant-table-tbody > tr > td:first-child {
  padding-left: 40px !important; }

.new-post .related-post-table .ant-table-tbody > tr > td:first-child:before {
  content: url("data:image/svg+xml;charset=utf-8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8.98' cy='2.49' r='1.4' fill='gray'/><circle cx='8.98' cy='8.86' r='1.4' fill='gray'/><circle cx='8.98' cy='15.23' r='1.4' fill='gray'/><circle cx='15.02' cy='2.4' r='1.4' fill='gray'/><circle cx='15.02' cy='8.77' r='1.4' fill='gray'/><circle cx='15.02' cy='15.14' r='1.4' fill='gray'/></svg>");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: center;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1;
  width: 20px;
  height: 15px;
  position: absolute;
  left: 8px;
  top: 16px !important; }

.new-post .related-post-table .ant-list-item {
  padding: 0 !important; }
  .new-post .related-post-table .ant-list-item .ant-list-item-meta-avatar {
    margin-right: 12px !important;
    width: 64px;
    height: 42px;
    border-radius: 6px !important; }
    .new-post .related-post-table .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
      height: 42px;
      width: 64px;
      border: 1px solid #e5e5e5;
      border-radius: 6px;
      margin-left: -1px; }

.webstore-post-modal .ant-modal {
  top: 87px !important; }

.webstore-post-modal .modal-filter .search-form {
  display: block !important; }

.webstore-post-modal .search-form .un-filter-value {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.webstore-post-modal .btn-productlist {
  display: flex;
  margin-bottom: 20px; }
  .webstore-post-modal .btn-productlist .btn-product {
    font-size: 14px;
    line-height: 17px;
    height: 33px;
    padding: 7px 16px 8px 16px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    color: #0c2028 !important;
    border-radius: 60px;
    letter-spacing: 0px; }
    .webstore-post-modal .btn-productlist .btn-product + .btn-product {
      margin-left: 10px; }
    .webstore-post-modal .btn-productlist .btn-product.active {
      color: #5acc5a !important;
      border-color: #5acc5a !important;
      background-color: #ffffff; }

.webstore-post-modal .post-table table tbody tr td {
  vertical-align: top !important; }

.webstore-post-modal .post-table .ant-list-item {
  padding: 0 !important; }

.webstore-post-modal .post-table .ant-list-item-meta-avatar {
  margin-right: 12px !important;
  width: 84px;
  height: 43px;
  border-radius: 6px !important; }
  .webstore-post-modal .post-table .ant-list-item-meta-avatar .un-row-product img {
    height: 43px;
    width: 84px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-left: -1px; }

.webstore-post-modal .post-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.webstore-post-modal .post-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.webstore-post-modal .post-table table thead {
  background-color: #fafafb !important; }

.webstore-post-modal .post-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.webstore-post-modal .post-table .ant-table-thead > tr > th {
  border-bottom: none !important;
  padding: 9px 12px !important; }

.webstore-post-modal .post-table .ant-table-tbody > tr > td {
  padding: 12px !important; }

.webstore-post-modal .post-table .desc {
  line-height: 15px !important; }

.webstore-post-modal .post-table .un-light-label-text {
  color: #647176 !important;
  font-size: 12px !important; }

.webstore-post-modal .ant-pagination-options-size-changer.ant-select {
  display: none; }

.webstore-post-modal .ant-pagination.with-quick-jumper {
  margin-bottom: 0 !important; }

.google-map-guide-modal {
  width: 750px !important;
  height: 527px !important;
  padding-bottom: 0 !important; }
  .google-map-guide-modal .ant-modal-close,
  .google-map-guide-modal .ant-modal-close:hover {
    top: -6px !important;
    left: -4px !important;
    color: #90999d !important; }
  .google-map-guide-modal .ant-modal-header {
    padding: 10px 24px !important;
    border-bottom: none !important; }
    .google-map-guide-modal .ant-modal-header .ant-modal-title {
      color: #0c2028 !important;
      font-size: 16px !important;
      font-weight: bold !important;
      text-align: center !important; }
  .google-map-guide-modal .ant-modal-body {
    height: 428px !important;
    max-height: unset !important;
    padding: 0 24px !important;
    overflow: hidden;
    margin-bottom: 20px; }
    .google-map-guide-modal .ant-modal-body img {
      width: 100%;
      height: 100%; }
  .google-map-guide-modal .ant-modal-footer {
    padding: 0px 24px !important;
    border-top: none !important; }
    .google-map-guide-modal .ant-modal-footer .hide-modal .ant-checkbox-wrapper {
      color: #0c2028 !important;
      font-size: 14px !important;
      line-height: 35px !important; }
    .google-map-guide-modal .ant-modal-footer .outline-btn,
    .google-map-guide-modal .ant-modal-footer .outline-btn:hover,
    .google-map-guide-modal .ant-modal-footer .outline-btn:focus {
      padding: 8px 16px !important;
      height: fit-content !important;
      width: fit-content !important;
      color: #0c2028 !important;
      border: 1px solid #d4d4d4 !important;
      background-color: #ffffff !important;
      margin-right: 16px !important; }
    .google-map-guide-modal .ant-modal-footer .primary-btn {
      padding: 8px 28.5px !important;
      height: fit-content !important;
      width: fit-content !important; }

.ant-cascader-picker > input.ant-input {
  border-color: #d9d9d9 !important; }

.shopee-rating-filter .ant-badge-count {
  background: #e5e5e5 !important;
  color: #0c2028 !important; }

.filter-collapse {
  border-radius: 12px;
  background-color: #ffffff !important; }
  .filter-collapse .ant-collapse-arrow {
    right: 35px !important;
    left: auto; }
  .filter-collapse .ant-collapse-header {
    height: 60px;
    border-radius: 12px !important;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 24px; }
  .filter-collapse .ant-collapse-item {
    border-radius: 12px !important; }
  .filter-collapse .ant-collapse-content {
    border-top: none !important;
    border-radius: 0 0 12px 12px !important; }
    .filter-collapse .ant-collapse-content.ant-collapse-content-inactive {
      display: block !important; }
      .filter-collapse .ant-collapse-content.ant-collapse-content-inactive .filter-row.hide-filter-row {
        display: none !important; }
  .filter-collapse .ant-collapse-content-box {
    padding: 0 24px 15px !important; }
  .filter-collapse .filter-label {
    width: 150px !important;
    margin-right: 20px; }
    .filter-collapse .filter-label > span {
      vertical-align: middle !important;
      color: #0c2028 !important; }
  .filter-collapse .filter-row {
    margin-bottom: 8px; }
    .filter-collapse .filter-row .filter-pin {
      margin-right: 10px;
      cursor: pointer; }
      .filter-collapse .filter-row .filter-pin.disabled {
        cursor: not-allowed !important; }
      .filter-collapse .filter-row .filter-pin .sr-pin {
        width: 16px;
        vertical-align: middle;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M2 5.27 3.28 4 20 20.72 18.73 22l-5.93-5.93V22h-1.6v-6H6v-2l2-2v-.73l-6-6ZM16 12l2 2v2h-.18L8 6.18V4H7V2h10v2h-1v8Z' fill='%23647176'/%3E%3C/svg%3E"); }
        .filter-collapse .filter-row .filter-pin .sr-pin.active {
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2Z' fill='%23647176'/%3E%3C/svg%3E") !important; }
  .filter-collapse .channel-row {
    width: 100%;
    gap: 8px;
    display: flex;
    flex-wrap: wrap; }
    .filter-collapse .channel-row .plain-btn {
      text-transform: none; }
    .filter-collapse .channel-row.store-row {
      background-color: #fafafb;
      border-radius: 4px;
      padding: 6px 12px !important; }
    .filter-collapse .channel-row .ant-checkbox-wrapper .count-label {
      padding-left: 5px !important;
      font-weight: 700 !important; }
    .filter-collapse .channel-row .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
      color: #0c2028 !important; }
    .filter-collapse .channel-row .ant-checkbox-group {
      display: inline !important; }
    .filter-collapse .channel-row .ant-checkbox-group-item .count-label {
      padding-left: 5px !important;
      font-weight: 700 !important; }
  .filter-collapse .channel-btn {
    padding: 0px 8px !important;
    border-radius: 16px;
    background-color: #fafafb;
    border: 1px solid #fafafb;
    color: #38484f;
    cursor: pointer;
    margin-right: 4px; }
    .filter-collapse .channel-btn .count-label {
      padding-left: 5px !important;
      font-weight: 700 !important; }
      .filter-collapse .channel-btn .count-label.warning-label {
        color: #e0241a !important; }
    .filter-collapse .channel-btn img {
      width: 13px !important;
      height: 13px !important;
      margin-right: 4px !important; }
      .filter-collapse .channel-btn img.country-logo {
        width: 19px !important; }
    .filter-collapse .channel-btn.active {
      color: #0c2028;
      font-weight: 500;
      background-color: #f3fff3;
      border: 1px solid #5acc5a; }
      .filter-collapse .channel-btn.active .count-label.warning-label {
        color: #0c2028 !important; }
    .filter-collapse .channel-btn.disabled {
      cursor: not-allowed !important; }

.product-property .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .product-property .header-buttons .b-btn,
  .product-property .header-buttons .b-btn:hover,
  .product-property .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .product-property .header-buttons .b-btn i,
    .product-property .header-buttons .b-btn:hover i,
    .product-property .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.product-property .status-label {
  line-height: 33px;
  margin-right: 16px; }

.product-property .product-property-actions {
  width: fit-content;
  margin: 0 0 20px auto; }
  .product-property .product-property-actions .primary-i-btn {
    margin-left: 0;
    margin-right: 0; }

.product-property .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.product-property .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.product-property .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.product-property .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.product-property .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.product-property .unicart-table .un-table-cell {
  margin-bottom: 12px; }
  .product-property .unicart-table .un-table-cell .ant-tag {
    margin-bottom: 8px; }
  .product-property .unicart-table .un-table-cell i.feather-edit-3 {
    font-size: 20px;
    margin-right: 48px; }
  .product-property .unicart-table .un-table-cell i.feather-trash-2 {
    margin-right: 18px; }

.product-property .ant-input-number-handler-wrap {
  display: none; }

@media (max-width: 425px) {
  .new-product-property .un-form-setting .ant-form-item {
    flex-direction: unset !important; } }

.new-product-property .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .new-product-property .header-buttons .b-btn,
  .new-product-property .header-buttons .b-btn:hover,
  .new-product-property .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-product-property .header-buttons .b-btn i,
    .new-product-property .header-buttons .b-btn:hover i,
    .new-product-property .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-product-property .property-switch {
  display: inline-flex;
  justify-content: space-between;
  line-height: 33px; }

.new-product-property .blue-capsule-btn {
  margin-bottom: 20px; }

.new-product-property .option-value-list .option-value-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px !important; }
  .new-product-property .option-value-list .option-value-item .ant-form-item {
    margin-bottom: 0 !important; }
    .new-product-property .option-value-list .option-value-item .ant-form-item.option-label-field {
      width: -webkit-fill-available !important; }
    .new-product-property .option-value-list .option-value-item .ant-form-item.price-field {
      min-width: 180px !important;
      margin-left: 10px !important; }
  .new-product-property .option-value-list .option-value-item.radio-checkbox-image {
    align-items: start !important; }
    .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item {
      margin-right: 12px; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload-list {
        display: block !important; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload-list-picture-card .ant-upload-list-item,
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload-list-picture-card-container {
        width: 62px !important;
        height: 62px !important;
        border-radius: 4px !important;
        margin-top: 0; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload-picture-card-wrapper {
        display: inline-block;
        width: 62px !important;
        height: 62px !important; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload.ant-upload.ant-upload-select-picture-card {
        margin: 0 62px 0 0 !important;
        width: 62px !important;
        height: 62px !important;
        border: 1px dashed #007ce0 !important;
        border-radius: 4px !important; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .ant-upload.ant-upload-select-picture-card > .ant-upload {
        padding: 0 !important; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .upload-placeholder {
        padding-top: 15px !important;
        width: 62px !important; }
      .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .hvrbox {
        width: 62px !important;
        height: 62px !important; }
        .new-product-property .option-value-list .option-value-item.radio-checkbox-image .image-form-item .hvrbox img {
          object-fit: contain; }

.new-product-property .option-value-list .feather-trash-2 {
  margin-left: 8px; }

.new-product-property .img-option {
  width: 30%; }
  .new-product-property .img-option .placeholder-text {
    color: #007ce0;
    padding-top: 25%;
    font-size: 20px; }

.new-product-property .searh-bar {
  position: relative;
  height: 60px;
  width: 100%; }
  .new-product-property .searh-bar .search-form .un-filter-value {
    height: 41px !important;
    width: 336px !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    @media (max-width: 1024px) {
      .new-product-property .searh-bar .search-form .un-filter-value {
        width: 100% !important; } }

.new-product-property .webstore-table {
  margin-top: 20px; }
  .new-product-property .webstore-table .ant-list-item-meta-title {
    line-height: 20px !important;
    height: unset !important; }
  .new-product-property .webstore-table .ant-list-item-meta-description {
    padding-left: 12px !important; }
  .new-product-property .webstore-table .ant-list-item-meta-avatar {
    margin-right: 0;
    height: 42px;
    width: 42px;
    border-radius: 6px !important; }
  .new-product-property .webstore-table .un-row-product img {
    height: 42px;
    width: 42px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-left: -1px; }
  .new-product-property .webstore-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    border-top: none !important;
    border-bottom: 1px solid #e5e5e5 !important; }
  .new-product-property .webstore-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .new-product-property .webstore-table table thead {
    background-color: #fafafb !important; }
  .new-product-property .webstore-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .new-product-property .webstore-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .new-product-property .webstore-table .un-text-truncate {
    font-weight: bold !important; }
  .new-product-property .webstore-table .un-light-label {
    font-size: 14px !important; }
  .new-product-property .webstore-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }

.new-product-property .output-preview {
  height: fit-content !important; }
  .new-product-property .output-preview .product-detail {
    display: flex !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5;
    padding: 12px !important;
    width: 100% !important; }
    @media (max-width: 425px) {
      .new-product-property .output-preview .product-detail {
        display: block !important; } }
    .new-product-property .output-preview .product-detail .product-image {
      position: relative !important;
      width: 150px !important;
      min-width: 150px !important;
      align-self: flex-start; }
      .new-product-property .output-preview .product-detail .product-image img {
        object-fit: contain;
        width: 100%;
        height: 100%; }
      @media (max-width: 425px) {
        .new-product-property .output-preview .product-detail .product-image {
          padding-bottom: 10px; }
          .new-product-property .output-preview .product-detail .product-image img {
            width: 200%; } }
    .new-product-property .output-preview .product-detail .product-info {
      padding-left: 20px;
      width: 100%; }
      @media (max-width: 425px) {
        .new-product-property .output-preview .product-detail .product-info {
          padding-left: unset; } }
      .new-product-property .output-preview .product-detail .product-info .product-title {
        background-color: #e5e5e5 !important;
        margin-bottom: 8px;
        width: 250px;
        height: 25px;
        border-radius: 4px; }
        @media (max-width: 425px) {
          .new-product-property .output-preview .product-detail .product-info .product-title {
            width: unset; } }
      .new-product-property .output-preview .product-detail .product-info .product-price {
        background-color: #e5e5e5 !important;
        margin-bottom: 4px;
        width: 100px;
        height: 18px;
        border-radius: 4px; }
      .new-product-property .output-preview .product-detail .product-info .product-options {
        margin: 12px 0;
        padding: 12px 0;
        border-top: 1px solid #d9d9d9 !important;
        border-bottom: 1px solid #d9d9d9 !important;
        display: flex; }
        .new-product-property .output-preview .product-detail .product-info .product-options .label-name {
          line-height: 1.5715;
          font-size: 12px;
          color: #0c2028 !important;
          width: fit-content;
          min-width: 70px;
          max-width: 70px;
          overflow-wrap: anywhere; }
        .new-product-property .output-preview .product-detail .product-info .product-options .options {
          font-size: 12px;
          color: #647176 !important;
          width: -webkit-fill-available; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-input {
            border-radius: 4px !important;
            font-size: 12px !important;
            color: #0c2028 !important; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selector {
            height: 25px !important;
            border-radius: 4px !important;
            font-size: 12px !important; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selector .ant-select-selection-item {
              line-height: 23px;
              font-size: 12px !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selector .ant-select-selection-item .dropdown-option {
                display: flex;
                justify-content: space-between;
                color: #0c2028 !important; }
                .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selector .ant-select-selection-item .dropdown-option .option-label {
                  line-height: 23px;
                  display: flex;
                  flex-wrap: wrap;
                  white-space: normal;
                  overflow-wrap: anywhere; }
                .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selector .ant-select-selection-item .dropdown-option .price {
                  line-height: 23px;
                  padding-left: 10px; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-select .ant-select-selection-placeholder {
            line-height: 23px;
            font-size: 12px !important;
            width: 200px; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-space,
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-sapce-item {
            width: 100% !important; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            font-size: 12px !important; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .ant-radio {
              color: #647176 !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
                top: 50%;
                transform: translateY(-50%); }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
              width: 90% !important; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .radio-option {
              display: flex; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .radio-option .option-label {
                display: flex;
                flex-wrap: wrap;
                white-space: normal;
                overflow-wrap: anywhere;
                align-items: center;
                color: #0c2028 !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .radio-option .option-img {
                width: 44px;
                height: 44px;
                margin-right: 10px;
                object-fit: contain; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-radio-group .ant-radio-wrapper .radio-option .price {
                align-self: center;
                padding-left: 12px;
                color: #0c2028 !important; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper {
            display: inline-flex;
            width: 100%;
            font-size: 12px !important;
            margin-bottom: 8px; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper span {
              font-size: 12px; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .ant-checkbox {
              width: 24px !important;
              min-width: 24px !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
                top: 50%;
                transform: translateY(-50%); }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
              margin-left: unset; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .ant-checkbox + span {
              padding-left: 0 !important; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper span .ant-checkbox {
              width: 90%; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .checkbox-option {
              display: flex; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .checkbox-option .option-label {
                display: flex;
                flex-wrap: wrap;
                white-space: normal;
                overflow-wrap: anywhere;
                align-items: center;
                color: #0c2028 !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .checkbox-option .option-img {
                width: 44px;
                height: 44px;
                margin-right: 10px;
                object-fit: contain; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options .ant-checkbox-wrapper .checkbox-option .price {
                align-self: center;
                padding-left: 12px;
                color: #0c2028 !important; }
          .new-product-property .output-preview .product-detail .product-info .product-options .options > span {
            display: flex; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options > span .upload-btn {
              background-color: #f6f6f6 !important;
              color: #0c2028 !important;
              font-size: 12px !important;
              line-height: 1.5715;
              border-radius: 4px !important;
              padding: 0 8px;
              border: 1px solid #647176;
              height: 25px; }
            .new-product-property .output-preview .product-detail .product-info .product-options .options > span .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
              margin-top: 0;
              line-height: 1.5715;
              height: 25px;
              font-size: 12px;
              width: 150px; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options > span .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon {
                display: none; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options > span .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                display: none !important; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options > span .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                padding-left: 4px;
                line-height: 1.5715;
                font-size: 12px; }
              .new-product-property .output-preview .product-detail .product-info .product-options .options > span .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                background-color: transparent !important; }
      .new-product-property .output-preview .product-detail .product-info .product-quantity {
        width: -webkit-fill-available;
        display: inline-flex;
        margin-bottom: 12px; }
        .new-product-property .output-preview .product-detail .product-info .product-quantity input::-webkit-outer-spin-button,
        .new-product-property .output-preview .product-detail .product-info .product-quantity input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .new-product-property .output-preview .product-detail .product-info .product-quantity span {
          line-height: 25px;
          font-size: 12px;
          color: #0c2028 !important; }
        .new-product-property .output-preview .product-detail .product-info .product-quantity .special-input {
          margin-left: 20px;
          margin-right: 0;
          width: 90px; }
          .new-product-property .output-preview .product-detail .product-info .product-quantity .special-input .dimension-input {
            text-align: right; }
          .new-product-property .output-preview .product-detail .product-info .product-quantity .special-input .ant-input {
            font-size: 12px !important;
            border-radius: 0 !important;
            /* padding-right: 0 !important; */ }
          .new-product-property .output-preview .product-detail .product-info .product-quantity .special-input .ant-input-group-addon span {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0; }
      .new-product-property .output-preview .product-detail .product-info .product-add-to-cart {
        width: fit-content;
        padding: 8px 12px;
        background-color: #d9d9d9;
        border-radius: 4px;
        font-size: 12px;
        color: #0c2028 !important; }
        .new-product-property .output-preview .product-detail .product-info .product-add-to-cart svg {
          margin-right: 4px; }

.output-preview-dropdown {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px !important; }
  .output-preview-dropdown span.ant-select-item-option-content + * {
    width: 90% !important; }
  .output-preview-dropdown .dropdown-option {
    display: flex;
    justify-content: space-between; }
    .output-preview-dropdown .dropdown-option .option-label {
      display: flex;
      flex-wrap: wrap;
      white-space: normal;
      overflow-wrap: anywhere; }
    .output-preview-dropdown .dropdown-option .price {
      padding-left: 15px; }

@media (min-width: 1024px) {
  .affiliate-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.affiliate-setting .affiliate-commission .ant-select {
  height: 33px !important; }

.affiliate-setting .affiliate-commission .ant-select-selector {
  border-right: 0 !important;
  width: 200px !important; }

.affiliate-setting .affiliate-commission .addonBefore,
.affiliate-setting .affiliate-commission .addonAfter {
  background-color: #fafafa !important; }

.affiliate-setting .affiliate-commission .ant-input-group-addon.addonBefore {
  border-right: 0 !important; }

.affiliate-setting .affiliate-commission .ant-input-group-addon.addonAfter {
  border-left: 0 !important; }

.affiliate-setting .affiliate-commission .ant-input-number {
  width: 100% !important;
  border-radius: 0 !important; }

.affiliate-setting .affiliate-commission .ant-input-number.addonBefore {
  background-color: #fff !important;
  border-radius: 0 4px 4px 0 !important; }

.affiliate-setting .affiliate-commission .ant-input-number.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.affiliate-setting .affiliate-commission .ant-input-number.addonBefore.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.affiliate-setting .affiliate-commission .ant-select-selector {
  border-radius: 4px 0 0 4px !important; }

.affiliate-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .affiliate-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .affiliate-setting .header-buttons .b-btn,
  .affiliate-setting .header-buttons .b-btn:hover,
  .affiliate-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .affiliate-setting .header-buttons .b-btn i,
    .affiliate-setting .header-buttons .b-btn:hover i,
    .affiliate-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.affiliate-setting .heading-medium {
  line-height: 33px; }

.affiliate-setting .affiliate-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .affiliate-setting .affiliate-layout .affiliate-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.affiliate-setting .popup-dimension .ant-input-group-addon {
  cursor: default; }

.affiliate-setting .instruction {
  font-size: 12px;
  color: #a9a9a9; }

.affiliate-setting .ant-form-item-extra {
  font-size: 12px;
  color: #a9a9a9; }

@media (max-width: 425px) {
  .affiliate-setting .ant-form-item {
    flex-direction: unset !important; } }

.affiliate-info-container {
  max-width: 300px !important;
  white-space: normal !important; }

.un-affiliate-listing .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .un-affiliate-listing .header-buttons .b-btn,
  .un-affiliate-listing .header-buttons .b-btn:hover,
  .un-affiliate-listing .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .un-affiliate-listing .header-buttons .b-btn i,
    .un-affiliate-listing .header-buttons .b-btn:hover i,
    .un-affiliate-listing .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .un-affiliate-listing .header-buttons .outline-btn,
  .un-affiliate-listing .header-buttons .outline-btn:focus,
  .un-affiliate-listing .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.un-affiliate-listing .unicart-filter {
  margin-top: 0 !important; }

.un-affiliate-listing .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.un-affiliate-listing .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.un-affiliate-listing .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.un-affiliate-listing .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.un-affiliate-listing .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.un-affiliate-listing .ant-list-item {
  padding: 0px !important; }
  .un-affiliate-listing .ant-list-item .ant-list-item-meta-title {
    height: 30px !important;
    padding-left: 0px; }
  .un-affiliate-listing .ant-list-item .ant-list-item-meta-description {
    color: #647176;
    font-size: 12px;
    line-height: 18px;
    padding-left: 0px; }

.un-affiliate-listing .whatsapp-icon-size {
  width: 14px !important;
  height: 14px !important; }

.import-affiliates-from-unicart {
  width: 954px !important;
  margin: 0 auto !important; }
  .import-affiliates-from-unicart .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 66px !important; }
    @media (min-width: 1024px) {
      .import-affiliates-from-unicart .header-buttons {
        min-width: 816px !important;
        max-width: 954px !important;
        margin: 0 auto;
        padding-right: 0 !important; } }
    .import-affiliates-from-unicart .header-buttons .b-btn,
    .import-affiliates-from-unicart .header-buttons .b-btn:hover,
    .import-affiliates-from-unicart .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .import-affiliates-from-unicart .header-buttons .b-btn i,
      .import-affiliates-from-unicart .header-buttons .b-btn:hover i,
      .import-affiliates-from-unicart .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .import-affiliates-from-unicart .channel-list-tab {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important; }
    .import-affiliates-from-unicart .channel-list-tab .ant-tabs {
      border-radius: 0 !important;
      border: none !important; }
    .import-affiliates-from-unicart .channel-list-tab .ant-tabs-bar {
      border-bottom: none !important; }
    .import-affiliates-from-unicart .channel-list-tab .ant-tabs-nav-scroll {
      padding: 0px 0px 20px !important; }
    .import-affiliates-from-unicart .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
      margin-right: 16px !important;
      background-color: #ffffff !important;
      border: 1px solid #e5e5e5 !important;
      border-radius: 4px !important;
      color: #0c2028; }
      .import-affiliates-from-unicart .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
        margin-right: 8px !important; }
      .import-affiliates-from-unicart .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
        padding: 0 !important; }
    .import-affiliates-from-unicart .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
      border: 1px solid #5acc5a !important;
      border-bottom: 3px solid #5acc5a !important; }
    .import-affiliates-from-unicart .channel-list-tab .store-list-radio {
      padding-bottom: 0 !important; }
      .import-affiliates-from-unicart .channel-list-tab .store-list-radio .ant-radio-group > div {
        display: inline-block;
        margin-bottom: 15px !important;
        margin-right: 8px !important; }
  .import-affiliates-from-unicart .export-item .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
    border-top: unset !important;
    border-bottom: 1px solid #f0f0f0 !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-table-tbody > tr > td {
    padding: 12px 12px !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-table-tbody .ant-table-measure-row {
    display: table-row !important; }
    .import-affiliates-from-unicart .export-item .export-table .ant-table-tbody .ant-table-measure-row td {
      padding: 0 !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .import-affiliates-from-unicart .export-item .export-table table thead {
    background-color: #fafafb !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    height: unset !important; }
    .import-affiliates-from-unicart .export-item .export-table .ant-table-thead th:first-child {
      border-top-left-radius: 2px !important; }
    .import-affiliates-from-unicart .export-item .export-table .ant-table-thead th:last-child {
      border-top-right-radius: 2px !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .import-affiliates-from-unicart .export-item .export-table .un-text-truncate {
    font-weight: bold !important; }
  .import-affiliates-from-unicart .export-item .export-table .un-light-label {
    font-size: 14px !important; }
  .import-affiliates-from-unicart .export-item .export-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }
    .import-affiliates-from-unicart .export-item .export-table .ant-pagination.with-quick-jumper {
      margin-bottom: 20px !important; }

.new-affiliate .affiliate-commission .ant-select {
  height: 33px !important; }

.new-affiliate .affiliate-commission .ant-select-selector {
  border-right: 0 !important;
  width: 200px !important; }

.new-affiliate .affiliate-commission .addonBefore,
.new-affiliate .affiliate-commission .addonAfter {
  background-color: #fafafa !important; }

.new-affiliate .affiliate-commission .ant-input-group-addon.addonBefore {
  border-right: 0 !important; }

.new-affiliate .affiliate-commission .ant-input-group-addon.addonAfter {
  border-left: 0 !important; }

.new-affiliate .affiliate-commission .ant-input-number {
  width: 100% !important;
  border-radius: 0 !important; }

.new-affiliate .affiliate-commission .ant-input-number.addonBefore {
  background-color: #fff !important;
  border-radius: 0 4px 4px 0 !important; }

.new-affiliate .affiliate-commission .ant-input-number.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.new-affiliate .affiliate-commission .ant-input-number.addonBefore.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.new-affiliate .affiliate-commission .ant-select-selector {
  border-radius: 4px 0 0 4px !important; }

@media (min-width: 1024px) {
  .new-affiliate {
    width: 644px !important;
    margin: 0 auto !important; } }

.new-affiliate .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .new-affiliate .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .new-affiliate .header-buttons .b-btn,
  .new-affiliate .header-buttons .b-btn:hover,
  .new-affiliate .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .new-affiliate .header-buttons .b-btn i,
    .new-affiliate .header-buttons .b-btn:hover i,
    .new-affiliate .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-affiliate .ant-input-number {
  width: -webkit-fill-available !important; }

.new-affiliate .address-fields .ant-form-item {
  margin-bottom: 12px !important; }

@media (max-width: 425px) {
  .new-affiliate .ant-form-item {
    flex-direction: unset !important; } }

.new-affiliate .affiliate-commission-form-item .ant-form-item-control-input-content {
  display: inherit !important; }

.new-affiliate .affiliate-commission-form-item .ant-input-number {
  width: 150px !important; }

.new-affiliate .affiliate-commission-form-item .ant-input-number.addon-before {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.new-affiliate .affiliate-commission-form-item .ant-input-number.addon-after {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.new-affiliate .affiliate-commission-form-item .ant-input-group-addon {
  width: fit-content;
  padding-top: 5px;
  vertical-align: middle;
  display: inline-table;
  line-height: 24px;
  height: 33px; }

.affiliate-description-container {
  max-width: 450px !important;
  white-space: normal !important; }

.affiliate-record-setBy {
  max-width: 120px !important;
  white-space: normal !important; }

.btn-store .transaction-history-stat-badge {
  margin-left: 5px !important; }
  .btn-store .transaction-history-stat-badge > sup {
    background-color: #e5e5e5 !important;
    color: #000 !important; }

.btn-store.active .transaction-history-stat-badge > sup {
  background-color: #5acc5a !important;
  color: #e5e5e5 !important; }

.commission-status-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px; }

.commission-status-select {
  width: 150px; }

.payout-container {
  padding: 20px; }
  .payout-container .payout-content {
    background: #fff;
    padding: 24px;
    border-radius: 8px; }

.affiliate-detail .ant-tabs-bar {
  margin: 0; }

.affiliate-detail .affiliate-tabs {
  background: none !important;
  border: none !important;
  border-radius: 0 !important; }
  .affiliate-detail .affiliate-tabs .ant-tabs-bar {
    border-bottom: none !important; }
  .affiliate-detail .affiliate-tabs .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    border-bottom: none !important; }
  .affiliate-detail .affiliate-tabs .ant-tabs-nav {
    margin-bottom: 0; }
  .affiliate-detail .affiliate-tabs .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: 3px solid #5acc5a !important;
    background: none !important;
    padding: 16px 20px !important; }
  .affiliate-detail .affiliate-tabs .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    padding: 16px 20px !important; }
  .affiliate-detail .affiliate-tabs .ant-tabs-content {
    border-top: 2px solid #e5e5e5 !important;
    padding-top: 32px; }

.affiliate-detail .left-panel,
.affiliate-detail .right-panel {
  align-content: start; }

.affiliate-detail .view-detail-header .affiliate-actions {
  display: flex;
  width: fit-content;
  align-items: center; }
  .affiliate-detail .view-detail-header .affiliate-actions .disable-acc {
    cursor: pointer;
    height: 17px !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #007ce0; }
    .affiliate-detail .view-detail-header .affiliate-actions .disable-acc i {
      margin-right: 4px !important;
      font-size: 13px !important; }
    .affiliate-detail .view-detail-header .affiliate-actions .disable-acc:hover, .affiliate-detail .view-detail-header .affiliate-actions .disable-acc:focus {
      color: #0058b6 !important;
      font-size: 14px !important; }
  .affiliate-detail .view-detail-header .affiliate-actions .delete {
    cursor: pointer;
    height: 17px !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #90999d;
    margin-left: 40px; }
    .affiliate-detail .view-detail-header .affiliate-actions .delete i {
      margin-right: 4px !important;
      font-size: 13px !important; }
    .affiliate-detail .view-detail-header .affiliate-actions .delete:hover, .affiliate-detail .view-detail-header .affiliate-actions .delete:focus {
      color: #e0241a !important;
      font-size: 14px !important; }
      .affiliate-detail .view-detail-header .affiliate-actions .delete:hover i, .affiliate-detail .view-detail-header .affiliate-actions .delete:focus i {
        color: #e0241a !important; }

.affiliate-detail .view-totals {
  text-align: center; }
  @media (min-width: 1024px) {
    .affiliate-detail .view-totals .border-right {
      border-right: 1px solid #e5e5e5; } }
  .affiliate-detail .view-totals .total-label {
    font-size: 12px;
    line-height: 14px;
    color: #38484f;
    margin-bottom: 4px; }
  .affiliate-detail .view-totals .total-value {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    color: #0c2028; }
    @media (min-width: 425px) {
      .affiliate-detail .view-totals .total-value {
        margin-bottom: 12px !important; } }

.affiliate-detail .view-transaction-history .transaction-table {
  overflow-x: auto; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .affiliate-detail .view-transaction-history .transaction-table table thead {
    background-color: #fafafb !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-table-tbody > tr.not-issued > td {
    background: #ffe0e0 !important; }
  .affiliate-detail .view-transaction-history .transaction-table .un-text-truncate {
    font-weight: bold !important; }
  .affiliate-detail .view-transaction-history .transaction-table .un-light-label {
    font-size: 14px !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }
  .affiliate-detail .view-transaction-history .transaction-table .ant-pagination-options-size-changer.ant-select {
    display: inline-block;
    width: auto;
    margin-right: 0; }

.affiliate-detail .view-affiliate-profile h3,
.affiliate-detail .view-company-profile h3 {
  margin-bottom: 20px; }

.affiliate-detail .view-affiliate-profile .plain-btn,
.affiliate-detail .view-company-profile .plain-btn {
  line-height: 22px !important; }

.affiliate-detail .view-affiliate-profile .caption-large,
.affiliate-detail .view-company-profile .caption-large {
  margin-bottom: 4px !important; }
  .affiliate-detail .view-affiliate-profile .caption-large .plain-btn,
  .affiliate-detail .view-company-profile .caption-large .plain-btn {
    margin-left: 4px !important;
    line-height: 17px !important; }

.affiliate-detail .view-affiliate-profile .heading,
.affiliate-detail .view-company-profile .heading {
  margin-bottom: 8px !important; }

.affiliate-detail .view-affiliate-profile .body.set,
.affiliate-detail .view-company-profile .body.set {
  margin-bottom: 4px !important; }

.affiliate-detail .view-affiliate-profile .un-bottom-border,
.affiliate-detail .view-company-profile .un-bottom-border {
  padding-bottom: 28px !important; }
  .affiliate-detail .view-affiliate-profile .un-bottom-border .un-title-light,
  .affiliate-detail .view-company-profile .un-bottom-border .un-title-light {
    margin-bottom: 15px; }

.affiliate-detail .view-affiliate-profile .whatsapp-icon-size,
.affiliate-detail .view-company-profile .whatsapp-icon-size {
  width: 14px !important;
  height: 14px !important; }

@media (max-width: 768px) {
  .affiliate-detail .view-affiliate-details {
    margin-top: 1.5rem; } }

.affiliate-detail .view-affiliate-details h3 {
  margin-bottom: 20px; }

.affiliate-detail .view-affiliate-details .plain-btn {
  line-height: 22px !important; }

.affiliate-detail .view-affiliate-details .caption-large {
  margin-bottom: 4px !important; }
  .affiliate-detail .view-affiliate-details .caption-large .plain-btn {
    margin-left: 4px !important;
    line-height: 17px !important; }

.affiliate-detail .view-affiliate-details .heading,
.affiliate-detail .view-affiliate-details .body.set {
  margin-bottom: 12px !important; }

.affiliate-detail .view-affiliate-details .un-bottom-border {
  padding-bottom: 20px !important; }
  .affiliate-detail .view-affiliate-details .un-bottom-border .un-title-light {
    margin-bottom: 15px; }

.affiliate-detail .view-affiliate-details .un-title-light-regular {
  font-weight: 400 !important;
  color: #0c2028; }

@media (min-width: 1024px) {
  .affiliate-detail .view-affiliate-profile.un-box-flat,
  .affiliate-detail .view-affiliate-details.un-box-flat,
  .affiliate-detail .view-company-profile.un-box-flat {
    margin-top: 3px !important;
    padding: 0 8px !important;
    border: none !important;
    background: none !important; } }

.add-transaction-modal .ant-modal-body .ant-radio-group {
  display: grid;
  margin-bottom: 20px !important; }
  .add-transaction-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .radio-input {
    padding-left: 23px; }
    .add-transaction-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .radio-input .ant-form-item {
      margin-bottom: 0 !important; }

@media (max-width: 1024px) {
  .add-transaction-modal .ant-modal-body .ant-form-item {
    flex-direction: unset !important; } }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-select,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-select,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-select {
  height: 33px !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-select-selector,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-select-selector,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-select-selector {
  border-right: 0 !important;
  width: 200px !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .addonBefore,
.affiliate-detail-modal .ant-modal-body .affiliate-commission .addonAfter,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .addonBefore,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .addonAfter,
.address-detail-modal .ant-modal-body .affiliate-commission .addonBefore,
.address-detail-modal .ant-modal-body .affiliate-commission .addonAfter {
  background-color: #fafafa !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonBefore,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonBefore,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonBefore {
  border-right: 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonAfter,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonAfter,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-group-addon.addonAfter {
  border-left: 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-number,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-number,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-number {
  width: 100% !important;
  border-radius: 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore {
  background-color: #fff !important;
  border-radius: 0 4px 4px 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonAfter,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-number.addonAfter,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore.addonAfter,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore.addonAfter,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-input-number.addonBefore.addonAfter {
  background-color: #fff !important;
  border-radius: 0 !important; }

.affiliate-detail-modal .ant-modal-body .affiliate-commission .ant-select-selector,
.affiliate-profile-modal .ant-modal-body .affiliate-commission .ant-select-selector,
.address-detail-modal .ant-modal-body .affiliate-commission .ant-select-selector {
  border-radius: 4px 0 0 4px !important; }

@media (max-width: 1024px) {
  .affiliate-detail-modal .ant-modal-body .ant-form-item,
  .affiliate-profile-modal .ant-modal-body .ant-form-item,
  .address-detail-modal .ant-modal-body .ant-form-item {
    flex-direction: unset !important; } }

.affiliate-commission-form-item .ant-form-item-control-input-content {
  display: inherit !important; }

.affiliate-commission-form-item .ant-input-number {
  width: 150px !important; }

.affiliate-commission-form-item .ant-input-number.addon-before {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.affiliate-commission-form-item .ant-input-number.addon-after {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.affiliate-commission-form-item .ant-input-group-addon {
  width: fit-content;
  padding-top: 5px;
  vertical-align: middle;
  display: inline-table;
  line-height: 24px;
  height: 33px; }

.affiliate-detail .primary-i-btn:focus:not(:hover) {
  border: 0.4px solid #5acc5a !important;
  background-color: #5acc5a !important;
  color: #ffffff !important; }

.ant-modal.ant-modal-confirm.affiliate-confirm-modal .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn.ant-btn-primary:focus:not(:hover) {
  background-color: #5acc5a !important;
  border-color: #5acc5a !important;
  color: #ffffff !important; }

.affiliate-info-container {
  max-width: 300px !important;
  white-space: normal !important; }

.affiliate-transaction-details .unicart-filter-2 .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.affiliate-transaction-details .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .affiliate-transaction-details .header-buttons .b-btn,
  .affiliate-transaction-details .header-buttons .b-btn:hover,
  .affiliate-transaction-details .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .affiliate-transaction-details .header-buttons .b-btn i,
    .affiliate-transaction-details .header-buttons .b-btn:hover i,
    .affiliate-transaction-details .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .affiliate-transaction-details .header-buttons .outline-i-btn,
  .affiliate-transaction-details .header-buttons .outline-i-btn:focus,
  .affiliate-transaction-details .header-buttons .outline-i-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.affiliate-transaction-details .unicart-filter {
  margin-top: 0 !important; }

.affiliate-transaction-details .unicart-filter-2 {
  margin-bottom: 20px !important; }
  .affiliate-transaction-details .unicart-filter-2 .date-period-totals {
    display: inline-flex; }
    @media (max-width: 1024px) {
      .affiliate-transaction-details .unicart-filter-2 .date-period-totals {
        display: contents !important; }
        .affiliate-transaction-details .unicart-filter-2 .date-period-totals .date-period {
          margin-bottom: 12px !important; }
        .affiliate-transaction-details .unicart-filter-2 .date-period-totals .sorter {
          margin-bottom: 12px !important;
          margin-left: 0 !important; }
        .affiliate-transaction-details .unicart-filter-2 .date-period-totals .totals {
          margin-left: 0 !important; } }
    @media (max-width: 1024px) and (max-width: 425px) {
      .affiliate-transaction-details .unicart-filter-2 .date-period-totals .totals {
        height: fit-content !important; }
        .affiliate-transaction-details .unicart-filter-2 .date-period-totals .totals .total-sec {
          display: block !important; } }
  .affiliate-transaction-details .unicart-filter-2 .date-period {
    height: 41px !important; }
    .affiliate-transaction-details .unicart-filter-2 .date-period .label {
      color: #0c2028;
      padding-top: 11px;
      padding-right: 20px; }
    .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 {
      background-color: #ffffff;
      height: 41px !important;
      width: 230px !important;
      border: 1px solid #d4d4d4;
      border-radius: 4px !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none !important; }
      .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 .ant-picker {
        width: 200px !important;
        height: 39px !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important;
        left: 30px; }
      .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 .ant-picker-suffix {
        position: absolute;
        right: 196px; }
      .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 .ant-picker-input {
        width: fit-content;
        width: -moz-fit-content; }
        .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 .ant-picker-input input {
          color: #0c2028 !important; }
      .affiliate-transaction-details .unicart-filter-2 .date-period .date-range2 .ant-picker-clear {
        display: none !important; }
    .affiliate-transaction-details .unicart-filter-2 .date-period .feather-calendar {
      color: #90999d !important;
      font-size: 20px !important; }
    .affiliate-transaction-details .unicart-filter-2 .date-period .date-picker-button {
      height: 41px;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
      color: #38484f !important; }
    .affiliate-transaction-details .unicart-filter-2 .date-period .date-picker-button:hover,
    .affiliate-transaction-details .unicart-filter-2 .date-period .date-picker-button:active,
    .affiliate-transaction-details .unicart-filter-2 .date-period .date-picker-button:focus {
      border-color: #d4d4d4 !important;
      box-shadow: none !important; }
  .affiliate-transaction-details .unicart-filter-2 .sorter {
    margin-left: 0;
    margin-right: 17px;
    width: fit-content; }
    .affiliate-transaction-details .unicart-filter-2 .sorter .ant-select-selection-item {
      line-height: 40px;
      color: #0c2028; }
  .affiliate-transaction-details .unicart-filter-2 .sorter > div.ant-select-selector {
    width: 150px;
    height: 41px; }
  .affiliate-transaction-details .unicart-filter-2 .totals {
    background-color: #ffffff;
    height: 41px !important;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-left: 26px !important;
    padding: 11px 0 !important;
    display: flex; }
    .affiliate-transaction-details .unicart-filter-2 .totals .total-sec {
      display: flex;
      width: 50%;
      padding: 0 24px !important;
      align-items: center; }
      .affiliate-transaction-details .unicart-filter-2 .totals .total-sec .label {
        font-size: 12px !important;
        color: #0c2028 !important;
        margin-right: 16px !important; }
      .affiliate-transaction-details .unicart-filter-2 .totals .total-sec .value {
        font-size: 16px !important;
        font-weight: bold !important;
        color: #0c2028 !important; }
      .affiliate-transaction-details .unicart-filter-2 .totals .total-sec:first-child {
        border-right: 1px solid #e5e5e5; }

.affiliate-transaction-details .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.affiliate-transaction-details .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.affiliate-transaction-details .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.affiliate-transaction-details .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.affiliate-transaction-details .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.affiliate-transaction-details .ant-list-item {
  padding: 0px !important; }
  .affiliate-transaction-details .ant-list-item .ant-list-item-meta-title {
    height: 30px !important;
    padding-left: 0px; }
  .affiliate-transaction-details .ant-list-item .ant-list-item-meta-description {
    color: #647176;
    font-size: 12px;
    line-height: 18px;
    padding-left: 0px; }

.importSuccess.un-box-flat {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.batch-edit .capitalize {
  text-transform: capitalize; }

.batch-edit .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .batch-edit .header-buttons .b-btn,
  .batch-edit .header-buttons .b-btn:hover,
  .batch-edit .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .batch-edit .header-buttons .b-btn i,
    .batch-edit .header-buttons .b-btn:hover i,
    .batch-edit .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.import-item .plain-btn,
.import-item .plain-btn:hover {
  text-transform: unset;
  text-decoration: underline; }

.import-item .ant-upload.ant-upload-drag {
  height: 169px !important; }

.import-item .ant-upload.ant-upload-drag::after {
  display: none; }

.import-item .showUploader .ant-upload.ant-upload-drag {
  display: block; }

.import-item .hideUploader {
  display: none; }

.import-item .uploadList {
  height: 33px;
  width: fit-content;
  width: -moz-fit-content; }
  .import-item .uploadList .file {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 33px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 7px 12px;
    margin-right: 20px; }
    .import-item .uploadList .file .feather-file-text {
      color: #647176;
      font-size: 20px !important; }
  .import-item .uploadList .plain-btn {
    text-decoration: unset; }

.import-item .ant-upload-list {
  width: 50%; }

.import-item .feather-upload-cloud {
  font-size: 32px;
  color: #d4d4d4; }

.import-preview .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .import-preview .header-buttons .b-btn,
  .import-preview .header-buttons .b-btn:hover,
  .import-preview .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .import-preview .header-buttons .b-btn i,
    .import-preview .header-buttons .b-btn:hover i,
    .import-preview .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.import-preview .outline-i-btn,
.import-preview .outline-i-btn:focus,
.import-preview .outline-i-btn:hover {
  margin-right: 16px !important;
  border: 1px solid #d4d4d4 !important;
  background: none !important;
  color: #0c2028 !important; }

.importSuccess.un-box-flat {
  color: #35454c !important;
  border-color: #bcefb9 !important;
  background-color: #f3fff3 !important; }
  .importSuccess.un-box-flat i {
    font-size: 15px !important;
    margin-right: 4px !important; }

.importTable {
  overflow-x: auto; }
  .importTable .ant-table table {
    border: 1px solid #f6f6f6 !important; }
  .importTable .ant-table-thead > tr > th {
    color: #90999d !important;
    font-size: 10px !important;
    height: 56px !important;
    background: #f6f6f6 !important;
    border-left: none !important;
    border-right: none !important; }
  .importTable .ant-table-tbody > tr > td {
    color: #90999d !important;
    font-size: 10px !important; }
  .importTable .ant-table-tbody > tr:last-child > td {
    border-bottom: none !important; }
  .importTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: unset !important; }
  .importTable .un-import-error-column {
    background: #fde3e3;
    padding: 16px !important; }
  .importTable .un-import-warning-column {
    background: #ffe9b8;
    padding: 16px !important; }
  .importTable .un-import-error-block {
    height: 300px;
    overflow: auto; }

.ant-btn > .ant-btn-loading-icon .anticon {
  padding: 0px;
  margin-right: 8px; }

.export-item .ant-checkbox,
.export-item .ant-checkbox-input,
.export-item .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.export-item .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.export-item .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.export-item .export-table .ant-table-tbody .ant-table-measure-row {
  display: table-row !important; }
  .export-item .export-table .ant-table-tbody .ant-table-measure-row td {
    padding: 0 !important; }

.export-item .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.export-item .export-table table thead {
  background-color: #fafafb !important; }

.export-item .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.export-item .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.export-item .export-table .un-text-truncate {
  font-weight: bold !important; }

.export-item .export-table .un-light-label {
  font-size: 14px !important; }

.export-item .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .export-item .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

@media (min-width: 1024px) {
  .auto-cancel-order {
    width: 644px !important;
    margin: 0 auto !important; } }

.auto-cancel-order .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .auto-cancel-order .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .auto-cancel-order .header-buttons .b-btn,
  .auto-cancel-order .header-buttons .b-btn:hover,
  .auto-cancel-order .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .auto-cancel-order .header-buttons .b-btn i,
    .auto-cancel-order .header-buttons .b-btn:hover i,
    .auto-cancel-order .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.auto-cancel-order .status-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .auto-cancel-order .status-layout .status-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

@media (min-width: 1024px) {
  .omnichat-tracking {
    width: 644px !important;
    margin: 0 auto !important; } }

.omnichat-tracking .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .omnichat-tracking .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .omnichat-tracking .header-buttons .b-btn,
  .omnichat-tracking .header-buttons .b-btn:hover,
  .omnichat-tracking .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .omnichat-tracking .header-buttons .b-btn i,
    .omnichat-tracking .header-buttons .b-btn:hover i,
    .omnichat-tracking .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.omnichat-tracking .omnichat-tracking-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .omnichat-tracking .omnichat-tracking-layout .omnichat-tracking-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.omnichat-tracking .ant-form-item-label {
  padding-bottom: 4px !important; }

.omnichat-tracking .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .omnichat-tracking .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .un-affiliate-transaction-detail-export {
    width: 644px !important;
    margin: 0 auto !important; } }

.un-affiliate-transaction-detail-export .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .un-affiliate-transaction-detail-export .header-buttons .b-btn,
  .un-affiliate-transaction-detail-export .header-buttons .b-btn:hover,
  .un-affiliate-transaction-detail-export .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .un-affiliate-transaction-detail-export .header-buttons .b-btn i,
    .un-affiliate-transaction-detail-export .header-buttons .b-btn:hover i,
    .un-affiliate-transaction-detail-export .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.un-affiliate-transaction-detail-export .ant-checkbox,
.un-affiliate-transaction-detail-export .ant-checkbox-input,
.un-affiliate-transaction-detail-export .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.un-affiliate-transaction-detail-export .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.un-affiliate-transaction-detail-export .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.un-affiliate-transaction-detail-export .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.un-affiliate-transaction-detail-export .export-table table thead {
  background-color: #fafafb !important; }

.un-affiliate-transaction-detail-export .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.un-affiliate-transaction-detail-export .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.un-affiliate-transaction-detail-export .export-table .un-text-truncate {
  font-weight: bold !important; }

.un-affiliate-transaction-detail-export .export-table .un-light-label {
  font-size: 14px !important; }

.un-affiliate-transaction-detail-export .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .un-affiliate-transaction-detail-export .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.product-count {
  margin-left: 6px;
  background-color: #e5e5e5 !important;
  color: #0c2028 !important;
  font-size: 11px;
  padding: 2px 6px !important;
  border-radius: 11px;
  width: fit-content; }

.ant-tabs-tab-active .product-tab {
  font-weight: bold; }

.ant-tabs-tab-active .product-count {
  margin-left: 6px;
  background-color: #5acc5a !important;
  color: #ffffff !important;
  font-size: 11px;
  padding: 2px 6px !important;
  border-radius: 11px;
  width: fit-content; }

.ant-modal-root .ant-modal-body .modal-preview-product-watermark .ant-select {
  width: 100%; }

.radio-block {
  margin-bottom: 5px; }
  .radio-block .radio-block-option {
    display: block;
    line-height: 30px;
    width: fit-content;
    width: -moz-fit-content; }

@media (min-width: 1025px) {
  .modal-preview-product-watermark-header {
    display: flex;
    flex-wrap: wrap; }
    .modal-preview-product-watermark-header div:first-child {
      width: 100%; }
    .modal-preview-product-watermark-header .dropdown-watermark-list {
      width: 80%; }
      .modal-preview-product-watermark-header .dropdown-watermark-list + div {
        width: 20%;
        text-align: right;
        align-self: center; } }

.modal-preview-product-watermark-content {
  margin-top: 20px; }
  .modal-preview-product-watermark-content .preview-product-watermark-title {
    background-color: #e5e5e5;
    border-radius: 8px 8px 0px 0px;
    padding: 15px;
    text-align: center; }
    .modal-preview-product-watermark-content .preview-product-watermark-title label {
      color: #0c2028 !important; }
  .modal-preview-product-watermark-content .preview-product-watermark-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    border: 1px solid #e5e5e5; }
    .modal-preview-product-watermark-content .preview-product-watermark-body > div {
      padding: 20px;
      width: 50%; }
      .modal-preview-product-watermark-content .preview-product-watermark-body > div > div + div {
        padding-top: 8px;
        font-size: 16px; }

.mobile-app-download-banner .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .mobile-app-download-banner .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .mobile-app-download-banner .header-buttons .b-btn,
  .mobile-app-download-banner .header-buttons .b-btn:hover,
  .mobile-app-download-banner .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .mobile-app-download-banner .header-buttons .b-btn i,
    .mobile-app-download-banner .header-buttons .b-btn:hover i,
    .mobile-app-download-banner .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.mobile-app-download-banner h3.heading-medium {
  margin-bottom: 0 !important; }

.mobile-app-download-banner .app-status {
  margin-bottom: 0 !important; }

.mobile-app-download-banner .additional-options {
  margin-bottom: 0 !important; }

.mobile-app-download-banner .trash-btn {
  height: 17px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  color: #90999d; }
  .mobile-app-download-banner .trash-btn:hover {
    font-size: 14px !important; }

.mobile-app-download-banner .ant-checkbox + span {
  color: #0c2028 !important; }

.mobile-app-download-banner .color-pane {
  display: inline-flex;
  width: 176px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .mobile-app-download-banner .color-pane .color-box {
    width: 47% !important;
    height: 27px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .mobile-app-download-banner .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 27px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 27px !important;
    border: none;
    border-radius: 0 !important; }
    .mobile-app-download-banner .color-pane .color-code input {
      height: 25px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }
  .mobile-app-download-banner .color-pane .color-remove {
    cursor: pointer;
    padding-right: 8px;
    line-height: 27px !important;
    font-size: 16px;
    color: #90999d; }

.mobile-app-download-banner .blue-capsule-btn {
  cursor: pointer; }

.mobile-app-download-banner .channel-with-name .radio-outline-btn {
  line-height: 36px !important; }
  .mobile-app-download-banner .channel-with-name .radio-outline-btn img {
    border-radius: 3px !important;
    margin-right: 4px !important; }

.mobile-app-download-banner .channel-with-name .disabled-cursor {
  cursor: not-allowed !important; }

.mobile-app-download-banner .product-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  background-color: #f6f6f6;
  margin-bottom: 4px; }
  .mobile-app-download-banner .product-item .product-name {
    display: block;
    width: 229px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #0c2028; }
  .mobile-app-download-banner .product-item .feather-x {
    cursor: pointer;
    font-size: 20px;
    color: #647176;
    margin-right: 10px; }

.mobile-app-download-banner .inactive-message {
  color: red; }

.mobile-app-download-banner .link-to {
  margin-bottom: 8px !important; }

.mobile-app-download-banner .add-product-btn {
  cursor: pointer;
  height: 33px;
  background-color: #5acc5a;
  border: 1px solid #5acc5a;
  border-radius: 4px !important;
  text-align: center;
  line-height: 31px;
  font-size: 14px;
  color: #ffffff; }

.mobile-app-download-banner .select-view {
  width: fit-content; }
  .mobile-app-download-banner .select-view .ant-radio-group.view {
    display: inline-flex; }
    .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper {
      width: 40px !important;
      height: 33px !important;
      padding: 0;
      border: 1px solid #d4d4d4;
      line-height: 27px !important;
      text-align: center !important;
      color: #90999d !important; }
      .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper .mdi-desktop-mac {
        margin-top: 4px;
        content: url("https://api.iconify.design/mdi:desktop-mac.svg?color=%2390999D&width=24px&height=25px");
        vertical-align: -0.125em; }
      .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper .mdi-cellphone {
        margin-top: 3px;
        content: url("https://api.iconify.design/mdi:cellphone.svg?color=%2390999D&width=23px&height=24px");
        vertical-align: -0.125em; }
    .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper:nth-child(2) {
      border-left: 0 !important; }
    .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked {
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border: 1px solid #5acc5a !important; }
      .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked .mdi-desktop-mac {
        content: url("https://api.iconify.design/mdi:desktop-mac.svg?color=%23ffffff&width=24px&height=25px");
        vertical-align: -0.125em; }
      .mobile-app-download-banner .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked .mdi-cellphone {
        content: url("https://api.iconify.design/mdi:cellphone.svg?color=%23ffffff&width=23px&height=24px");
        vertical-align: -0.125em; }

@media (min-width: 1024px) {
  .add-to-any {
    width: 644px !important;
    margin: 0 auto !important; } }

.add-to-any .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .add-to-any .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .add-to-any .header-buttons .b-btn,
  .add-to-any .header-buttons .b-btn:hover,
  .add-to-any .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .add-to-any .header-buttons .b-btn i,
    .add-to-any .header-buttons .b-btn:hover i,
    .add-to-any .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.add-to-any .add-to-any-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .add-to-any .add-to-any-layout .add-to-any-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.add-to-any .ant-form-item-label {
  padding-bottom: 4px !important; }

.add-to-any .row .col-md-12 span {
  padding: 5px 0px; }

@media (min-width: 1024px) {
  .wholesale {
    width: 644px !important;
    margin: 0 auto !important; } }

.wholesale .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .wholesale .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .wholesale .header-buttons .b-btn,
  .wholesale .header-buttons .b-btn:hover,
  .wholesale .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .wholesale .header-buttons .b-btn i,
    .wholesale .header-buttons .b-btn:hover i,
    .wholesale .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.wholesale .wholesale-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .wholesale .wholesale-layout .wholesale-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.wholesale .ant-form-item-label {
  padding-bottom: 4px !important; }

.wholesale .radio-group .radio-group-item {
  margin-bottom: 8px !important; }
  .wholesale .radio-group .radio-group-item span {
    color: #0c2028 !important; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .custom-code {
    width: 644px !important;
    margin: 0 auto !important; } }

.custom-code .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .custom-code .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .custom-code .header-buttons .b-btn,
  .custom-code .header-buttons .b-btn:hover,
  .custom-code .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .custom-code .header-buttons .b-btn i,
    .custom-code .header-buttons .b-btn:hover i,
    .custom-code .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.custom-code .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.custom-code .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.custom-code .ant-table-container table > tbody > tr > td {
  vertical-align: middle !important; }

.custom-code .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.custom-code .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.custom-code .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.custom-code .unicart-table .set-as-default {
  margin-right: 16px !important; }

@media (min-width: 1024px) {
  .custom-code-form {
    width: 644px !important;
    margin: 0 auto !important; } }

.custom-code-form .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .custom-code-form .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .custom-code-form .header-buttons .b-btn,
  .custom-code-form .header-buttons .b-btn:hover,
  .custom-code-form .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .custom-code-form .header-buttons .b-btn i,
    .custom-code-form .header-buttons .b-btn:hover i,
    .custom-code-form .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.custom-code-form .status {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .custom-code-form .status .label {
    line-height: 33px;
    margin-right: 16px; }

.custom-code-form .selected-pages-container {
  border: 1px solid #d9d9d9;
  border-radius: 4px !important;
  min-height: 33px !important;
  width: -webkit-fill-available;
  padding: 7px 12px 0 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .custom-code-form .selected-pages-container .pageTag {
    height: 18px;
    line-height: 16px;
    background-color: #007ce0;
    border-color: #007ce0;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    justify-content: center;
    margin-bottom: 6px; }
    .custom-code-form .selected-pages-container .pageTag .anticon-close {
      color: #fff !important; }

.custom-code-form .feather-zoom-in {
  margin-left: 12px; }

.custom-code-form .feather-info {
  font-size: 15px !important;
  color: #90999d;
  margin-right: 4px; }

.un-select-page-tree .ant-modal-body .ant-tree {
  margin-left: -10px !important; }
  .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode {
    padding: 0 0 8px 0 !important; }
    .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode:first-child {
      margin-left: 0px !important; }
    .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-switcher {
      display: none !important; }
    .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-checkbox {
      margin: 2px 8px 0 0;
      width: 18px !important;
      height: 18px !important; }
      .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-checkbox .ant-tree-checkbox-inner {
        border-radius: 4px !important;
        width: 18px !important;
        height: 18px !important;
        left: 3px !important; }
      .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
        background-color: #5acc5a !important;
        border-color: #5acc5a !important; }
      .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-checkbox.ant-tree-checkbox-checked::after {
        left: 3px !important;
        border-color: #5acc5a !important;
        border-top-color: #5acc5a !important;
        border-right-color: #5acc5a !important;
        border-bottom-color: #5acc5a !important;
        border-left-color: #5acc5a !important; }
      .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-checkbox.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
        background-color: #5acc5a !important; }
    .un-select-page-tree .ant-modal-body .ant-tree .ant-tree-treenode .ant-tree-title {
      font-size: 14px !important;
      color: #0c2028 !important; }

.select-all-container {
  margin-left: -10px !important;
  margin-bottom: 11px; }
  .select-all-container .ant-checkbox {
    margin: 2px 8px 0 0;
    width: 18px !important;
    height: 18px !important; }
    .select-all-container .ant-checkbox .ant-checkbox-inner {
      border-radius: 4px !important;
      width: 18px !important;
      height: 18px !important;
      left: 3px !important; }
    .select-all-container .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
      background-color: #5acc5a !important;
      border-color: #5acc5a !important; }
    .select-all-container .ant-checkbox.ant-checkbox-checked::after {
      left: 3px !important;
      border-color: #5acc5a !important;
      border-top-color: #5acc5a !important;
      border-right-color: #5acc5a !important;
      border-bottom-color: #5acc5a !important;
      border-left-color: #5acc5a !important; }
    .select-all-container .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {
      background-color: #5acc5a !important; }
  .select-all-container .ant-checkbox + span {
    padding-left: 3px; }

.custom-code-index .edit_button {
  font-size: 20px;
  margin-right: 20px; }

.custom-code-index .delete_button {
  font-size: 20px; }

@media (min-width: 1024px) {
  .free-shipping-bar {
    width: 816px !important;
    margin: 0 auto !important; } }

.free-shipping-bar .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .free-shipping-bar .header-buttons .b-btn,
  .free-shipping-bar .header-buttons .b-btn:hover,
  .free-shipping-bar .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .free-shipping-bar .header-buttons .b-btn i,
    .free-shipping-bar .header-buttons .b-btn:hover i,
    .free-shipping-bar .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .free-shipping-bar .header-buttons .status-label {
    line-height: 33px;
    margin-right: 16px; }

.free-shipping-bar .free-shipping-bar-actions {
  width: fit-content;
  margin: 0 0 20px auto; }
  .free-shipping-bar .free-shipping-bar-actions .primary-i-btn {
    margin-left: 0;
    margin-right: 0; }

.free-shipping-bar .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.free-shipping-bar .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.free-shipping-bar .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.free-shipping-bar .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.free-shipping-bar .unicart-table .ant-list-item-meta-description {
  padding-left: 12px !important; }

.free-shipping-bar .unicart-table .un-table-cell {
  margin-bottom: 12px; }
  .free-shipping-bar .unicart-table .un-table-cell i.feather-edit-3 {
    font-size: 20px;
    margin-right: 48px; }
  .free-shipping-bar .unicart-table .un-table-cell i.feather-trash-2 {
    margin-right: 18px; }

.free-shipping-bar-form .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .free-shipping-bar-form .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .free-shipping-bar-form .header-buttons .b-btn,
  .free-shipping-bar-form .header-buttons .b-btn:hover,
  .free-shipping-bar-form .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .free-shipping-bar-form .header-buttons .b-btn i,
    .free-shipping-bar-form .header-buttons .b-btn:hover i,
    .free-shipping-bar-form .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.free-shipping-bar-form h3.heading-medium {
  margin-bottom: 0 !important; }

.free-shipping-bar-form .app-status {
  margin-bottom: 0 !important; }

.free-shipping-bar-form .color-pane {
  display: inline-flex;
  width: 176px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .free-shipping-bar-form .color-pane .color-box {
    width: 47% !important;
    height: 27px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .free-shipping-bar-form .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 27px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 27px !important;
    border: none;
    border-radius: 0 !important; }
    .free-shipping-bar-form .color-pane .color-code input {
      height: 25px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }
  .free-shipping-bar-form .color-pane .color-remove {
    cursor: pointer;
    padding-right: 8px;
    line-height: 27px !important;
    font-size: 16px;
    color: #90999d; }

@media (max-width: 1024px) {
  .free-shipping-bar-form .ant-form-vertical .ant-form-item {
    flex-direction: unset !important; } }

.free-shipping-bar-form .messages {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .free-shipping-bar-form .messages .ant-form-item {
    margin-bottom: 0 !important;
    width: 40%; }
  .free-shipping-bar-form .messages .goal-val {
    font-size: 14px;
    color: #0c2028;
    height: 10px;
    line-height: 0px;
    margin-top: 10px; }

.free-shipping-bar-form .switches {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .free-shipping-bar-form .switches .ant-form-item {
    margin-bottom: 0 !important; }

.free-shipping-bar-form .fit-content {
  padding: 1px 10px;
  width: fit-content;
  height: fit-content;
  border-color: transparent; }

.free-shipping-bar-form .max-content {
  width: max-content;
  height: max-content; }

.free-shipping-bar-form .asterisk {
  font-weight: normal !important;
  color: #e0241a !important; }

.notify-me .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .notify-me .header-buttons .b-btn,
  .notify-me .header-buttons .b-btn:hover,
  .notify-me .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .notify-me .header-buttons .b-btn i,
    .notify-me .header-buttons .b-btn:hover i,
    .notify-me .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.notify-me .unicart-filter {
  margin-top: 0 !important; }

.notify-me .unicart-marketplacelist {
  margin-top: 0; }
  .notify-me .unicart-marketplacelist .btn-store {
    text-transform: unset !important; }

.notify-me .product-rate {
  margin-bottom: 8px; }
  .notify-me .product-rate .ant-rate {
    font-size: 20px;
    color: #ffae4c; }
    .notify-me .product-rate .ant-rate .ant-rate-star {
      margin-right: 2px; }

.notify-me .unicart-table .ant-tabs {
  width: 100% !important; }

@media (min-width: 1024px) {
  .notify-me-settings {
    width: 644px !important;
    margin: 0 auto !important; } }

.notify-me-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .notify-me-settings .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .notify-me-settings .header-buttons .b-btn,
  .notify-me-settings .header-buttons .b-btn:hover,
  .notify-me-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .notify-me-settings .header-buttons .b-btn i,
    .notify-me-settings .header-buttons .b-btn:hover i,
    .notify-me-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@font-face {
  font-family: 'Gotham';
  src: url(/99ae951bf578da2bbc64de7a574826b6.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue';
  src: url(/a9d2f485784f9d223c05b50c3ab69438.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'JF Open Hun Inn';
  src: url(/44c862c33d4f2022a179b1b974479782.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LXGW WenKai TC';
  src: url(/eb545591e8cb8130896c36b0b886ae65.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mantou Sans';
  src: url(/1dbe0243223fe22c15cfa06ec918e548.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

.headline-rotator .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .headline-rotator .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .headline-rotator .header-buttons .b-btn,
  .headline-rotator .header-buttons .b-btn:hover,
  .headline-rotator .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .headline-rotator .header-buttons .b-btn i,
    .headline-rotator .header-buttons .b-btn:hover i,
    .headline-rotator .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.headline-rotator .un-box-flat {
  height: fit-content !important; }

.headline-rotator .un-form-setting label {
  color: #0c2028 !important; }

.headline-rotator h3.heading-medium {
  margin-bottom: 0 !important; }

.headline-rotator .app-status {
  margin-bottom: 0 !important; }

.headline-rotator .ant-checkbox + span {
  color: #0c2028 !important; }

.headline-rotator .transition-speed {
  width: 104px !important; }
  .headline-rotator .transition-speed .ant-input-number.addon-after {
    border-radius: 4px 0 0 4px !important; }
  .headline-rotator .transition-speed .ant-input-group-addon {
    padding: 4px 18px 4px 10px !important; }
  .headline-rotator .transition-speed .ant-form-item-explain {
    width: fit-content;
    white-space: nowrap; }
  .headline-rotator .transition-speed.ant-form-item-has-error .ant-input-number.addon-after.ant-input-number-focused {
    border-color: #ff4d4f !important; }

.headline-rotator .text-format {
  display: inline-flex !important;
  width: 174px !important;
  margin-bottom: 8px; }
  .headline-rotator .text-format .font-weight {
    cursor: pointer;
    width: 36% !important;
    height: 29px !important;
    margin-right: 4px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    line-height: 27px !important;
    text-align: center !important;
    font-size: 14px;
    font-weight: bold;
    color: #0c2028 !important;
    background-color: #ffffff !important; }
    .headline-rotator .text-format .font-weight.selected {
      font-weight: normal !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border: 1px solid #5acc5a !important; }
  .headline-rotator .text-format .font-style {
    cursor: pointer;
    width: 36% !important;
    height: 29px !important;
    margin-right: 11px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    line-height: 27px !important;
    text-align: center !important;
    font-size: 14px;
    font-family: serif !important;
    font-style: italic !important;
    color: #0c2028 !important;
    background-color: #ffffff !important; }
    .headline-rotator .text-format .font-style.selected {
      font-style: italic !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border: 1px solid #5acc5a !important; }
  .headline-rotator .text-format .text-transform {
    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: 'tnum';
    line-height: unset; }
    .headline-rotator .text-format .text-transform .transform-option {
      width: 34% !important;
      height: 29px !important;
      padding: 0;
      border: 1px solid #d4d4d4;
      line-height: 27px !important;
      text-align: center !important;
      font-size: 14px !important;
      color: #0c2028 !important;
      background-color: #ffffff !important; }
    .headline-rotator .text-format .text-transform .transform-option:first-child {
      border-radius: 4px 0 0 4px !important; }
    .headline-rotator .text-format .text-transform .transform-option:nth-child(2) {
      border-left: 0 !important;
      border-right: 0 !important; }
    .headline-rotator .text-format .text-transform .transform-option:last-child {
      border-radius: 0 4px 4px 0 !important; }
    .headline-rotator .text-format .text-transform .transform-option.selected {
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border: 1px solid #5acc5a !important; }

.headline-rotator .color-pane {
  position: relative;
  display: inline-flex;
  width: 176px;
  height: 29px !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0; }
  .headline-rotator .color-pane .color-box {
    width: 47% !important;
    height: 27px !important;
    border-right: 1px solid #d4d4d4;
    border-radius: 4px 0 0 4px;
    border-left: none;
    border-top: none;
    border-bottom: none; }
  .headline-rotator .color-pane .color-code {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding: 0px 12px;
    line-height: 27px !important;
    font-size: 14px;
    color: #0c2028;
    text-transform: uppercase;
    height: 27px !important;
    border: none;
    border-radius: 0 !important; }
    .headline-rotator .color-pane .color-code input {
      height: 25px !important;
      border: none !important;
      width: 100px !important;
      color: #0c2028 !important; }
  .headline-rotator .color-pane .color-remove {
    cursor: pointer;
    padding-right: 8px;
    line-height: 27px !important;
    font-size: 16px;
    color: #90999d;
    background-color: #ffffff;
    border-radius: 0 4px 4px 0; }

.headline-rotator .multiple-content {
  margin-bottom: 20px; }
  .headline-rotator .multiple-content .content-container {
    background-color: #f6f6f6;
    display: flex;
    padding: 16px 12px;
    margin-bottom: 12px; }
    .headline-rotator .multiple-content .content-container .drag-icon {
      content: url("https://api.iconify.design/material-symbols/drag-indicator.svg?color=gray&height=20") !important;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position-y: center;
      cursor: -webkit-grab;
      cursor: grab;
      z-index: 1;
      width: 20px;
      height: 21px;
      margin-right: 5px; }
    .headline-rotator .multiple-content .content-container .contents {
      padding: 0 16px; }
    .headline-rotator .multiple-content .content-container .content-actions {
      width: 20px;
      min-width: 20px; }

@media (max-width: 425px) {
  .headline-rotator .ant-form-vertical .ant-form-item {
    flex-direction: unset !important; } }

@media (min-width: 1024px) {
  .purchase-link {
    width: 644px !important;
    margin: 0 auto !important; } }

.purchase-link .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .purchase-link .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .purchase-link .header-buttons .b-btn,
  .purchase-link .header-buttons .b-btn:hover,
  .purchase-link .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .purchase-link .header-buttons .b-btn i,
    .purchase-link .header-buttons .b-btn:hover i,
    .purchase-link .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.purchase-link .generate-btn {
  height: 81px !important;
  background-color: #ffffff !important;
  border: 1px dashed #d4d4d4 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  color: #007ce0 !important;
  margin-bottom: 32px !important; }
  .purchase-link .generate-btn i {
    margin-right: 4px !important; }

.purchase-link .generate-btn:hover,
.purchase-link .generate-btn:focus,
.purchase-link .generate-btn:active {
  border: 1px dashed #007ce0 !important; }

.purchase-link .create-permanent-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px; }

.purchase-link .unicart-filter {
  margin-top: 0 !important; }
  .purchase-link .unicart-filter .search-form .ant-input-affix-wrapper {
    width: 327px;
    border-radius: 4px !important; }

.purchase-link .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.purchase-link .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.purchase-link .unicart-table .ant-table-tbody > tr > td {
  vertical-align: top !important;
  padding: 24px 16px !important; }
  .purchase-link .unicart-table .ant-table-tbody > tr > td .url-actions {
    display: flex;
    align-items: center; }
    .purchase-link .unicart-table .ant-table-tbody > tr > td .url-actions .url {
      font-size: 12px !important;
      color: #007ce0 !important;
      max-width: 290px; }
    .purchase-link .unicart-table .ant-table-tbody > tr > td .url-actions .actions {
      display: flex;
      cursor: pointer; }
      .purchase-link .unicart-table .ant-table-tbody > tr > td .url-actions .actions i {
        margin-left: 8px;
        font-size: 13px !important;
        color: #007ce0 !important; }
        .purchase-link .unicart-table .ant-table-tbody > tr > td .url-actions .actions i:hover {
          color: #0058b6 !important; }

.purchase-link .unicart-table .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.purchase-link .unicart-table .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.purchase-link .actions-btn {
  display: flex;
  align-items: center; }
  .purchase-link .actions-btn i {
    font-size: 20px !important;
    margin-left: 20px; }

.purchase-link-form .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px; }
  @media (min-width: 1024px) {
    .purchase-link-form .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .purchase-link-form .header-buttons .b-btn,
  .purchase-link-form .header-buttons .b-btn:hover,
  .purchase-link-form .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .purchase-link-form .header-buttons .b-btn i,
    .purchase-link-form .header-buttons .b-btn:hover i,
    .purchase-link-form .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .purchase-link-form .header-buttons .purchase-link-actions {
    width: fit-content;
    display: flex; }
    .purchase-link-form .header-buttons .purchase-link-actions .ant-select-selector {
      background-color: transparent;
      color: #0c2028 !important;
      width: 120px !important; }
    .purchase-link-form .header-buttons .purchase-link-actions .split-btn,
    .purchase-link-form .header-buttons .purchase-link-actions .primary-btn {
      margin-left: 16px !important; }

.purchase-link-form .cart-list table thead tr th,
.purchase-link-form .cart-list table thead tr td,
.purchase-link-form .cart-list table tbody tr th,
.purchase-link-form .cart-list table tbody tr td,
.purchase-link-form .cart-list table tfoot tr th,
.purchase-link-form .cart-list table tfoot tr td {
  vertical-align: top !important; }

.purchase-link-form .cart-list .ant-table table {
  border: none !important; }

.purchase-link-form .cart-list thead.ant-table-thead {
  height: 32px !important;
  background-color: #fafafb !important; }

.purchase-link-form .cart-list th.ant-table-cell {
  padding: 7px 16px !important;
  background-color: #fafafb !important;
  font-size: 12px !important;
  border: none !important; }

.purchase-link-form .cart-list .ant-table-tbody > tr:last-child > td {
  border-bottom: 1px solid #d4d4d4 !important; }

.purchase-link-form .cart-list .ant-list-item {
  padding: 0 !important; }

.purchase-link-form .cart-list .un-row-product img {
  height: 74px;
  width: 74px;
  border-radius: 6px; }

.purchase-link-form .cart-list .cart-list-table .ant-table {
  overflow-x: auto; }

.purchase-link-form .cart-list .unit-price.caption {
  color: #90999d;
  text-decoration: line-through; }

.purchase-link-form .cart-list .price-cell .ant-form-item {
  margin-bottom: 4px !important; }
  .purchase-link-form .cart-list .price-cell .ant-form-item .ant-form-item-control-input {
    min-height: 25px !important; }
    .purchase-link-form .cart-list .price-cell .ant-form-item .ant-form-item-control-input .ant-input-group-addon {
      padding-top: unset !important;
      vertical-align: middle;
      display: inline-table;
      line-height: 23px !important;
      height: 25px !important; }
    .purchase-link-form .cart-list .price-cell .ant-form-item .ant-form-item-control-input .ant-input-number {
      width: 83px !important;
      height: 25px !important; }
      .purchase-link-form .cart-list .price-cell .ant-form-item .ant-form-item-control-input .ant-input-number .ant-input-number-input {
        line-height: 21px !important;
        height: 23px !important;
        color: #0c2028 !important; }

.purchase-link-form .cart-list .quantity-cell .ant-input {
  border-radius: 0 !important;
  text-align: center !important;
  height: 25px; }

.purchase-link-form .cart-list .quantity-cell .ant-input-group-addon:first-child {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  background-color: #f6f6f6 !important; }

.purchase-link-form .cart-list .quantity-cell .ant-input-group-addon:last-child {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  background-color: #f6f6f6 !important; }

.purchase-link-form .cart-list .totals-container {
  width: 100%;
  padding: 20px;
  border-radius: 8px !important;
  background-color: #f6f6f6;
  margin-bottom: 20px !important; }
  .purchase-link-form .cart-list .totals-container.requested {
    background-color: unset !important;
    padding: 0 20px !important; }
  .purchase-link-form .cart-list .totals-container.editable .cost-remove i {
    display: block !important; }
  .purchase-link-form .cart-list .totals-container .plain-btn {
    margin-right: 20px; }
    .purchase-link-form .cart-list .totals-container .plain-btn i {
      margin-right: 8px; }
  .purchase-link-form .cart-list .totals-container .cost-item {
    align-items: center; }
    .purchase-link-form .cart-list .totals-container .cost-item.reward {
      margin-bottom: 12px; }
      .purchase-link-form .cart-list .totals-container .cost-item.reward .ant-checkbox-wrapper {
        margin-left: 9px !important; }
    .purchase-link-form .cart-list .totals-container .cost-item.normal {
      border-top: none !important;
      background-color: unset !important; }
    .purchase-link-form .cart-list .totals-container .cost-item.total {
      border-top: none !important;
      border-bottom: none !important;
      background-color: unset !important; }
      .purchase-link-form .cart-list .totals-container .cost-item.total .cost-label,
      .purchase-link-form .cart-list .totals-container .cost-item.total .cost-total {
        font-size: 22px !important;
        font-weight: bold !important; }
    .purchase-link-form .cart-list .totals-container .cost-item.total-reward {
      border-top: none !important;
      background-color: unset !important; }
      .purchase-link-form .cart-list .totals-container .cost-item.total-reward .cost-label {
        display: flex;
        justify-content: space-between !important; }
      .purchase-link-form .cart-list .totals-container .cost-item.total-reward .ant-checkbox-wrapper {
        margin-left: 9px !important; }
  .purchase-link-form .cart-list .totals-container .cost-label {
    font-size: 14px;
    color: #0c2028 !important;
    line-height: 21px !important;
    display: flex; }
    .purchase-link-form .cart-list .totals-container .cost-label i {
      line-height: 21px !important;
      font-size: 14px;
      margin-right: 4px !important; }
  .purchase-link-form .cart-list .totals-container .cost-value {
    font-size: 14px;
    color: #0c2028 !important;
    font-weight: bold !important;
    line-height: 21px !important;
    display: flex; }
    .purchase-link-form .cart-list .totals-container .cost-value i {
      line-height: 21px !important;
      cursor: pointer;
      font-size: 14px;
      color: #007ce0 !important;
      width: fit-content;
      margin: 0 0 0 auto !important; }
  .purchase-link-form .cart-list .totals-container .cost-total {
    font-size: 14px;
    color: #0c2028 !important;
    line-height: 21px !important;
    text-align: right;
    padding-right: 0 !important; }
    .purchase-link-form .cart-list .totals-container .cost-total .plain-btn {
      line-height: 21px !important;
      margin: 0 0 0 auto; }
    .purchase-link-form .cart-list .totals-container .cost-total .blue a[disabled] {
      color: #0c2028 !important; }
  .purchase-link-form .cart-list .totals-container .cost-remove {
    line-height: 21px !important; }
    .purchase-link-form .cart-list .totals-container .cost-remove i {
      display: none;
      line-height: 21px !important;
      cursor: pointer;
      font-size: 20px;
      color: #90999d !important;
      width: fit-content; }
  .purchase-link-form .cart-list .totals-container .cost-edit {
    line-height: 21px !important; }
    .purchase-link-form .cart-list .totals-container .cost-edit i {
      line-height: 21px !important;
      cursor: pointer;
      font-size: 16px;
      color: #007ce0 !important;
      width: fit-content; }

.purchase-link-form .purchase-link-url .ant-input {
  width: 300px; }

.purchase-link-form .purchase-link-url .purchase-link-label {
  margin-bottom: 4px !important;
  display: flex;
  align-items: center; }
  .purchase-link-form .purchase-link-url .purchase-link-label i {
    margin: 0 0 4px 8px !important;
    font-size: 13px;
    color: #007ce0 !important; }

.purchase-link-form .purchase-link-url .url-copy {
  width: fit-content;
  display: flex;
  align-items: center; }
  .purchase-link-form .purchase-link-url .url-copy .ant-form-item {
    margin-bottom: 0 !important; }
    .purchase-link-form .purchase-link-url .url-copy .ant-form-item .ant-input {
      width: 700px;
      border-radius: 4px 0 0 4px !important; }
  .purchase-link-form .purchase-link-url .url-copy .primary-btn {
    border-radius: 0 4px 4px 0 !important; }

.un-order-item-modal {
  width: 750px !important; }
  .un-order-item-modal body,
  .un-order-item-modal td,
  .un-order-item-modal th,
  .un-order-item-modal input,
  .un-order-item-modal select,
  .un-order-item-modal textarea,
  .un-order-item-modal option,
  .un-order-item-modal optgroup {
    font-size: 14px;
    color: #000000; }
  .un-order-item-modal .asterisk {
    font-weight: normal !important;
    color: #e0241a !important; }
  .un-order-item-modal .ant-modal-body {
    max-height: unset;
    height: calc(100vh - 240px) !important;
    padding: 20px 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-type {
      margin-bottom: 12px !important; }
      .un-order-item-modal .ant-modal-body .product-type .ant-radio-wrapper {
        margin: 0 0 8px 0 !important; }
    .un-order-item-modal .ant-modal-body .modal-filter {
      position: relative !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .search-form {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 370px; }
        .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
          width: 190px !important; }
          @media (max-width: 425px) {
            .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
              width: 100% !important; } }
      .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 318px !important;
        height: 41px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker .ant-cascader-input {
          height: 41px !important;
          padding: 6px 11px !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select {
        position: absolute !important;
        z-index: 1002 !important;
        width: 315px !important;
        height: 57px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .ant-select-selector {
          height: 57px !important;
          padding: 11px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item {
          width: 388px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-title {
            line-height: 17px !important;
            font-size: 14px !important;
            font-weight: bold !important;
            color: #0c2028 !important;
            margin-bottom: 2px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type {
            display: block;
            line-height: 14px !important;
            font-size: 12px !important;
            color: #647176 !important;
            max-width: 250px; }
            .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag {
              font-size: 10px !important;
              border-radius: 2px !important;
              height: 13px;
              line-height: 11px;
              padding: 0 3px;
              text-transform: capitalize;
              margin-right: 4px !important;
              width: fit-content !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.store {
                background-color: #ffe0e0 !important;
                border: 1px solid #ffe0e0 !important;
                color: #49302c !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.product {
                background-color: #c9f8f2 !important;
                border: 1px solid #c9f8f2 !important;
                color: #02232a !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-expanded-row-level-1 .ant-table-cell {
      padding-left: 6px !important; }
    .un-order-item-modal .ant-modal-body .product-table .variant-price {
      padding-left: 27px; }
    .un-order-item-modal .ant-modal-body .product-table .variant-stock {
      padding-left: 17px; }
    .un-order-item-modal .ant-modal-body .product-table table tbody tr td {
      vertical-align: top !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item {
      padding: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta {
      padding-top: 1px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta-description {
      padding-left: 0; }
    .un-order-item-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
      margin-left: unset !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
      padding: 12px 12px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .un-order-item-modal .ant-modal-body .product-table table thead {
      background-color: #fafafb !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .un-order-item-modal .ant-modal-body .product-table .desc {
      line-height: 15px !important; }
    .un-order-item-modal .ant-modal-body .product-table .un-light-label-text {
      color: #647176 !important;
      font-size: 12px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      margin: 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-link {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item a {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini {
      margin-top: 10px; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      color: #0c2028 !important;
      font-weight: normal !important; }
  .un-order-item-modal .ant-modal-footer {
    padding: 12px 24px !important;
    height: 151px !important; }
    .un-order-item-modal .ant-modal-footer .selected-container {
      width: -webkit-fill-available;
      width: fill-available;
      width: -moz-available;
      height: 81px;
      display: inline-flex;
      text-align: left !important;
      margin-bottom: 12px !important;
      overflow-x: auto; }
      .un-order-item-modal .ant-modal-footer .selected-container .un-row-product img {
        height: 56px;
        width: 56px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin-left: 0;
        margin-top: 8px; }
      .un-order-item-modal .ant-modal-footer .selected-container .selected-img {
        position: relative;
        margin-right: 16px; }
        .un-order-item-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
          background-color: #0c2028 !important;
          border-radius: 50%;
          padding: 4px;
          width: 28px;
          content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
          vertical-align: -0.125em;
          position: absolute;
          top: 1px;
          right: -4px;
          opacity: 0.65; }
  .un-order-item-modal .ant-table-expand-icon-col {
    width: 0px; }
  .un-order-item-modal .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
    display: none; }
  .un-order-item-modal .ant-table-expanded-row-level-1 .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
    margin: 0px 0px 0px 12px !important; }

.un-order-voucher-modal {
  width: 750px !important; }
  .un-order-voucher-modal .ant-modal-body {
    max-height: calc(100vh - 90px) !important;
    padding: 20px !important; }
    .un-order-voucher-modal .ant-modal-body .modal-filter {
      margin-bottom: 20px;
      display: flex; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .search-form {
        width: fit-content;
        margin-left: 4px; }
        .un-order-voucher-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
          width: 216px !important;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
          @media (max-width: 425px) {
            .un-order-voucher-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
              width: 100% !important; } }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination {
        margin: 10px 0 0 auto !important;
        color: #0c2028 !important;
        font-weight: normal !important; }
        .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination .ant-pagination-total-text {
          display: none; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination-item-link {
        color: #0c2028 !important; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination-item a {
        color: #0c2028 !important; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination-item-active {
        border: 1px solid #d9d9d9 !important; }
        .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination-item-active a {
          color: #007ce0 !important; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini {
        margin-top: 10px; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-prev {
        border: 1px solid #d9d9d9;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-next {
        border: 1px solid #d9d9d9;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
        border: 1px solid #d9d9d9; }
      .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-options {
        margin-left: 16px; }
        .un-order-voucher-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
          color: #0c2028 !important; }
    .un-order-voucher-modal .ant-modal-body .voucher-list {
      padding: 0 10px !important;
      max-height: calc(100vh - 190px) !important;
      overflow-y: auto;
      margin-right: -12px !important;
      margin-left: -12px !important; }
      .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding {
        padding: 0 5px 10px !important; }
        @media (max-width: 1023px) {
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding {
            padding: 0 10px 10px !important; } }
        .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card {
          width: 99%;
          height: 225px;
          border-radius: 8px;
          font-size: 14px;
          position: relative; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .fully-redeemed-logo {
            position: absolute;
            left: 30%;
            top: 26%;
            transform: rotate(345deg);
            width: 145px;
            z-index: 1001; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail {
            opacity: 0.75 !important;
            border: none;
            border-bottom: none;
            background-position: left bottom, right bottom, right top, left top !important;
            background-size: 52% 52% !important;
            background-repeat: no-repeat !important; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail .coupon-title a,
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail .coupon-title a:hover {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code {
            opacity: 0.75 !important;
            border: none;
            background-position: left bottom, right bottom, right top, left top !important;
            background-size: 52% 52% !important;
            background-repeat: no-repeat !important; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code .copy-coupon,
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code .code {
              opacity: 0.75 !important;
              cursor: auto !important; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code.redeemed .redeemed-text {
              text-align: left; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-detail, .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-detail {
            border: none;
            border-bottom: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-detail .coupon-title span, .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-detail .coupon-title span {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-code, .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-code {
            border: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-code .code.apply, .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-code .code.apply {
              border: 1px solid !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-detail {
            border: none;
            border-bottom: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-detail .coupon-title span {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-code {
            border: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-code .code.apply {
              border: 1px solid !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-detail {
            border: none;
            border-bottom: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-detail .coupon-title span {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-code {
            border: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-code .code.apply {
              border: 1px solid !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-detail {
            border: none;
            border-bottom: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-detail .coupon-title span {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-code {
            border: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-code .code.apply {
              border: 1px solid !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-detail {
            border: none;
            border-bottom: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-detail .coupon-title span {
              font-family: 'Staatliches', cursive !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-code {
            border: none; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-code .code.apply {
              border: 1px solid !important; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail {
            font-family: 'Roboto', sans-serif !important;
            height: 154px;
            padding: 24px;
            border-radius: 8px;
            text-align: left;
            background-position: left bottom, right bottom, right top, left top !important;
            background-size: 52% 52% !important;
            background-repeat: no-repeat !important; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-title {
              font-family: 'Staatliches', cursive !important;
              text-transform: uppercase;
              font-size: 22px;
              line-height: 28px;
              display: block;
              display: -webkit-box;
              word-wrap: break-word;
              word-break: break-word;
              -webkit-line-clamp: 1 !important;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-bottom: 2px; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value {
              width: 100%;
              display: inline-flex;
              align-items: center;
              line-height: 46px;
              font-weight: 900; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .currency {
                width: fit-content;
                font-size: 20px; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .number {
                width: fit-content;
                font-size: 28px; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .off {
                width: fit-content;
                font-size: 20px;
                margin-left: 2px; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity {
              width: 100%;
              display: inline-flex;
              font-size: 14px; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity .date {
                width: fit-content; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity .plain-btn {
                cursor: text !important;
                font-size: 14px !important;
                background: none !important;
                margin-left: auto;
                margin-right: 0; }
          .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code {
            font-family: 'Roboto', sans-serif !important;
            width: 100%;
            height: 72px;
            text-align: center;
            padding: 12px 24px;
            display: inline-flex;
            border-radius: 8px;
            border-top: none;
            margin-top: -1px;
            background-position: left bottom, right bottom, right top, left top !important;
            background-size: 52% 52% !important;
            background-repeat: no-repeat !important; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .copy-coupon {
              width: fit-content;
              align-self: center; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .copy-coupon .feather-copy {
                font-size: 15px;
                margin-left: 4px; }
            .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .code {
              font-family: 'Staatliches', cursive !important;
              font-size: 20px;
              height: 49px;
              line-height: 49px;
              width: 146px;
              margin-left: auto;
              margin-right: 0;
              border-radius: 25px;
              border: 1px solid; }
              .un-order-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .code.apply {
                cursor: pointer;
                width: 112px;
                text-transform: uppercase; }
    .un-order-voucher-modal .ant-modal-body .disabled-message {
      display: flex;
      align-items: flex-start;
      width: 100%;
      text-align: left;
      background-color: #fff5c4;
      border: 1px solid #f2cb0c;
      margin: 0 auto;
      word-break: break-word;
      padding: 6px 12px !important;
      height: fit-content !important; }
      .un-order-voucher-modal .ant-modal-body .disabled-message .message {
        color: #323f47;
        word-break: break-word !important; }
        .un-order-voucher-modal .ant-modal-body .disabled-message .message p {
          margin-bottom: 0;
          color: #323f47; }
        .un-order-voucher-modal .ant-modal-body .disabled-message .message span {
          color: #323f47; }

.un-voucher-tnc-modal {
  width: 400px !important; }
  .un-voucher-tnc-modal .ant-modal-body {
    font-size: 16px;
    color: #0c2028; }
    .un-voucher-tnc-modal .ant-modal-body .voucher-size {
      width: 339px;
      margin: 0 auto 29px; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-size .plain-btn {
        color: #90999d !important;
        cursor: text; }
    @media (min-width: 1024px) {
      .un-voucher-tnc-modal .ant-modal-body .tnc-details-container {
        max-height: 126px;
        overflow-y: auto; } }
    .un-voucher-tnc-modal .ant-modal-body .voucher-card {
      width: 100%;
      height: 225px;
      border-radius: 8px;
      font-size: 14px;
      position: relative; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .fully-redeemed-logo {
        position: absolute;
        left: 30%;
        top: 26%;
        transform: rotate(345deg);
        width: 145px;
        z-index: 1001; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail {
        opacity: 0.75 !important;
        border: none;
        border-bottom: none;
        background-position: left bottom, right bottom, right top, left top !important;
        background-size: 52% 52% !important;
        background-repeat: no-repeat !important; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail .coupon-title a,
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail .coupon-title a:hover {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code {
        opacity: 0.75 !important;
        border: none;
        background-position: left bottom, right bottom, right top, left top !important;
        background-size: 52% 52% !important;
        background-repeat: no-repeat !important; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code .copy-coupon,
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code .code {
          opacity: 0.75 !important;
          cursor: auto !important; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code.redeemed .redeemed-text {
          text-align: left; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-detail, .un-voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-detail {
        border: none;
        border-bottom: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-detail .coupon-title span, .un-voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-detail .coupon-title span {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-code, .un-voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-code {
        border: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-code .code.apply, .un-voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-code .code.apply {
          border: 1px solid !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-detail {
        border: none;
        border-bottom: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-detail .coupon-title span {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-code {
        border: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-code .code.apply {
          border: 1px solid !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-detail {
        border: none;
        border-bottom: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-detail .coupon-title span {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-code {
        border: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-code .code.apply {
          border: 1px solid !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-detail {
        border: none;
        border-bottom: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-detail .coupon-title span {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-code {
        border: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-code .code.apply {
          border: 1px solid !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-detail {
        border: none;
        border-bottom: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-detail .coupon-title span {
          font-family: 'Staatliches', cursive !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-code {
        border: none; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-code .code.apply {
          border: 1px solid !important; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail {
        font-family: 'Roboto', sans-serif !important;
        height: 154px;
        padding: 24px;
        border-radius: 8px;
        text-align: left;
        background-position: left bottom, right bottom, right top, left top !important;
        background-size: 52% 52% !important;
        background-repeat: no-repeat !important; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-title {
          font-family: 'Staatliches', cursive !important;
          text-transform: uppercase;
          font-size: 22px;
          line-height: 28px;
          display: block;
          display: -webkit-box;
          word-wrap: break-word;
          word-break: break-word;
          -webkit-line-clamp: 1 !important;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 2px; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value {
          width: 100%;
          display: inline-flex;
          align-items: center;
          line-height: 46px;
          font-weight: 900; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .currency {
            width: fit-content;
            font-size: 20px; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .number {
            width: fit-content;
            font-size: 28px; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .off {
            width: fit-content;
            font-size: 20px;
            margin-left: 2px; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity {
          width: 100%;
          display: inline-flex;
          font-size: 14px; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity .date {
            width: fit-content; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity .plain-btn {
            cursor: text !important;
            font-size: 14px !important;
            background: none !important;
            margin-left: auto;
            margin-right: 0; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code {
        font-family: 'Roboto', sans-serif !important;
        width: 100%;
        height: 72px;
        text-align: center;
        padding: 12px 24px;
        display: inline-flex;
        border-radius: 8px;
        border-top: none;
        margin-top: -1px;
        background-position: left bottom, right bottom, right top, left top !important;
        background-size: 52% 52% !important;
        background-repeat: no-repeat !important; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .copy-coupon {
          width: fit-content;
          align-self: center; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .copy-coupon .feather-copy {
            font-size: 15px;
            margin-left: 4px; }
        .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .code {
          font-family: 'Staatliches', cursive !important;
          font-size: 20px;
          height: 49px;
          line-height: 49px;
          width: 146px;
          margin-left: auto;
          margin-right: 0;
          border-radius: 25px;
          border: 1px solid; }
          .un-voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .code.apply {
            cursor: pointer;
            width: 112px;
            text-transform: uppercase; }
    .un-voucher-tnc-modal .ant-modal-body .tnc-details {
      font-size: 14px;
      color: #38484f;
      margin-bottom: 12px;
      margin-left: 12px; }
      .un-voucher-tnc-modal .ant-modal-body .tnc-details ul {
        padding-left: 21px; }
        .un-voucher-tnc-modal .ant-modal-body .tnc-details ul li {
          line-height: 16px;
          margin-bottom: 8px; }
    .un-voucher-tnc-modal .ant-modal-body .voucher-more_description {
      padding-left: 21px; }
      .un-voucher-tnc-modal .ant-modal-body .voucher-more_description .voucher-description-content {
        font-size: 14px;
        color: #38484f;
        white-space: pre-wrap;
        overflow: auto;
        height: 100px; }

.orders .table-responsive {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #e5e5e5;
  border-top: none !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important; }

@media (min-width: 1024px) {
  .exportProducts {
    width: 816px !important;
    margin: 0 auto !important; } }

.exportProducts .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .exportProducts .header-buttons .b-btn,
  .exportProducts .header-buttons .b-btn:hover,
  .exportProducts .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .exportProducts .header-buttons .b-btn i,
    .exportProducts .header-buttons .b-btn:hover i,
    .exportProducts .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.exportProducts .ant-checkbox,
.exportProducts .ant-checkbox-input,
.exportProducts .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.exportProducts .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.exportProducts .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.exportProducts .export-table .ant-table-tbody .ant-table-measure-row {
  display: table-row !important; }
  .exportProducts .export-table .ant-table-tbody .ant-table-measure-row td {
    padding: 0 !important; }

.exportProducts .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.exportProducts .export-table table thead {
  background-color: #fafafb !important; }

.exportProducts .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.exportProducts .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.exportProducts .export-table .un-text-truncate {
  font-weight: bold !important; }

.exportProducts .export-table .un-light-label {
  font-size: 14px !important; }

.exportProducts .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .exportProducts .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.remarks-table {
  overflow-x: auto; }
  .remarks-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .remarks-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .remarks-table table thead {
    background-color: #fafafb !important; }
  .remarks-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .remarks-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .remarks-table .un-text-truncate {
    font-weight: bold !important; }
  .remarks-table .un-light-label {
    font-size: 14px !important; }
  .remarks-table .ant-pagination {
    margin-bottom: 20px;
    margin-right: unset !important;
    padding: 0 !important; }

.newOrder .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  .newOrder .header-buttons .b-btn,
  .newOrder .header-buttons .b-btn:hover,
  .newOrder .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .newOrder .header-buttons .b-btn i,
    .newOrder .header-buttons .b-btn:hover i,
    .newOrder .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.new-order-form .left-panel,
.new-order-form .right-panel {
  align-content: start; }

@media (max-width: 1024px) {
  .new-order-form .newOrderFormFlex {
    display: block !important; } }

.new-order-form .un-title-light {
  color: #101010; }
  .new-order-form .un-title-light .ant-btn-round {
    height: 22px; }

.new-order-form .un-bottom-border .un-title-light {
  margin-bottom: 15px; }

.new-order-form .comments {
  margin-bottom: 32px !important; }
  .new-order-form .comments .feather-x {
    color: #e0241a !important; }

.new-order-form .search .ant-input-affix-wrapper span.anticon {
  width: 40px;
  color: #0c2028; }

.new-order-form .search .ant-input-affix-wrapper .anticon {
  font-size: 20px; }

.new-order-form .search .ant-input {
  height: 40px !important; }

.new-order-form .search .ant-input-affix-wrapper > input.ant-input {
  margin-top: 1px;
  height: 35px !important; }

.new-order-form .search .ant-input-search-icon {
  padding-right: 0;
  margin-right: -7px;
  margin-left: 0; }

.new-order-form .search .ant-input-search-icon::after {
  width: 40px; }

.new-order-form .search .ant-input-search-icon::before {
  right: 30px; }

.new-order-form .search .ant-input-clear-icon {
  width: 20px !important;
  content: url("https://api.iconify.design/fe/close.svg?color=%2390999d&width=20&height=20") !important; }

.new-order-form .search .plain-btn {
  height: 40px !important;
  text-align: left; }

.new-order-form .purchaseLinkOrderFormOrderDetails .heading-medium {
  width: fit-content !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table {
  overflow-x: auto; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table table thead {
    background-color: #fafafb !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    height: 32px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-table-thead > tr > th,
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-table-tbody > tr > td {
    border-bottom: none !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-list-item {
    padding: 0 !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-list-item-meta-avatar {
    width: 74px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .un-row-product img {
    height: 74px;
    width: 74px;
    border-radius: 6px; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .ant-input {
    border-radius: 0 !important;
    text-align: center !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .desc {
    line-height: 15px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .un-light-label-text {
    color: #647176 !important;
    font-size: 12px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .order-details-table .unit-price .caption {
    color: #90999d !important;
    text-decoration: line-through !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .remark {
  padding: 11px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .remark textarea.ant-input {
    border: none;
    margin-bottom: 0 !important;
    padding: 0;
    color: #0c2028 !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .remark .ant-legacy-form-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .totals-container {
  width: 100%;
  padding: 20px;
  border-radius: 8px !important;
  background-color: #f6f6f6;
  margin-bottom: 20px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .totals-container .plain-btn {
    margin-right: 20px; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .totals-container .plain-btn i {
      margin-right: 8px; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-item {
  align-items: center; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.reward {
    margin-bottom: 12px; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.reward .ant-checkbox-wrapper {
      margin-left: 9px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.normal {
    border-top: none !important;
    background-color: unset !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total {
    border-top: none !important;
    border-bottom: none !important;
    background-color: unset !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total .cost-label,
    .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total .cost-total {
      font-size: 22px !important;
      font-weight: bold !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total-reward {
    border-top: none !important;
    background-color: unset !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total-reward .cost-label {
      display: flex;
      justify-content: space-between !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .cost-item.total-reward .ant-checkbox-wrapper {
      margin-left: 9px !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-label {
  font-size: 14px;
  color: #0c2028 !important;
  line-height: 21px !important;
  display: flex; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-label i {
    line-height: 21px !important;
    font-size: 14px;
    margin-right: 4px !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-value {
  font-size: 14px;
  color: #0c2028 !important;
  font-weight: bold !important;
  line-height: 21px !important;
  display: flex; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-value i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 14px;
    color: #007ce0 !important;
    width: fit-content;
    margin: 0 0 0 auto !important; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-total {
  font-size: 14px;
  color: #0c2028 !important;
  line-height: 21px !important;
  text-align: right;
  padding-right: 0 !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-total .plain-btn {
    line-height: 21px !important;
    margin: 0 0 0 auto; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-remove {
  line-height: 21px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-remove i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 16px;
    color: #90999d !important;
    width: fit-content; }

.new-order-form .purchaseLinkOrderFormOrderDetails .cost-edit {
  line-height: 21px !important; }
  .new-order-form .purchaseLinkOrderFormOrderDetails .cost-edit i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 16px;
    color: #007ce0 !important;
    width: fit-content; }

.new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header {
  background-color: #fafafb;
  display: flex; }
  @media (max-width: 1023px) {
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header {
      width: fit-content !important; } }
  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item {
    padding: 7px 16px !important;
    background-color: #fafafb !important;
    font-size: 12px !important;
    border: none !important;
    text-align: center; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(1) {
      width: 412px !important;
      min-width: 412px !important;
      text-align: left !important; }
      @media (min-width: 1440px) {
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(1) {
          width: 445px !important;
          min-width: 445px !important; } }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(2) {
      width: 180px !important;
      min-width: 180px !important;
      text-align: left !important; }
      @media (min-width: 1440px) {
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(2) {
          width: 190px !important;
          min-width: 190px !important; } }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(3) {
      width: 180px !important;
      min-width: 180px !important;
      text-align: left !important;
      padding-left: 39px !important; }
      @media (min-width: 1440px) {
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(3) {
          width: 185px !important;
          min-width: 185px !important; } }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(4) {
      width: 120px !important;
      min-width: 120px !important;
      text-align: left !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(5) {
      width: -webkit-fill-available !important; }
      @media (max-width: 1023px) {
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-header .od-h-item:nth-child(5) {
          width: 44px !important;
          min-width: 44px !important; } }

.new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body {
  padding: 0 12px 12px; }
  @media (max-width: 1023px) {
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body {
      width: fit-content !important; } }
  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body.deals {
    padding: 0 !important;
    margin: 0 12px 24px !important;
    border-radius: 0 !important;
    border: 1px solid #e5e5e5 !important; }
  @media (max-width: 1023px) {
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .ant-empty {
      width: 87vw !important; } }
  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row {
    display: flex;
    border-bottom: 1px solid #e5e5e5 !important;
    align-items: flex-start; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row:last-child {
      border-bottom: none !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item {
      padding: 12px;
      color: #0c2028;
      font-size: 14px;
      text-align: center;
      align-self: auto; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item .ant-form-item {
        margin-bottom: 4px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) {
        padding: 12px 0 !important;
        width: 400px !important;
        min-width: 400px !important;
        text-align: left !important;
        align-self: baseline !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) {
            width: 435px !important;
            min-width: 435px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item {
          padding: 0 !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .un-row-product img {
            height: 74px;
            width: 74px;
            border-radius: 6px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .deal-tag {
            font-family: 'Roboto', sans-serif !important;
            width: fit-content;
            height: 18px;
            line-height: 14px;
            font-size: 12px;
            font-weight: normal !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 1px 6px;
            align-self: center;
            margin-right: 8px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant {
            display: flex !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select {
              width: 200px !important;
              margin-left: 4px !important;
              margin-top: -2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selector {
              border: none !important;
              height: 16px !important;
              padding: 0 !important;
              box-shadow: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-search-input {
              height: 16px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item {
              color: #007ce0 !important;
              font-size: 12px !important;
              height: 16px !important;
              line-height: 16px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item {
                display: block !important;
                width: 200px !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-value {
                  font-size: 12px !important;
                  color: #007ce0 !important;
                  width: 120px !important;
                  min-width: 120px !important;
                  display: inline-block !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-stock {
                  display: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%23007ce0&width=5&height=5") !important;
                margin-top: 2px; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-5 {
              flex: 0 0 20% !important;
              max-width: 20% !important; } }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 {
              flex: 0 0 80% !important;
              max-width: 80% !important; } }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options {
            font-size: 12px;
            color: #647176 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
              border-radius: 2px !important;
              font-size: 12px !important;
              background-color: #f6f6f6;
              line-height: 14px !important; }
              @media (min-width: 1440px) {
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                  max-width: 350px; } }
            @media (min-width: 1440px) {
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select {
                max-width: 350px; } }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector {
              height: 18px !important;
              border-radius: 2px !important;
              font-size: 12px !important;
              color: #0c2028 !important;
              background-color: #ffffff; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item {
                line-height: 18px !important;
                font-size: 12px !important;
                color: #0c2028 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item .variant-value {
                  line-height: 18px !important;
                  font-size: 12px !important;
                  color: #0c2028 !important;
                  display: inline-block !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-search-input {
                height: 18px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selection-placeholder {
              line-height: 18px !important;
              font-size: 12px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%230c2028&width=5&height=5") !important;
                margin-top: 2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper {
              font-size: 12px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
                color: #0c2028 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-space-item {
              margin-bottom: 0 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper span {
                font-size: 12px;
                color: #0c2028 !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
                margin-left: unset; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn {
              background-color: #f6f6f6 !important;
              color: #647176 !important;
              font-size: 12px !important;
              line-height: 18px !important;
              border-radius: 2px !important;
              padding: 0 8px;
              border: 1px solid #d4d4d4;
              height: 18px;
              text-transform: unset; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn i {
                margin-right: 4px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                margin-top: 0;
                line-height: 18px;
                height: 18px;
                font-size: 12px;
                max-width: 170px;
                width: fit-content; }
                @media (min-width: 1440px) {
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                    max-width: 350px; } }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23007ce0&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                  display: none !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                  padding-left: 16px;
                  line-height: 18px;
                  font-size: 12px;
                  color: #007ce0 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                  background-color: transparent !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions {
                  opacity: 1 !important; }
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions .anticon-delete {
                    content: url("https://api.iconify.design/fe/trash.svg?color=%2390999d&width=13&height=14") !important;
                    margin-top: 2px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-name {
                  color: #ff4d4f !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon-delete {
                  content: url("https://api.iconify.design/fe/trash.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: 2px; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) {
            width: 180px !important;
            min-width: 180px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .edit-btn {
          width: 30px !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .edit-btn i {
            cursor: pointer;
            font-size: 15px !important;
            color: #007ce0 !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-form-item-control-input {
          align-items: baseline !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .body {
          line-height: 33px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .caption {
          color: #90999d !important;
          text-decoration: line-through !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-group-addon {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important;
          height: 25px !important;
          min-width: 50px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
          height: 25px !important;
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
          @media (max-width: 1023px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number-input {
          height: 25px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(3) {
        width: 200px !important;
        min-width: 200px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(3) {
            width: 200px !important;
            min-width: 200px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(3) .ant-input {
          border-radius: 0 !important;
          text-align: center !important;
          height: 25px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(3) .ant-input-group-addon:first-child {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(3) .ant-input-group-addon:last-child {
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(4) {
        width: 280px !important;
        min-width: 280px !important;
        text-align: left !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(4) .body {
          line-height: 33px; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(5) {
        padding: 12px 24px 12px 0 !important;
        width: -webkit-fill-available !important;
        text-align: right !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(5) span {
          line-height: 33px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item:nth-child(5) .feather-x {
          cursor: pointer; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item .wholesale-tag {
        color: #90999d !important;
        align-self: center;
        font-size: 14px !important;
        font-weight: normal !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item .dimension-input .ant-input-group-addon {
        background-color: #f6f6f6 !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row .od-b-item .custom-input-class {
        width: 140px; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.deals-header .od-b-item {
      padding: 8px 12px !important;
      width: 100% !important;
      background-color: #fff7f0 !important;
      border-radius: 0 !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.deals-header .od-b-item .deal-tag {
        font-family: 'Roboto', sans-serif !important;
        width: fit-content;
        height: 21px;
        line-height: 17px;
        font-size: 14px;
        font-weight: normal !important;
        color: #442f0f;
        background-color: #ffe5cc;
        border: 1px solid #ff7f00;
        border-radius: 2px;
        padding: 1px 6px;
        align-self: center;
        margin-right: 8px; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data {
      margin: 0 12px !important;
      border-top: 1px solid #e5e5e5 !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) {
        padding: 12px 0 !important;
        width: 387px !important;
        min-width: 387px !important;
        text-align: left !important;
        align-self: baseline !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) {
            width: 425px !important;
            min-width: 425px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item {
          padding: 0 !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .un-row-product img {
            height: 74px;
            width: 74px;
            border-radius: 6px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .deal-tag {
            font-family: 'Roboto', sans-serif !important;
            width: fit-content;
            height: 18px;
            line-height: 14px;
            font-size: 12px;
            font-weight: normal !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 1px 6px;
            align-self: center;
            margin-right: 8px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant {
            display: flex !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select {
              width: 200px !important;
              margin-left: 4px !important;
              margin-top: -2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selector {
              border: none !important;
              height: 16px !important;
              padding: 0 !important;
              box-shadow: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-search-input {
              height: 16px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item {
              color: #007ce0 !important;
              font-size: 12px !important;
              height: 16px !important;
              line-height: 16px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item {
                display: block !important;
                width: 140px !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-value {
                  font-size: 12px !important;
                  color: #007ce0 !important;
                  width: 120px !important;
                  min-width: 120px !important;
                  display: inline-block !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-stock {
                  display: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%23007ce0&width=5&height=5") !important;
                margin-top: 2px; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-5 {
              flex: 0 0 20% !important;
              max-width: 20% !important; } }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 {
              flex: 0 0 80% !important;
              max-width: 80% !important; } }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options {
            font-size: 12px;
            color: #647176 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
              border-radius: 2px !important;
              font-size: 12px !important;
              background-color: #f6f6f6;
              line-height: 14px !important; }
              @media (min-width: 1440px) {
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                  max-width: 350px; } }
            @media (min-width: 1440px) {
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select {
                max-width: 350px; } }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector {
              height: 18px !important;
              border-radius: 2px !important;
              font-size: 12px !important;
              color: #0c2028 !important;
              background-color: #ffffff; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item {
                line-height: 18px !important;
                font-size: 12px !important;
                color: #0c2028 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item .variant-value {
                  line-height: 18px !important;
                  font-size: 12px !important;
                  color: #0c2028 !important;
                  display: inline-block !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-search-input {
                height: 18px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selection-placeholder {
              line-height: 18px !important;
              font-size: 12px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%230c2028&width=5&height=5") !important;
                margin-top: 2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper {
              font-size: 12px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
                color: #0c2028 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-space-item {
              margin-bottom: 0 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper span {
                font-size: 12px;
                color: #0c2028 !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
                margin-left: unset; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn {
              background-color: #f6f6f6 !important;
              color: #647176 !important;
              font-size: 12px !important;
              line-height: 18px !important;
              border-radius: 2px !important;
              padding: 0 8px;
              border: 1px solid #d4d4d4;
              height: 18px;
              text-transform: unset; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn i {
                margin-right: 4px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                margin-top: 0;
                line-height: 18px;
                height: 18px;
                font-size: 12px;
                max-width: 170px;
                width: fit-content; }
                @media (min-width: 1440px) {
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                    max-width: 350px; } }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23007ce0&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                  display: none !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                  padding-left: 16px;
                  line-height: 18px;
                  font-size: 12px;
                  color: #007ce0 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                  background-color: transparent !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions {
                  opacity: 1 !important; }
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions .anticon-delete {
                    content: url("https://api.iconify.design/fe/trash.svg?color=%2390999d&width=13&height=14") !important;
                    margin-top: 2px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-name {
                  color: #ff4d4f !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon-delete {
                  content: url("https://api.iconify.design/fe/trash.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: 2px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar {
            width: 74px;
            text-align: right; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar .un-row-product {
              width: 54px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar .un-row-product img {
                height: 54px;
                width: 54px;
                border-radius: 6px; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) {
            width: 180px !important;
            min-width: 180px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .edit-btn {
          width: 30px !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .edit-btn i {
            cursor: pointer;
            font-size: 15px !important;
            color: #007ce0 !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-form-item-control-input {
          align-items: baseline !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .caption {
          color: #90999d !important;
          text-decoration: line-through !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-input-group-addon {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important;
          height: 25px !important;
          min-width: 50px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-input-number {
          height: 25px !important;
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
          @media (max-width: 1023px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(2) .ant-input-number-input {
          height: 25px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(3) {
        width: 180px !important;
        min-width: 180px !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(3) {
            width: 200px !important;
            min-width: 200px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(3) .ant-input {
          border-radius: 0 !important;
          text-align: center !important;
          height: 25px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(3) .ant-input-group-addon:first-child {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(3) .ant-input-group-addon:last-child {
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(4) {
        width: 280px !important;
        min-width: 280px !important;
        text-align: left !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(5) {
        padding: 12px 24px 12px 0 !important;
        width: -webkit-fill-available !important;
        text-align: right !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data .od-b-item:nth-child(5) .feather-x {
          cursor: pointer; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data:nth-child(2) {
        border-top: none !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.discount-data:last-child {
        padding: 0 0 12px !important;
        border-top: none !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data {
      margin: 0 12px !important;
      border-top: 1px solid #e5e5e5 !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) {
        padding: 12px 0 !important;
        width: 387px !important;
        min-width: 387px !important;
        text-align: left !important;
        align-self: baseline !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) {
            width: 425px !important;
            min-width: 425px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item {
          padding: 0 !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .un-row-product img {
            height: 74px;
            width: 74px;
            border-radius: 6px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .deal-tag {
            font-family: 'Roboto', sans-serif !important;
            width: fit-content;
            height: 18px;
            line-height: 14px;
            font-size: 12px;
            font-weight: normal !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 1px 6px;
            align-self: center;
            margin-right: 8px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant {
            display: flex !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select {
              width: 200px !important;
              margin-left: 4px !important;
              margin-top: -2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selector {
              border: none !important;
              height: 16px !important;
              padding: 0 !important;
              box-shadow: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-search-input {
              height: 16px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item {
              color: #007ce0 !important;
              font-size: 12px !important;
              height: 16px !important;
              line-height: 16px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item {
                display: block !important;
                width: 140px !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-value {
                  font-size: 12px !important;
                  color: #007ce0 !important;
                  width: 120px !important;
                  min-width: 120px !important;
                  display: inline-block !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-stock {
                  display: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%23007ce0&width=5&height=5") !important;
                margin-top: 2px; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-5 {
              flex: 0 0 20% !important;
              max-width: 20% !important; } }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 {
              flex: 0 0 80% !important;
              max-width: 80% !important; } }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options {
            font-size: 12px;
            color: #647176 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
              border-radius: 2px !important;
              font-size: 12px !important;
              background-color: #f6f6f6;
              line-height: 14px !important; }
              @media (min-width: 1440px) {
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                  max-width: 350px; } }
            @media (min-width: 1440px) {
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select {
                max-width: 350px; } }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector {
              height: 18px !important;
              border-radius: 2px !important;
              font-size: 12px !important;
              color: #0c2028 !important;
              background-color: #ffffff; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item {
                line-height: 18px !important;
                font-size: 12px !important;
                color: #0c2028 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item .variant-value {
                  line-height: 18px !important;
                  font-size: 12px !important;
                  color: #0c2028 !important;
                  display: inline-block !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-search-input {
                height: 18px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selection-placeholder {
              line-height: 18px !important;
              font-size: 12px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%230c2028&width=5&height=5") !important;
                margin-top: 2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper {
              font-size: 12px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
                color: #0c2028 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-space-item {
              margin-bottom: 0 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper span {
                font-size: 12px;
                color: #0c2028 !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
                margin-left: unset; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn {
              background-color: #f6f6f6 !important;
              color: #647176 !important;
              font-size: 12px !important;
              line-height: 18px !important;
              border-radius: 2px !important;
              padding: 0 8px;
              border: 1px solid #d4d4d4;
              height: 18px;
              text-transform: unset; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn i {
                margin-right: 4px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                margin-top: 0;
                line-height: 18px;
                height: 18px;
                font-size: 12px;
                max-width: 170px;
                width: fit-content; }
                @media (min-width: 1440px) {
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                    max-width: 350px; } }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23007ce0&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                  display: none !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                  padding-left: 16px;
                  line-height: 18px;
                  font-size: 12px;
                  color: #007ce0 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                  background-color: transparent !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions {
                  opacity: 1 !important; }
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions .anticon-delete {
                    content: url("https://api.iconify.design/fe/trash.svg?color=%2390999d&width=13&height=14") !important;
                    margin-top: 2px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-name {
                  color: #ff4d4f !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon-delete {
                  content: url("https://api.iconify.design/fe/trash.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: 2px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar {
            width: 74px;
            text-align: right; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar .un-row-product {
              width: 54px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(1) .ant-list-item .ant-list-item-meta.free-gift .ant-list-item-meta-avatar .un-row-product img {
                height: 54px;
                width: 54px;
                border-radius: 6px; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) {
            width: 180px !important;
            min-width: 180px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .edit-btn {
          width: 30px !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .edit-btn i {
            cursor: pointer;
            font-size: 15px !important;
            color: #007ce0 !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-form-item-control-input {
          align-items: baseline !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .caption {
          color: #90999d !important;
          text-decoration: line-through !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-input-group-addon {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important;
          height: 25px !important;
          min-width: 50px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-input-number {
          height: 25px !important;
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
          @media (max-width: 1023px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(2) .ant-input-number-input {
          height: 25px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: right !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) {
            width: 200px !important;
            min-width: 200px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) .ant-input {
          border-radius: 0 !important;
          text-align: center !important;
          height: 25px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) .ant-input-disabled {
          border-radius: 0 !important;
          text-align: center !important;
          width: 82%;
          height: 25px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) .ant-input-group-addon:first-child {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(3) .ant-input-group-addon:last-child {
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(4) {
        width: 280px !important;
        min-width: 280px !important;
        text-align: left !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(5) {
        padding: 12px 24px 12px 0 !important;
        width: -webkit-fill-available !important;
        text-align: right !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data .od-b-item:nth-child(5) .feather-x {
          cursor: pointer; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data:nth-child(2) {
        border-top: none !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.free_gift-data:last-child {
        padding: 0 0 12px !important;
        border-top: none !important; }
    .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data {
      margin: 0 12px !important;
      border-top: 1px solid #e5e5e5 !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) {
        padding: 12px 0 !important;
        width: 387px !important;
        min-width: 387px !important;
        text-align: left !important;
        align-self: baseline !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) {
            width: 787px !important;
            min-width: 787px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item {
          padding: 0 !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .un-row-product img {
            height: 74px;
            width: 74px;
            border-radius: 6px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .deal-tag {
            font-family: 'Roboto', sans-serif !important;
            width: fit-content;
            height: 18px;
            line-height: 14px;
            font-size: 12px;
            font-weight: normal !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 1px 6px;
            align-self: center;
            margin-right: 8px; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant {
            display: flex !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select {
              width: 200px !important;
              margin-left: 4px !important;
              margin-top: -2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selector {
              border: none !important;
              height: 16px !important;
              padding: 0 !important;
              box-shadow: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-search-input {
              height: 16px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item {
              color: #007ce0 !important;
              font-size: 12px !important;
              height: 16px !important;
              line-height: 16px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item {
                display: block !important;
                width: 140px !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-value {
                  font-size: 12px !important;
                  color: #007ce0 !important;
                  width: 120px !important;
                  min-width: 120px !important;
                  display: inline-block !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-stock {
                  display: none !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%23007ce0&width=5&height=5") !important;
                margin-top: 2px; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-5 {
              flex: 0 0 20% !important;
              max-width: 20% !important; } }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 {
              flex: 0 0 80% !important;
              max-width: 80% !important; } }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options {
            font-size: 12px;
            color: #647176 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
              border-radius: 2px !important;
              font-size: 12px !important;
              background-color: #f6f6f6;
              line-height: 14px !important; }
              @media (min-width: 1440px) {
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                  max-width: 350px; } }
            @media (min-width: 1440px) {
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select {
                max-width: 350px; } }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector {
              height: 18px !important;
              border-radius: 2px !important;
              font-size: 12px !important;
              color: #0c2028 !important;
              background-color: #ffffff; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item {
                line-height: 18px !important;
                font-size: 12px !important;
                color: #0c2028 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item .variant-value {
                  line-height: 18px !important;
                  font-size: 12px !important;
                  color: #0c2028 !important;
                  display: inline-block !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-search-input {
                height: 18px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selection-placeholder {
              line-height: 18px !important;
              font-size: 12px !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow {
              right: 4px !important;
              top: 11px; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow .anticon-down {
                content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%230c2028&width=5&height=5") !important;
                margin-top: 2px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper {
              font-size: 12px !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
                color: #0c2028 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-space-item {
              margin-bottom: 0 !important; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper span {
                font-size: 12px;
                color: #0c2028 !important; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
                margin-left: unset; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn {
              background-color: #f6f6f6 !important;
              color: #647176 !important;
              font-size: 12px !important;
              line-height: 18px !important;
              border-radius: 2px !important;
              padding: 0 8px;
              border: 1px solid #d4d4d4;
              height: 18px;
              text-transform: unset; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn i {
                margin-right: 4px; }
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text {
              display: block; }
              .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                margin-top: 0;
                line-height: 18px;
                height: 18px;
                font-size: 12px;
                max-width: 170px;
                width: fit-content; }
                @media (min-width: 1440px) {
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                    max-width: 350px; } }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23007ce0&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                  display: none !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                  padding-left: 16px;
                  line-height: 18px;
                  font-size: 12px;
                  color: #007ce0 !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                  background-color: transparent !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions {
                  opacity: 1 !important; }
                  .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions .anticon-delete {
                    content: url("https://api.iconify.design/fe/trash.svg?color=%2390999d&width=13&height=14") !important;
                    margin-top: 2px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-name {
                  color: #ff4d4f !important; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-text-icon .anticon-paper-clip {
                  content: url("https://api.iconify.design/ph/paperclip.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: -3px; }
                .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon-delete {
                  content: url("https://api.iconify.design/fe/trash.svg?color=%23ff4d4f&width=13&height=14") !important;
                  margin-top: 2px; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) {
            width: 200px !important;
            min-width: 200px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .edit-btn {
          width: 30px !important; }
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .edit-btn i {
            cursor: pointer;
            font-size: 15px !important;
            color: #007ce0 !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-form-item-control-input {
          align-items: baseline !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .caption {
          color: #90999d !important;
          text-decoration: line-through !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-input-group-addon {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important;
          height: 25px !important;
          min-width: 50px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-input-number {
          height: 25px !important;
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
          @media (min-width: 1440px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
          @media (max-width: 1023px) {
            .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-input-number {
              height: 26px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(2) .ant-input-number-input {
          height: 25px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(3) {
        width: 180px !important;
        min-width: 180px !important; }
        @media (min-width: 1440px) {
          .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(3) {
            width: 200px !important;
            min-width: 200px !important; } }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(3) .ant-input {
          border-radius: 0 !important;
          text-align: center !important;
          height: 25px; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(3) .ant-input-group-addon:first-child {
          border-top-left-radius: 2px !important;
          border-bottom-left-radius: 2px !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(3) .ant-input-group-addon:last-child {
          border-top-right-radius: 2px !important;
          border-bottom-right-radius: 2px !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(4) {
        width: 120px !important;
        min-width: 120px !important;
        text-align: left !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(5) {
        padding: 12px 24px 12px 0 !important;
        width: -webkit-fill-available !important;
        text-align: right !important; }
        .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data .od-b-item:nth-child(5) .feather-x {
          cursor: pointer; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data:nth-child(2) {
        border-top: none !important; }
      .new-order-form .purchaseLinkOrderFormOrderDetails .od-table .od-body .od-row.bundle-data:last-child {
        padding: 0 0 12px !important;
        border-top: none !important; }

@media (min-width: 1440px) {
  .new-order-form .orderTotals .col-5.orderTotal {
    flex: 0 0 25% !important;
    max-width: 25% !important; } }

@media (min-width: 1440px) {
  .new-order-form .orderTotals .col-7.orderTotal {
    flex: 0 0 75% !important;
    max-width: 75% !important; } }

@media (min-width: 1440px) {
  .new-order-form .orderFormPayment .col-5.orderPayment {
    flex: 0 0 25% !important;
    max-width: 25% !important; } }

@media (min-width: 1440px) {
  .new-order-form .orderFormPayment .col-7.orderPayment {
    flex: 0 0 75% !important;
    max-width: 75% !important; } }

.new-order-form .orderFormPayment .radio-group span.ant-radio + * {
  color: #38484f !important;
  padding-left: 16px; }

.new-order-form .orderFormPayment .radio-group .caption {
  color: #647176 !important;
  padding-left: 32px;
  margin-bottom: -8px; }

.new-order-form .orderFormPayment .radio-group .ant-radio-wrapper {
  height: 30px; }

.new-order-form .orderFormPayment .radio-group .ant-radio-checked .ant-radio-inner {
  border-color: #5acc5a !important; }

.new-order-form .orderFormPayment .radio-group .ant-radio-inner::after {
  background-color: #5acc5a !important; }

.new-order-form .orderFormPayment .ant-legacy-form-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.new-order-form .orderFormPayment .ant-select {
  margin-top: 4px;
  margin-bottom: 4px; }

@media (min-width: 1024px) {
  .new-order-form .orderFormSellerNote.un-box-flat,
  .new-order-form .orderFormAttachments.un-box-flat {
    margin-top: 3px !important;
    padding: 0 8px !important;
    border: none !important;
    background: none !important; } }

.ant-select-dropdown {
  width: fit-content !important; }
  .ant-select-dropdown .variant-item {
    display: flex !important;
    width: 200px !important; }
    .ant-select-dropdown .variant-item .variant-value {
      font-size: 12px !important;
      color: #0c2028 !important;
      width: fit-content !important;
      width: 120px !important;
      min-width: 120px !important;
      display: inline-block !important; }
    .ant-select-dropdown .variant-item .variant-stock {
      font-size: 12px !important;
      color: #647176 !important;
      width: fit-content !important;
      margin-left: auto !important;
      margin-right: 0 !important; }
  .ant-select-dropdown .deal-item {
    max-width: 280px !important; }
    .ant-select-dropdown .deal-item .deal-title {
      line-height: 17px !important;
      font-size: 14px !important;
      font-weight: bold !important;
      color: #0c2028 !important;
      margin-bottom: 2px !important;
      white-space: normal !important; }
    .ant-select-dropdown .deal-item .deal-type {
      display: flex;
      line-height: 14px !important;
      font-size: 12px !important;
      color: #647176 !important;
      white-space: normal !important; }
      .ant-select-dropdown .deal-item .deal-type .ant-tag {
        font-size: 10px !important;
        border-radius: 2px !important;
        height: 13px;
        line-height: 11px;
        padding: 0 3px;
        text-transform: capitalize;
        margin-right: 4px !important;
        width: fit-content !important; }
        .ant-select-dropdown .deal-item .deal-type .ant-tag.store {
          background-color: #ffe0e0 !important;
          border: 1px solid #ffe0e0 !important;
          color: #49302c !important; }
        .ant-select-dropdown .deal-item .deal-type .ant-tag.product {
          background-color: #c9f8f2 !important;
          border: 1px solid #c9f8f2 !important;
          color: #02232a !important; }

.order-search-product-modal .product-table table tbody tr td {
  vertical-align: top !important; }

.order-search-product-modal .product-table .ant-list-item {
  padding: 0 !important; }

.order-search-product-modal .product-table .ant-list-item-meta {
  padding-top: 1px !important; }

.order-search-product-modal .product-table .ant-list-item-meta-description {
  padding-left: 0; }

.order-search-product-modal .product-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.order-search-product-modal .product-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.order-search-product-modal .product-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.order-search-product-modal .product-table table thead {
  background-color: #fafafb !important; }

.order-search-product-modal .product-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.order-search-product-modal .product-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.order-search-product-modal .product-table .desc {
  line-height: 15px !important; }

.order-search-product-modal .product-table .un-light-label-text {
  color: #647176 !important;
  font-size: 12px !important; }

.order-search-product-modal .ant-pagination-options-size-changer.ant-select {
  display: none; }

.order-detail-modal .ant-modal-body {
  padding-bottom: 40px !important; }
  .order-detail-modal .ant-modal-body .radio-group span.ant-radio + * {
    color: #38484f !important;
    padding-left: 16px; }
  .order-detail-modal .ant-modal-body .radio-group .caption {
    color: #647176 !important;
    padding-left: 32px;
    padding-top: 4px;
    margin-bottom: -8px; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-wrapper {
    height: 30px; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-checked .ant-radio-inner {
    border-color: #5acc5a !important; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-inner::after {
    background-color: #5acc5a !important; }
  .order-detail-modal .ant-modal-body .ant-legacy-form-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
  .order-detail-modal .ant-modal-body .ant-select {
    margin-top: 4px;
    margin-bottom: 4px; }
  .order-detail-modal .ant-modal-body .pickup-expand {
    padding: 10px 10px 24px 10px;
    background-color: #f6f6f6;
    margin-left: 24px !important; }
    .order-detail-modal .ant-modal-body .pickup-expand .pickup-location {
      width: 100% !important; }

.un-order-item-modal {
  width: 750px !important; }
  .un-order-item-modal .ant-modal-body {
    max-height: unset;
    height: calc(100vh - 240px) !important;
    padding: 20px 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-type {
      margin-bottom: 12px !important; }
      .un-order-item-modal .ant-modal-body .product-type .ant-radio-wrapper {
        margin: 0 0 8px 0 !important; }
    .un-order-item-modal .ant-modal-body .modal-filter {
      position: relative !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .search-form {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 370px; }
        .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
          width: 190px !important; }
          @media (max-width: 425px) {
            .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
              width: 100% !important; } }
      .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 318px !important;
        height: 41px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker .ant-cascader-input {
          height: 41px !important;
          padding: 6px 11px !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select {
        position: absolute !important;
        z-index: 1002 !important;
        width: 315px !important;
        height: 57px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .ant-select-selector {
          height: 57px !important;
          padding: 11px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item {
          width: 388px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-title {
            line-height: 17px !important;
            font-size: 14px !important;
            font-weight: bold !important;
            color: #0c2028 !important;
            margin-bottom: 2px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type {
            display: block;
            line-height: 14px !important;
            font-size: 12px !important;
            color: #647176 !important;
            max-width: 250px; }
            .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag {
              font-size: 10px !important;
              border-radius: 2px !important;
              height: 13px;
              line-height: 11px;
              padding: 0 3px;
              text-transform: capitalize;
              margin-right: 4px !important;
              width: fit-content !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.store {
                background-color: #ffe0e0 !important;
                border: 1px solid #ffe0e0 !important;
                color: #49302c !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.product {
                background-color: #c9f8f2 !important;
                border: 1px solid #c9f8f2 !important;
                color: #02232a !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-expanded-row-level-1 .ant-table-cell {
      padding-left: 6px !important; }
    .un-order-item-modal .ant-modal-body .product-table .variant-price {
      padding-left: 27px; }
    .un-order-item-modal .ant-modal-body .product-table .variant-stock {
      padding-left: 17px; }
    .un-order-item-modal .ant-modal-body .product-table table tbody tr td {
      vertical-align: top !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item {
      padding: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta {
      padding-top: 1px !important; }
      .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta .ant-tag {
        font-weight: 500 !important;
        line-height: 16px; }
      .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta .status-tag {
        text-transform: initial; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta-description {
      padding-left: 0; }
    .un-order-item-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
      margin-left: unset !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
      padding: 12px 12px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .un-order-item-modal .ant-modal-body .product-table table thead {
      background-color: #fafafb !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .un-order-item-modal .ant-modal-body .product-table .desc {
      line-height: 15px !important; }
    .un-order-item-modal .ant-modal-body .product-table .un-light-label-text {
      color: #647176 !important;
      font-size: 12px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      margin: 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-link {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item a {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini {
      margin-top: 10px; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      color: #0c2028 !important;
      font-weight: normal !important; }
  .un-order-item-modal .ant-modal-footer {
    padding: 12px 24px !important;
    height: 151px !important; }
    .un-order-item-modal .ant-modal-footer .selected-container {
      width: -webkit-fill-available;
      width: fill-available;
      width: -moz-available;
      height: 81px;
      display: inline-flex;
      text-align: left !important;
      margin-bottom: 12px !important;
      overflow-x: auto; }
      .un-order-item-modal .ant-modal-footer .selected-container .un-row-product img {
        height: 56px;
        width: 56px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin-left: 0;
        margin-top: 8px; }
      .un-order-item-modal .ant-modal-footer .selected-container .selected-img {
        position: relative;
        margin-right: 16px; }
        .un-order-item-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
          background-color: #0c2028 !important;
          border-radius: 50%;
          padding: 4px;
          width: 28px;
          content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
          vertical-align: -0.125em;
          position: absolute;
          top: 1px;
          right: -4px;
          opacity: 0.65; }
  .un-order-item-modal .ant-table-expand-icon-col {
    width: 0px; }
  .un-order-item-modal .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
    display: none; }
  .un-order-item-modal .ant-table-expanded-row-level-1 .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
    margin: 0px 0px 0px 12px !important; }

.asterisk {
  font-weight: normal !important;
  color: #e0241a !important; }

.shippopSelection.un-box-flat {
  margin-top: 3px !important;
  padding: 0 8px !important;
  border: none !important;
  background: none !important; }

.courier_row {
  padding: 5px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  cursor: pointer !important; }

.courier_row:hover {
  border: 1px solid !important; }

.courier_row.courier_row_selected {
  border: 2px solid #55ce63 !important; }

.booking-shippop-hidden {
  display: none; }

.courier-details {
  align-items: flex-start !important;
  margin-bottom: 25px !important; }

.courier-total {
  font-size: 120%; }

@media (max-width: 1024px) {
  .courier_cost {
    padding-top: 20px !important; } }

.free-gift-img {
  height: 62px !important;
  width: 62px !important;
  margin-left: 12px !important;
  margin-bottom: 12px; }

.react-pdf__Page__canvas {
  width: 100% !important; }

.opacity-30 {
  opacity: 30%; }

.cart-tag {
  background: #90999d 0% 0% no-repeat padding-box;
  border-radius: 2px; }
  .cart-tag span {
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px; }

.edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
  border-radius: 17px !important;
  border: 1px solid #e5e5e5;
  color: #0c2028;
  margin-right: 8px !important; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper:before {
    display: none; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
    border: 1px solid #5acc5a !important;
    color: #5acc5a !important;
    background: none !important; }

.edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper {
  margin-bottom: 8px !important; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .ml-4.mt-2 .ant-form-item {
    margin-bottom: 0 !important; }

.staff-form .ant-select-show-search.ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
  cursor: pointer !important; }

.xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.xero-sync .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .xero-sync .header-buttons .b-btn,
  .xero-sync .header-buttons .b-btn:hover,
  .xero-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .xero-sync .header-buttons .b-btn i,
    .xero-sync .header-buttons .b-btn:hover i,
    .xero-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .xero-sync .header-buttons .outline-btn,
  .xero-sync .header-buttons .outline-btn:focus,
  .xero-sync .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.xero-sync .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .xero-sync .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .xero-sync .back-button i {
    font-size: 20px !important; }

.xero-sync .sgpos-banner {
  width: 548px !important;
  margin: auto !important; }
  .xero-sync .sgpos-banner img {
    width: 100%; }

.unicart-table .ant-tabs-tab-active .order-count.failed,
.order-count.failed {
  background-color: #e0241a !important;
  color: #ffffff !important; }

.my-color {
  background-color: #f6f6f6 !important; }

.xero-sync-layout .input-group {
  margin-left: 10px !important; }

.xero-sync-layout .ant-form-item-control-input {
  align-items: unset !important; }

.xero-sync-layout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .xero-sync-layout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .xero-sync-layout .header-buttons .b-btn,
  .xero-sync-layout .header-buttons .b-btn:hover,
  .xero-sync-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .xero-sync-layout .header-buttons .b-btn i,
    .xero-sync-layout .header-buttons .b-btn:hover i,
    .xero-sync-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .xero-sync-layout .header-buttons .xero-sync-settings-btn-actions {
    position: relative !important; }
    .xero-sync-layout .header-buttons .xero-sync-settings-btn-actions .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important; }
  .xero-sync-layout .header-buttons .outline-btn,
  .xero-sync-layout .header-buttons .outline-btn:hover,
  .xero-sync-layout .header-buttons .outline-btn:focus {
    background-color: transparent !important; }

.xero-sync-layout .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .xero-sync-layout .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.xero-sync-layout .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.xero-sync-layout .channel-with-store-name {
  margin-right: 34px; }
  .xero-sync-layout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.xero-sync-layout .xero-sync-tabs {
  position: relative !important; }
  .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .xero-sync-layout .xero-sync-tabs .quickbooks-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
      padding-bottom: 0 !important; }
  .xero-sync-layout .xero-sync-tabs .xero-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }
    .xero-sync-layout .xero-sync-tabs .xero-sync-action-btn .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      margin-right: 16px !important; }

.xero-sync-layout .sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.xero-sync-layout .sales-invoice .unicart-filter .search-form {
  width: 100% !important; }
  .xero-sync-layout .sales-invoice .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 300px !important;
    max-width: 660px !important; }
  .xero-sync-layout .sales-invoice .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .xero-sync-layout .sales-invoice .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .xero-sync-layout .sales-invoice .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.xero-sync-layout .sales-invoice .unicart-table .set {
  word-wrap: break-word; }

.xero-sync-layout .sales-invoice .unicart-table .ant-tabs-bar {
  position: unset !important;
  height: unset !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.xero-sync-layout .sales-invoice .unicart-table .ant-tabs-nav-scroll {
  padding-left: 0 !important;
  height: unset !important;
  border-bottom: none !important; }

.xero-sync-layout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.xero-sync-layout .sales-invoice .unicart-table .ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  background: none !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.xero-sync-layout .sales-invoice .unicart-table .ant-tabs-content {
  margin-top: unset !important;
  border-top: none !important;
  padding: unset !important; }

.xero-sync-layout .sales-invoice .unicart-table .my-color {
  background-color: #f6f6f6 !important; }

.xero-sync-layout .sales-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

.xero-sync-layout .purchase-order .unicart-table .ant-table-title {
  background-color: transparent !important; }

.xero-sync-layout .purchase-order .unicart-table .un-block th {
  background-color: inherit !important; }

.xero-sync-layout .purchase-order .unicart-table .un-block .ant-table-column-sorters-with-tooltip {
  display: none; }

.xero-sync-layout .purchase-order .unicart-table .my-color {
  background-color: #f6f6f6 !important; }

.xero-sync-layout .purchase-order .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 0 !important; }

.xero-sync-layout .purchase-order .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 0 !important; }

.xero-sync-layout .customer-payment .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.xero-sync-layout .customer-payment .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.xero-sync-layout .customer-payment .outline-btn {
  background: none !important;
  margin-right: 16px !important; }
  .xero-sync-layout .customer-payment .outline-btn.update {
    color: #007ce0 !important;
    border-color: #007ce0 !important; }

.xero-sync-layout .customer-payment .outline-btn:hover,
.xero-sync-layout .customer-payment .outline-btn:active {
  background: #ffffff !important; }

.xero-sync-layout .customer-payment .outline-i-btn {
  background: none !important; }
  .xero-sync-layout .customer-payment .outline-i-btn.saved {
    color: #90999d !important;
    border-color: #d4d4d4 !important; }
    .xero-sync-layout .customer-payment .outline-i-btn.saved .feather-check {
      line-height: 17px !important; }

.xero-sync-layout .customer-payment .feather-eye {
  font-size: 20px !important; }

.xero-sync-layout .customer-payment .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.xero-sync-layout .customer-payment .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.xero-sync-layout .customer-payment .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.xero-sync-layout .customer-payment .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.xero-sync-layout .customer-payment .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.xero-sync-layout .customer-payment .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.xero-sync-layout .task .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.xero-sync-layout .task .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.xero-sync-layout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.xero-sync-layout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.xero-sync-layout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.xero-sync-layout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.xero-sync-layout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.xero-sync-layout .product-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.xero-sync-layout .product-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.xero-sync-layout .product-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.xero-sync-layout .product-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.xero-sync-layout .product-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.xero-sync-layout .product-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.xero-sync-layout .product-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

.xero-sync-layout .customer-matching .channel-icon,
.xero-sync-layout .shipping-matching .channel-icon,
.xero-sync-layout .payment-matching .channel-icon {
  height: 20px !important;
  width: 20px !important;
  margin-right: 5px !important; }

.xero-sync-layout .customer-matching .ant-input,
.xero-sync-layout .shipping-matching .ant-input,
.xero-sync-layout .payment-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.xero-sync-layout .customer-matching .dimension-input.addonBefore .ant-input,
.xero-sync-layout .shipping-matching .dimension-input.addonBefore .ant-input,
.xero-sync-layout .payment-matching .dimension-input.addonBefore .ant-input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.xero-sync-layout .customer-matching .feather-alert-circle,
.xero-sync-layout .shipping-matching .feather-alert-circle,
.xero-sync-layout .payment-matching .feather-alert-circle {
  font-size: 13px !important;
  margin-left: 4px !important; }

.xero-sync-layout .customer-matching .ant-table-container table > thead > tr:first-child th:last-child,
.xero-sync-layout .shipping-matching .ant-table-container table > thead > tr:first-child th:last-child,
.xero-sync-layout .payment-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.xero-sync-layout .customer-matching .ant-table-container table > thead > tr:first-child th:first-child,
.xero-sync-layout .shipping-matching .ant-table-container table > thead > tr:first-child th:first-child,
.xero-sync-layout .payment-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.xero-sync-layout .customer-matching .ant-table table,
.xero-sync-layout .shipping-matching .ant-table table,
.xero-sync-layout .payment-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.xero-sync-layout .customer-matching .ant-table,
.xero-sync-layout .shipping-matching .ant-table,
.xero-sync-layout .payment-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.xero-sync-layout .customer-matching .ant-table-tbody > tr > td,
.xero-sync-layout .shipping-matching .ant-table-tbody > tr > td,
.xero-sync-layout .payment-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }
  .xero-sync-layout .customer-matching .ant-table-tbody > tr > td .body,
  .xero-sync-layout .shipping-matching .ant-table-tbody > tr > td .body,
  .xero-sync-layout .payment-matching .ant-table-tbody > tr > td .body {
    line-height: 33px !important; }

.xero-sync-layout .invoice-form {
  border-radius: 4px !important;
  padding: 24px !important; }
  .xero-sync-layout .invoice-form .w-0 {
    width: 0px !important;
    display: none !important; }
  .xero-sync-layout .invoice-form .ant-picker {
    width: 100% !important; }
  .xero-sync-layout .invoice-form .payment-address * {
    color: #0c2028 !important; }
  .xero-sync-layout .invoice-form .form-details {
    margin-bottom: 24px !important; }
    .xero-sync-layout .invoice-form .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #007ce0 !important; }
      .xero-sync-layout .invoice-form .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
  .xero-sync-layout .invoice-form .form-detail-container {
    display: grid !important;
    grid-template-columns: 20% 20% 20% 20% 20% !important;
    margin: 0 -6px !important; }
    .xero-sync-layout .invoice-form .form-detail-container .detail-col {
      padding: 0 6px !important; }
      .xero-sync-layout .invoice-form .form-detail-container .detail-col .feather-calendar {
        color: #90999d !important;
        font-size: 20px !important; }
      .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts-label {
        color: #38484f !important;
        height: 33px;
        line-height: 33px;
        text-align: right;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 24px !important; }
      .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
        margin-top: 12px;
        margin-bottom: 24px !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
          display: none; }
      .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item {
        padding-bottom: 0 !important;
        margin-bottom: 12px !important; }
      .xero-sync-layout .invoice-form .form-detail-container .detail-col.replace {
        display: none; }
    @media (max-width: 768px) {
      .xero-sync-layout .invoice-form .form-detail-container {
        grid-template-columns: 50% 50% !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col.empty, .xero-sync-layout .invoice-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts-label {
          display: none !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; }
          .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
            display: inline-block !important; } }
    @media (max-width: 442px) {
      .xero-sync-layout .invoice-form .form-detail-container {
        grid-template-columns: 100% !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col.empty, .xero-sync-layout .invoice-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .xero-sync-layout .invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; } }
  @media (max-width: 768px) {
    .xero-sync-layout .invoice-form .xero-sync-form-table {
      overflow-x: auto !important; } }
  @media (max-width: 768px) {
    .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-wrapper {
      width: 1344px !important;
      padding-bottom: 10px !important; } }
  .xero-sync-layout .invoice-form .xero-sync-form-table .span {
    font-size: 12px !important;
    color: #647176 !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .w-0 {
    width: 0px !important;
    display: none !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .subject {
    width: 200px; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .number {
    width: 90px; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .price {
    width: 150px; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .checkbox {
    width: 55px; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table table {
    border: none !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-thead > tr > th {
    color: #647176 !important;
    border-bottom: none !important;
    padding: 4px 8px 4px 0 !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-thead > tr > th:last-child {
    padding-right: 0 !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 2px 8px 2px 0 !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-tbody > tr > td:last-child {
    padding-right: 0 !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-table-footer {
    display: none !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-select {
    width: 100% !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table .ant-input-number {
    width: 100% !important; }
  .xero-sync-layout .invoice-form .xero-sync-form-table-summary {
    width: 100%; }
    .xero-sync-layout .invoice-form .xero-sync-form-table-summary .summary-item {
      width: 100%;
      display: grid !important;
      grid-template-columns: 50% 50% !important; }
      .xero-sync-layout .invoice-form .xero-sync-form-table-summary .summary-item .summary-label {
        color: #0c2028 !important;
        height: 33px;
        line-height: 33px;
        width: 100%; }
      .xero-sync-layout .invoice-form .xero-sync-form-table-summary .summary-item .summary-amount {
        text-align: right !important;
        color: #0c2028 !important;
        height: 33px;
        line-height: 33px;
        text-align: right;
        width: 100%; }
    .xero-sync-layout .invoice-form .xero-sync-form-table-summary .ant-divider-horizontal {
      border-top: 1px solid #e5e5e5 !important;
      margin: 12px 0 !important; }
    .xero-sync-layout .invoice-form .xero-sync-form-table-summary .display-none {
      display: none !important; }

.quickbooksSyncForm .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncForm .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .quickbooksSyncForm .header-buttons .b-btn,
  .quickbooksSyncForm .header-buttons .b-btn:hover,
  .quickbooksSyncForm .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncForm .header-buttons .b-btn i,
    .quickbooksSyncForm .header-buttons .b-btn:hover i,
    .quickbooksSyncForm .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncForm .un-box-flat {
  border-radius: 4px !important;
  padding: 24px !important; }
  .quickbooksSyncForm .un-box-flat .product-form-label span {
    color: #0c2028 !important; }
  .quickbooksSyncForm .un-box-flat .form-detail-label {
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 70% !important;
    color: #0c2028 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 16px !important; }
  .quickbooksSyncForm .un-box-flat .ant-picker {
    width: 100% !important; }
  .quickbooksSyncForm .un-box-flat .ant-form-item {
    padding-bottom: 0 !important;
    margin-bottom: 4px !important; }
  .quickbooksSyncForm .un-box-flat .form-details {
    position: absolute;
    right: -13px;
    margin-left: 4px !important; }
    .quickbooksSyncForm .un-box-flat .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #007ce0 !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container.invoice {
        margin-bottom: 22px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container.customer-payment {
        margin-bottom: 12px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
    .quickbooksSyncForm .un-box-flat .form-details .form-detail-container {
      padding-right: 24px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail-label {
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 41% !important;
        color: #0c2028 !important;
        border-bottom: 2px solid transparent !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail {
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 178px !important;
        color: #0c2028 !important;
        border-bottom: 2px solid #e5e5e5 !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .form-detail-free {
        text-align: right !important;
        align-items: center !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        line-height: 17px !important;
        width: 178px !important;
        color: #0c2028 !important;
        border-bottom: 2px solid transparent !important;
        margin-bottom: 4px !important; }
      .quickbooksSyncForm .un-box-flat .form-details .form-detail-container .input_underline {
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .span {
    font-size: 12px !important;
    color: #647176 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off {
    margin: 0 auto !important;
    /***Start- Special column handling for table with right selection column***/
    /***End- Special column handling for table with right selection column***/ }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table .ant-table-expanded-row-fixed {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table colgroup {
      display: flex !important;
      justify-content: center !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr {
      display: flex !important;
      flex-direction: row-reverse !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:first-child {
        width: 30px !important; }
        .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:first-child .ant-checkbox {
          top: 1px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(2) {
        width: 120px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(3) {
        width: 200px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(4) {
        width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(5) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(6) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-thead > tr th {
        line-height: 32px !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr {
      display: flex !important;
      flex-direction: row-reverse !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:first-child {
        width: 30px !important; }
        .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:first-child .ant-checkbox {
          top: 5px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(2) {
        width: 120px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(3) {
        width: 200px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(4) {
        width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(5) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(6) {
        min-width: 150px !important; }
      .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr td > .body {
        line-height: 34px !important; }
    .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.knock-off .ant-table-tbody > tr.ant-table-row-selected > td {
      background: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-measure-row {
    display: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-thead > tr > th {
    color: #647176 !important;
    background-color: #fafafb !important;
    padding: 8px 16px !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-tbody > tr > td {
    color: #0c2028 !important;
    padding: 8px 16px !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table.view-knock-off .ant-table-tbody > tr:hover > td {
    background-color: #d0f4ff !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table table {
    border: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-content {
    overflow: hidden !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-thead > tr > th {
    color: #647176 !important;
    border-bottom: none !important;
    padding: 4px 8px 4px 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-thead > tr > th:last-child {
    padding-right: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 2px 8px 2px 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-tbody > tr > td:last-child {
    padding-right: 0 !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-table-footer {
    display: none !important; }
  .quickbooksSyncForm .un-box-flat .quickbooks-sync-form-table .ant-input-number {
    width: unset !important; }
  .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table {
    width: 660px !important;
    margin: 0 auto !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-container::after {
      box-shadow: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-expanded-row-fixed {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-measure-row {
      display: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table table {
      border-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table {
      border-top-right-radius: 4px !important;
      border-top-left-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
      border-bottom-left-radius: 4px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-content {
      overflow: hidden !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th {
      border-bottom: 1px solid #e5e5e5 !important;
      color: #647176 !important;
      background-color: #ffe0e0 !important;
      padding: 8px 16px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th:last-child {
      padding-right: 31px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td {
      border-bottom: 1px solid #e5e5e5 !important;
      color: #0c2028 !important;
      padding: 8px 16px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td:last-child {
      padding-right: 31px !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr:last-child > td {
      border-bottom: none !important; }
    .quickbooksSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-footer {
      display: none !important; }

.quickbooksSyncForm .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.quickbooksSyncForm .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  padding-left: 54px; }

.quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px !important;
  width: 230px; }
  .quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 .label {
    display: none !important; }
  .quickbooksSyncForm .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.quickbooksSyncForm .unicart-filter .search-form .un-filter-button {
  position: absolute !important;
  top: 0 !important;
  left: 235px !important; }

@media (min-width: 1024px) {
  .quickbooksSyncMissingOrders {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.quickbooksSyncMissingOrders .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .quickbooksSyncMissingOrders .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .quickbooksSyncMissingOrders .header-buttons .b-btn,
  .quickbooksSyncMissingOrders .header-buttons .b-btn:hover,
  .quickbooksSyncMissingOrders .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncMissingOrders .header-buttons .b-btn i,
    .quickbooksSyncMissingOrders .header-buttons .b-btn:hover i,
    .quickbooksSyncMissingOrders .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-eye {
  font-size: 20px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-edit-3 {
  font-size: 20px !important; }

.quickbooksSyncMissingOrders .plain-btn .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .quickbooksSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.quickbooksSyncMissingOrders .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.quickbooksSyncMissingOrders .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.quickbooksSyncMissingOrders .ant-table-thead > tr > th:nth-child(2) {
  background-color: #f6f6f6 !important; }

.quickbooksSyncMissingOrders .ant-table-tbody > tr > td:nth-child(2) {
  background-color: #f6f6f6 !important; }

.xero-sync-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .xero-sync-settings .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .xero-sync-settings .header-buttons .b-btn,
  .xero-sync-settings .header-buttons .b-btn:hover,
  .xero-sync-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .xero-sync-settings .header-buttons .b-btn i,
    .xero-sync-settings .header-buttons .b-btn:hover i,
    .xero-sync-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.xero-sync-settings .settings-container .settings-tab {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: none !important; }
  .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar {
    border-right: none !important; }
    .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
      width: 220px; }
      .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
        padding-left: 0px !important; }
      .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
        padding: 10px !important;
        text-align: left; }
        .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
          color: #0c2028;
          font-weight: normal; }
      .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
        background-color: #f3fff3 !important; }
        .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
          font-weight: bold !important; }
      .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
        width: 4px !important; }
  .xero-sync-settings .settings-container .settings-tab .ant-tabs-left-content {
    padding-left: 32px !important;
    border-left: 1px solid #e5e5e5 !important; }

.xero-sync-settings .settings-container .ant-input,
.xero-sync-settings .settings-container .ant-select {
  color: #0c2028 !important; }

.xero-sync-settings .settings-container .ant-checkbox-wrapper {
  color: #38484f !important;
  height: 30px; }

.xero-sync-settings .settings-container .ant-checkbox + span {
  color: #0c2028 !important;
  padding-right: 8px;
  padding-left: 13px; }

.xero-sync-settings .settings-container .ant-input-affix-wrapper {
  border-radius: 4px !important; }

.xero-sync-settings .settings-container .choose-file {
  width: 100% !important;
  display: inline-flex !important; }
  .xero-sync-settings .settings-container .choose-file .ant-form-item {
    width: -webkit-fill-available !important;
    width: fill-available !important;
    width: -moz-available !important; }
    .xero-sync-settings .settings-container .choose-file .ant-form-item .uploaded-file-input {
      width: -webkit-fill-available !important;
      width: fill-available !important;
      width: -moz-available !important;
      border-radius: 4px 0 0 4px !important; }
  .xero-sync-settings .settings-container .choose-file .upload-btn {
    margin-top: 25px !important;
    width: 93px !important;
    height: 33px !important;
    padding: 4px 9px !important;
    color: #0c2028 !important;
    background-color: #e5e5e5 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0 4px 4px 0 !important; }

.xero-sync-settings .settings-container .preset-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.xero-sync-settings .settings-container .preset-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.xero-sync-settings .settings-container .preset-table table thead {
  background-color: #fafafb !important; }

.xero-sync-settings .settings-container .preset-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.xero-sync-settings .settings-container .preset-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.xero-sync-settings .settings-container .preset-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important;
  border-bottom: none !important; }

.xero-sync-settings .settings-container .preset-table .un-text-truncate {
  font-weight: bold !important; }

.xero-sync-settings .settings-container .preset-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.xero-sync-settings .settings-container .preset-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.xero-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.xero-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.xero-sync-settings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

@media (min-width: 1024px) {
  .quickbooksSyncManageCompanyProfile {
    min-width: 644px !important;
    max-width: 644px !important;
    margin: 0 auto; } }

.quickbooksSyncManageCompanyProfile .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .quickbooksSyncManageCompanyProfile .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn,
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:hover,
  .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn i,
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:hover i,
    .quickbooksSyncManageCompanyProfile .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-content {
  overflow-x: hidden !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.quickbooksSyncManageCompanyProfile .company-table table thead {
  background-color: #fafafb !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important; }

.quickbooksSyncManageCompanyProfile .company-table .un-text-truncate {
  font-weight: bold !important; }

.quickbooksSyncManageCompanyProfile .company-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.quickbooksSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.quickbooksSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.quickbooksSyncManageCompanyProfile .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.quickbooksSyncManageCompanyProfile .company-table .ant-table-footer {
  display: none !important; }

.xero-sync-auto-matching .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .xero-sync-auto-matching .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .xero-sync-auto-matching .header-buttons .b-btn,
  .xero-sync-auto-matching .header-buttons .b-btn:hover,
  .xero-sync-auto-matching .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .xero-sync-auto-matching .header-buttons .b-btn i,
    .xero-sync-auto-matching .header-buttons .b-btn:hover i,
    .xero-sync-auto-matching .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .xero-sync-auto-matching .header-buttons .outline-btn,
  .xero-sync-auto-matching .header-buttons .outline-btn:focus,
  .xero-sync-auto-matching .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.xero-sync-auto-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.xero-sync-auto-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.xero-sync-auto-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.xero-sync-auto-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.xero-sync-auto-matching .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.xero-sync-auto-matching .ant-list-item-meta-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: left; }

.xero-sync-auto-matching .ant-list-item {
  padding: 0 !important; }

.xero-sync-auto-matching .ant-list-item-meta-description {
  padding-left: 12px; }

.xero-sync-auto-matching .ant-pagination {
  margin-bottom: 20px;
  margin-right: 0 !important; }

.xero-sync-auto-matching .trash-btn {
  height: 17px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  color: #90999d; }
  .xero-sync-auto-matching .trash-btn i {
    font-size: 16px !important;
    margin-right: 4px !important; }

.field-required {
  color: red !important; }

.ant-modal.ant-modal-confirm.ant-modal-confirm-error.bulk,
.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm.bulk {
  width: 600px !important;
  top: 0; }

.sync-error-modal .error-msg {
  font-size: inherit;
  color: #e0241a; }

.sync-error-modal .table-responsive .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-error-modal .table-responsive .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-error-modal .table-responsive .header .h-item.xero-po-number {
      width: 200px; }
    .sync-error-modal .table-responsive .header .h-item.error {
      width: 352px; }

.sync-error-modal .table-responsive .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-error-modal .table-responsive .body .b-row {
    display: inline-flex; }
    .sync-error-modal .table-responsive .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-error-modal .table-responsive .body .b-row .b-r-item {
      padding: 12px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.xero-po-number {
        width: 200px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.error {
        width: 352px; }

.sync-confirm-modal .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-confirm-modal .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-confirm-modal .header .h-item.currency {
      width: 70px; }
    .sync-confirm-modal .header .h-item.xero-po-number {
      width: 482px; }

.sync-confirm-modal .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-confirm-modal .body .b-row {
    display: inline-flex; }
    .sync-confirm-modal .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-confirm-modal .body .b-row .b-r-item {
      padding: 12px; }
      .sync-confirm-modal .body .b-row .b-r-item.currency {
        width: 70px; }
      .sync-confirm-modal .body .b-row .b-r-item.xero-po-number {
        width: 482px; }

.microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.rct-page-content-microsoftDynamicsLayout {
  max-width: none !important; }

.field-required {
  color: red !important; }

.microsoft-dynamics-sync .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .microsoft-dynamics-sync .header-buttons .b-btn,
  .microsoft-dynamics-sync .header-buttons .b-btn:hover,
  .microsoft-dynamics-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-sync .header-buttons .b-btn i,
    .microsoft-dynamics-sync .header-buttons .b-btn:hover i,
    .microsoft-dynamics-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-sync .header-buttons .outline-btn,
  .microsoft-dynamics-sync .header-buttons .outline-btn:focus,
  .microsoft-dynamics-sync .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.microsoft-dynamics-sync-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-sync-settings .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .microsoft-dynamics-sync-settings .header-buttons .b-btn,
  .microsoft-dynamics-sync-settings .header-buttons .b-btn:hover,
  .microsoft-dynamics-sync-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-sync-settings .header-buttons .b-btn i,
    .microsoft-dynamics-sync-settings .header-buttons .b-btn:hover i,
    .microsoft-dynamics-sync-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.microsoft-dynamics-sync-settings .settings-container .settings-tab {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: none !important; }
  .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar {
    border-right: none !important; }
    .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
      width: 220px; }
      .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
        padding-left: 0px !important; }
      .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
        padding: 10px !important;
        text-align: left; }
        .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
          color: #0c2028;
          font-weight: normal; }
      .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
        background-color: #f3fff3 !important; }
        .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
          font-weight: bold !important; }
      .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
        width: 4px !important; }
  .microsoft-dynamics-sync-settings .settings-container .settings-tab .ant-tabs-left-content {
    padding-left: 32px !important;
    border-left: 1px solid #e5e5e5 !important; }

.microsoft-dynamics-sync-settings .settings-container .ant-input,
.microsoft-dynamics-sync-settings .settings-container .ant-select {
  color: #0c2028 !important; }

.microsoft-dynamics-sync-settings .settings-container .ant-checkbox-wrapper {
  color: #38484f !important;
  height: 30px; }

.microsoft-dynamics-sync-settings .settings-container .ant-checkbox + span {
  color: #0c2028 !important;
  padding-right: 8px;
  padding-left: 13px; }

.microsoft-dynamics-sync-settings .settings-container .ant-input-affix-wrapper {
  border-radius: 4px !important; }

.microsoft-dynamics-sync-settings .settings-container .choose-file {
  width: 100% !important;
  display: inline-flex !important; }
  .microsoft-dynamics-sync-settings .settings-container .choose-file .ant-form-item {
    width: -webkit-fill-available !important;
    width: fill-available !important;
    width: -moz-available !important; }
    .microsoft-dynamics-sync-settings .settings-container .choose-file .ant-form-item .uploaded-file-input {
      width: -webkit-fill-available !important;
      width: fill-available !important;
      width: -moz-available !important;
      border-radius: 4px 0 0 4px !important; }
  .microsoft-dynamics-sync-settings .settings-container .choose-file .upload-btn {
    margin-top: 25px !important;
    width: 93px !important;
    height: 33px !important;
    padding: 4px 9px !important;
    color: #0c2028 !important;
    background-color: #e5e5e5 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0 4px 4px 0 !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table table thead {
  background-color: #fafafb !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important;
  border-bottom: none !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .un-text-truncate {
  font-weight: bold !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.microsoft-dynamics-sync-settings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.microsoft-dynamics-sync-layout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-sync-layout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .microsoft-dynamics-sync-layout .header-buttons .b-btn,
  .microsoft-dynamics-sync-layout .header-buttons .b-btn:hover,
  .microsoft-dynamics-sync-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-sync-layout .header-buttons .b-btn i,
    .microsoft-dynamics-sync-layout .header-buttons .b-btn:hover i,
    .microsoft-dynamics-sync-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-sync-layout .header-buttons .outline-btn,
  .microsoft-dynamics-sync-layout .header-buttons .outline-btn:hover,
  .microsoft-dynamics-sync-layout .header-buttons .outline-btn:focus {
    background-color: transparent !important; }

.microsoft-dynamics-sync-layout .ant-form-item-control-input {
  align-items: unset !important; }

.microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs {
  position: relative !important; }
  .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
      padding-bottom: 0 !important; }
  .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }
    .microsoft-dynamics-sync-layout .microsoft-dynamics-sync-tabs .microsoft-dynamics-sync-action-btn .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      margin-right: 16px !important; }

.microsoft-dynamics-sync-layout .item-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.microsoft-dynamics-sync-layout .item-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.microsoft-dynamics-sync-layout .item-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.microsoft-dynamics-sync-layout .item-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.microsoft-dynamics-sync-layout .item-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.microsoft-dynamics-sync-layout .item-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.microsoft-dynamics-sync-layout .item-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

@media (min-width: 1024px) {
  .microsoft-dynamics-item-matching-export {
    width: 644px !important;
    margin: 0 auto !important; } }

.microsoft-dynamics-item-matching-export .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .microsoft-dynamics-item-matching-export .header-buttons .b-btn,
  .microsoft-dynamics-item-matching-export .header-buttons .b-btn:hover,
  .microsoft-dynamics-item-matching-export .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .microsoft-dynamics-item-matching-export .header-buttons .b-btn i,
    .microsoft-dynamics-item-matching-export .header-buttons .b-btn:hover i,
    .microsoft-dynamics-item-matching-export .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (min-width: 1024px) {
  .microsoft-dynamics-item-matching-imported {
    width: 816px !important;
    margin: 0 auto !important; } }

.microsoft-dynamics-item-matching-imported .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .microsoft-dynamics-item-matching-imported .header-buttons .b-btn,
  .microsoft-dynamics-item-matching-imported .header-buttons .b-btn:hover,
  .microsoft-dynamics-item-matching-imported .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .microsoft-dynamics-item-matching-imported .header-buttons .b-btn i,
    .microsoft-dynamics-item-matching-imported .header-buttons .b-btn:hover i,
    .microsoft-dynamics-item-matching-imported .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.microsoft-dynamics-item-matching-export .ant-checkbox,
.microsoft-dynamics-item-matching-export .ant-checkbox-input,
.microsoft-dynamics-item-matching-export .ant-checkbox-inner,
.microsoft-dynamics-item-matching-imported .ant-checkbox,
.microsoft-dynamics-item-matching-imported .ant-checkbox-input,
.microsoft-dynamics-item-matching-imported .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.microsoft-dynamics-item-matching-export .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td,
.microsoft-dynamics-item-matching-imported .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.microsoft-dynamics-item-matching-export .export-table .ant-table-tbody > tr > td,
.microsoft-dynamics-item-matching-imported .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.microsoft-dynamics-item-matching-export .export-table .ant-table table,
.microsoft-dynamics-item-matching-imported .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.microsoft-dynamics-item-matching-export .export-table table thead,
.microsoft-dynamics-item-matching-imported .export-table table thead {
  background-color: #fafafb !important; }

.microsoft-dynamics-item-matching-export .export-table .ant-table-thead th,
.microsoft-dynamics-item-matching-imported .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.microsoft-dynamics-item-matching-export .export-table .ant-table-thead > tr > th,
.microsoft-dynamics-item-matching-imported .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.microsoft-dynamics-item-matching-export .export-table .un-text-truncate,
.microsoft-dynamics-item-matching-imported .export-table .un-text-truncate {
  font-weight: bold !important; }

.microsoft-dynamics-item-matching-export .export-table .un-light-label,
.microsoft-dynamics-item-matching-imported .export-table .un-light-label {
  font-size: 14px !important; }

.microsoft-dynamics-item-matching-export .export-table .ant-pagination,
.microsoft-dynamics-item-matching-imported .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .microsoft-dynamics-item-matching-export .export-table .ant-pagination.with-quick-jumper,
  .microsoft-dynamics-item-matching-imported .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

@media (min-width: 1024px) {
  .microsoft-dynamics-item-matching-import {
    width: 644px !important;
    margin: 0 auto !important; } }

.microsoft-dynamics-item-matching-import .anticon-spin {
  font-size: 24px; }

.microsoft-dynamics-item-matching-import .plain-btn,
.microsoft-dynamics-item-matching-import .plain-btn:hover {
  text-transform: unset;
  text-decoration: underline; }

.microsoft-dynamics-item-matching-import .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  padding-right: 0 !important;
  display: flex;
  position: fixed; }
  .microsoft-dynamics-item-matching-import .header-buttons .b-btn,
  .microsoft-dynamics-item-matching-import .header-buttons .b-btn:hover,
  .microsoft-dynamics-item-matching-import .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .microsoft-dynamics-item-matching-import .header-buttons .b-btn i,
    .microsoft-dynamics-item-matching-import .header-buttons .b-btn:hover i,
    .microsoft-dynamics-item-matching-import .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.microsoft-dynamics-item-matching-import .feather-upload-cloud {
  font-size: 32px;
  color: #d4d4d4; }

.microsoft-dynamics-item-matching-import .hideUploader {
  display: none; }

.microsoft-dynamics-item-matching-import .uploadList {
  height: 33px;
  width: fit-content;
  width: -moz-fit-content; }
  .microsoft-dynamics-item-matching-import .uploadList .file {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 33px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 7px 12px;
    margin-right: 20px; }
    .microsoft-dynamics-item-matching-import .uploadList .file .feather-file-text {
      color: #647176;
      font-size: 20px !important; }
  .microsoft-dynamics-item-matching-import .uploadList .plain-btn {
    text-decoration: unset; }

.microsoft-dynamics-import-preview .header-buttons {
  min-width: 816px;
  max-width: none !important;
  width: calc(100% - 97px) !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  .microsoft-dynamics-import-preview .header-buttons .b-btn,
  .microsoft-dynamics-import-preview .header-buttons .b-btn:hover,
  .microsoft-dynamics-import-preview .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .microsoft-dynamics-import-preview .header-buttons .b-btn i,
    .microsoft-dynamics-import-preview .header-buttons .b-btn:hover i,
    .microsoft-dynamics-import-preview .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.microsoft-dynamics-import-preview .pg-title .listing-btn {
  margin-left: auto; }

.microsoft-dynamics-import-preview .body.red,
.microsoft-dynamics-import-preview .body.set.warning {
  margin-bottom: 12px; }

.microsoft-dynamics-sales-order-layout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-sales-order-layout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .microsoft-dynamics-sales-order-layout .header-buttons .b-btn,
  .microsoft-dynamics-sales-order-layout .header-buttons .b-btn:hover,
  .microsoft-dynamics-sales-order-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-sales-order-layout .header-buttons .b-btn i,
    .microsoft-dynamics-sales-order-layout .header-buttons .b-btn:hover i,
    .microsoft-dynamics-sales-order-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-sales-order-layout .header-buttons .microsoft-dynamics-sync-settings-btn-actions {
    position: relative !important; }
    .microsoft-dynamics-sales-order-layout .header-buttons .microsoft-dynamics-sync-settings-btn-actions .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important; }
  .microsoft-dynamics-sales-order-layout .header-buttons .outline-btn,
  .microsoft-dynamics-sales-order-layout .header-buttons .outline-btn:hover,
  .microsoft-dynamics-sales-order-layout .header-buttons .outline-btn:focus {
    background-color: transparent !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form {
  width: 100% !important; }
  .microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 300px !important;
    max-width: 660px !important; }
  .microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .microsoft-dynamics-sales-order-layout .sales-order .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .set {
  word-wrap: break-word; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .ant-tabs-bar {
  position: unset !important;
  height: unset !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .ant-tabs-nav-scroll {
  padding-left: 0 !important;
  height: unset !important;
  border-bottom: none !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  background: none !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .ant-tabs-content {
  margin-top: unset !important;
  border-top: none !important;
  padding: unset !important; }

.microsoft-dynamics-sales-order-layout .sales-order .unicart-table .my-color {
  background-color: #f6f6f6 !important; }

.microsoft-dynamics-sales-order-layout .sales-order .ant-pagination-options-size-changer {
  min-width: 90px; }

.microsoft-dynamics-sales-order-layout .sales-order-form {
  border-radius: 4px !important;
  padding: 24px !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .w-0 {
    width: 0px !important;
    display: none !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .ant-picker {
    width: 100% !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .payment-address * {
    color: #0c2028 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .form-details {
    margin-bottom: 24px !important; }
    .microsoft-dynamics-sales-order-layout .sales-order-form .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #007ce0 !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container {
    display: grid !important;
    grid-template-columns: 20% 20% 20% 20% 20% !important;
    margin: 0 -6px !important; }
    .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col {
      padding: 0 6px !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .feather-calendar {
        color: #90999d !important;
        font-size: 20px !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts-label {
        color: #38484f !important;
        height: 33px;
        line-height: 33px;
        text-align: right;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 24px !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts {
        margin-top: 12px;
        margin-bottom: 24px !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
          display: none; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item {
        padding-bottom: 0 !important;
        margin-bottom: 12px !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col.replace {
        display: none; }
    @media (max-width: 768px) {
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container {
        grid-template-columns: 50% 50% !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col.empty, .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts-label {
          display: none !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; }
          .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
            display: inline-block !important; } }
    @media (max-width: 442px) {
      .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container {
        grid-template-columns: 100% !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col.empty, .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .microsoft-dynamics-sales-order-layout .sales-order-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; } }
  @media (max-width: 768px) {
    .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table {
      overflow-x: auto !important; } }
  @media (max-width: 768px) {
    .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-wrapper {
      width: 1344px !important;
      padding-bottom: 10px !important; } }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .span {
    font-size: 12px !important;
    color: #647176 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .w-0 {
    width: 0px !important;
    display: none !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .subject {
    width: 200px; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .number {
    width: 90px; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .price {
    width: 150px; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .checkbox {
    width: 55px; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table table {
    border: none !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-thead > tr > th {
    color: #647176 !important;
    border-bottom: none !important;
    padding: 4px 8px 4px 0 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-thead > tr > th:last-child {
    padding-right: 0 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 2px 8px 2px 0 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-tbody > tr > td:last-child {
    padding-right: 0 !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-table-footer {
    display: none !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-select {
    width: 100% !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table .ant-input-number {
    width: 100% !important; }
  .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary {
    width: 100%; }
    .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary .summary-item {
      width: 100%;
      display: grid !important;
      grid-template-columns: 50% 50% !important; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary .summary-item .summary-label {
        color: #0c2028 !important;
        height: 33px;
        line-height: 33px;
        width: 100%; }
      .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary .summary-item .summary-amount {
        text-align: right !important;
        color: #0c2028 !important;
        height: 33px;
        line-height: 33px;
        text-align: right;
        width: 100%; }
    .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary .ant-divider-horizontal {
      border-top: 1px solid #e5e5e5 !important;
      margin: 12px 0 !important; }
    .microsoft-dynamics-sales-order-layout .sales-order-form .microsoft-dynamics-sync-form-table-summary .display-none {
      display: none !important; }

.microsoft-dynamics-sales-order-layout .ant-card-contain-tabs .ant-table-title {
  margin-left: 7.5% !important;
  margin-top: 0.5% !important; }

.microsoft-dynamics-sales-order-layout .unicart-table.table-tab-failed .ant-card-contain-tabs .ant-table-title {
  margin-left: 6% !important; }

@media (min-width: 1024px) {
  .recently-viewed {
    width: 644px !important;
    margin: 0 auto !important; } }

.recently-viewed .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .recently-viewed .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .recently-viewed .header-buttons .b-btn,
  .recently-viewed .header-buttons .b-btn:hover,
  .recently-viewed .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .recently-viewed .header-buttons .b-btn i,
    .recently-viewed .header-buttons .b-btn:hover i,
    .recently-viewed .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.recently-viewed .recentlyViewed-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .recently-viewed .recentlyViewed-layout .recentlyViewed-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.temp-hide {
  display: none !important; }

@media (min-width: 1024px) {
  .content-defender {
    width: 644px !important;
    margin: 0 auto !important; } }

.content-defender .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .content-defender .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .content-defender .header-buttons .b-btn,
  .content-defender .header-buttons .b-btn:hover,
  .content-defender .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .content-defender .header-buttons .b-btn i,
    .content-defender .header-buttons .b-btn:hover i,
    .content-defender .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.content-defender .content-defender-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .content-defender .content-defender-layout .content-defender-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.temp-hide {
  display: none !important; }

.quotation .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .quotation .header-buttons .b-btn,
  .quotation .header-buttons .b-btn:hover,
  .quotation .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quotation .header-buttons .b-btn i,
    .quotation .header-buttons .b-btn:hover i,
    .quotation .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.quotation .unicart-filter {
  margin-top: 0 !important; }

@media (min-width: 1024px) {
  .quotation-settings {
    width: 644px !important;
    margin: 0 auto !important; } }

.quotation-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .quotation-settings .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .quotation-settings .header-buttons .b-btn,
  .quotation-settings .header-buttons .b-btn:hover,
  .quotation-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quotation-settings .header-buttons .b-btn i,
    .quotation-settings .header-buttons .b-btn:hover i,
    .quotation-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.manage-quotation .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .manage-quotation .header-buttons .b-btn,
  .manage-quotation .header-buttons .b-btn:hover,
  .manage-quotation .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .manage-quotation .header-buttons .b-btn i,
    .manage-quotation .header-buttons .b-btn:hover i,
    .manage-quotation .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.manage-quotation .outline-btn {
  background-color: transparent !important; }

.manage-quotation .left-panel > .row,
.manage-quotation .right-panel {
  align-content: baseline !important; }

.manage-quotation .order-info {
  width: 100%; }
  .manage-quotation .order-info .firstLine {
    width: 100%;
    display: flex;
    height: 32px !important;
    margin-bottom: 10px !important;
    align-items: center !important; }
    .manage-quotation .order-info .firstLine .un-order-title {
      color: #0c2028 !important;
      font-size: 26px !important;
      margin-right: 12px !important; }
  .manage-quotation .order-info .secondLine {
    width: 100%;
    align-items: center !important;
    font-size: 14px !important;
    color: #647176 !important; }
    @media (min-width: 768px) {
      .manage-quotation .order-info .secondLine {
        display: flex;
        height: 15px !important;
        margin-bottom: 20px !important; } }
    .manage-quotation .order-info .secondLine i {
      vertical-align: middle; }
    .manage-quotation .order-info .secondLine .un-title-light {
      margin-right: 18px !important;
      color: #0c2028 !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      vertical-align: middle; }
      @media (min-width: 768px) {
        .manage-quotation .order-info .secondLine .un-title-light {
          margin-left: 2px !important; } }
  .manage-quotation .order-info .thirdLine {
    margin-bottom: 15px; }
    .manage-quotation .order-info .thirdLine .action-list {
      display: flex;
      height: 32px !important;
      align-items: center !important; }
      .manage-quotation .order-info .thirdLine .action-list i {
        vertical-align: middle; }
      .manage-quotation .order-info .thirdLine .action-list a {
        font-size: 14px;
        color: #007ce0 !important; }

.manage-quotation .quotation-details table thead tr th,
.manage-quotation .quotation-details table thead tr td,
.manage-quotation .quotation-details table tbody tr th,
.manage-quotation .quotation-details table tbody tr td,
.manage-quotation .quotation-details table tfoot tr th,
.manage-quotation .quotation-details table tfoot tr td {
  vertical-align: top !important; }

.manage-quotation .quotation-details .ant-table table {
  border: none !important; }

.manage-quotation .quotation-details thead.ant-table-thead {
  height: 32px !important;
  background-color: #fafafb !important; }

.manage-quotation .quotation-details th.ant-table-cell {
  padding: 7px 16px !important;
  background-color: #fafafb !important;
  font-size: 12px !important;
  border: none !important; }

.manage-quotation .quotation-details .ant-table-tbody > tr:last-child > td {
  border-bottom: 1px solid #d4d4d4 !important; }

.manage-quotation .quotation-details .ant-list-item {
  padding: 0 !important; }

.manage-quotation .quotation-details .ant-list-item-meta-avatar {
  margin-right: 12px; }

.manage-quotation .quotation-details .un-row-product img {
  height: 56px;
  width: 56px;
  border-radius: 6px; }

.manage-quotation .quotation-details .quotation-details-table .ant-table {
  overflow-x: auto; }

.manage-quotation .quotation-details .price-cell .ant-form-item {
  margin-bottom: 4px !important; }
  .manage-quotation .quotation-details .price-cell .ant-form-item .ant-form-item-control-input {
    min-height: 25px !important; }
    .manage-quotation .quotation-details .price-cell .ant-form-item .ant-form-item-control-input .ant-input-group-addon {
      padding-top: unset !important;
      vertical-align: middle;
      display: inline-table;
      line-height: 23px !important;
      height: 25px !important; }
    .manage-quotation .quotation-details .price-cell .ant-form-item .ant-form-item-control-input .ant-input-number {
      width: 83px !important;
      height: 25px !important; }
      .manage-quotation .quotation-details .price-cell .ant-form-item .ant-form-item-control-input .ant-input-number .ant-input-number-input {
        line-height: 21px !important;
        height: 23px !important;
        color: #0c2028 !important; }

.manage-quotation .quotation-details .quantity-cell .ant-input {
  border-radius: 0 !important;
  text-align: center !important;
  height: 25px;
  width: 60px; }

.manage-quotation .quotation-details .quantity-cell input[type='number']::-webkit-inner-spin-button,
.manage-quotation .quotation-details .quantity-cell input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.manage-quotation .quotation-details .quantity-cell input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield; }

.manage-quotation .quotation-details .quantity-cell .ant-input-group-addon:first-child {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  background-color: #f6f6f6 !important; }

.manage-quotation .quotation-details .quantity-cell .ant-input-group-addon:last-child {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  background-color: #f6f6f6 !important; }

.manage-quotation .quotation-details .totals-container {
  width: 100%;
  padding: 20px;
  border-radius: 8px !important;
  background-color: #f6f6f6;
  margin-bottom: 20px !important; }
  .manage-quotation .quotation-details .totals-container.requested {
    background-color: unset !important;
    padding: 0 20px !important; }
  .manage-quotation .quotation-details .totals-container.editable .cost-remove i {
    display: block !important; }
  .manage-quotation .quotation-details .totals-container .plain-btn {
    margin-right: 20px; }
    .manage-quotation .quotation-details .totals-container .plain-btn i {
      margin-right: 8px; }
  .manage-quotation .quotation-details .totals-container .cost-item {
    align-items: center; }
    .manage-quotation .quotation-details .totals-container .cost-item.reward {
      margin-bottom: 12px; }
      .manage-quotation .quotation-details .totals-container .cost-item.reward .ant-checkbox-wrapper {
        margin-left: 9px !important; }
    .manage-quotation .quotation-details .totals-container .cost-item.normal {
      border-top: none !important;
      background-color: unset !important; }
    .manage-quotation .quotation-details .totals-container .cost-item.total {
      border-top: none !important;
      border-bottom: none !important;
      background-color: unset !important; }
      .manage-quotation .quotation-details .totals-container .cost-item.total .cost-label,
      .manage-quotation .quotation-details .totals-container .cost-item.total .cost-total {
        font-size: 22px !important;
        font-weight: bold !important; }
    .manage-quotation .quotation-details .totals-container .cost-item.total-reward {
      border-top: none !important;
      background-color: unset !important; }
      .manage-quotation .quotation-details .totals-container .cost-item.total-reward .cost-label {
        display: flex;
        justify-content: space-between !important; }
      .manage-quotation .quotation-details .totals-container .cost-item.total-reward .ant-checkbox-wrapper {
        margin-left: 9px !important; }
  .manage-quotation .quotation-details .totals-container .cost-label {
    font-size: 14px;
    color: #0c2028 !important;
    line-height: 21px !important;
    display: flex; }
    .manage-quotation .quotation-details .totals-container .cost-label i {
      line-height: 21px !important;
      font-size: 14px;
      margin-right: 4px !important; }
  .manage-quotation .quotation-details .totals-container .cost-value {
    font-size: 14px;
    color: #0c2028 !important;
    font-weight: bold !important;
    line-height: 21px !important;
    display: flex; }
    .manage-quotation .quotation-details .totals-container .cost-value i {
      line-height: 21px !important;
      cursor: pointer;
      font-size: 14px;
      color: #007ce0 !important;
      width: fit-content;
      margin: 0 0 0 auto !important; }
  .manage-quotation .quotation-details .totals-container .cost-total {
    font-size: 14px;
    color: #0c2028 !important;
    line-height: 21px !important;
    text-align: right;
    padding-right: 0 !important; }
    .manage-quotation .quotation-details .totals-container .cost-total .plain-btn {
      line-height: 21px !important;
      margin: 0 0 0 auto; }
    .manage-quotation .quotation-details .totals-container .cost-total .blue a[disabled] {
      color: #0c2028 !important; }
  .manage-quotation .quotation-details .totals-container .cost-remove {
    line-height: 21px !important; }
    .manage-quotation .quotation-details .totals-container .cost-remove i {
      display: none;
      line-height: 21px !important;
      cursor: pointer;
      font-size: 20px;
      color: #90999d !important;
      width: fit-content; }
  .manage-quotation .quotation-details .totals-container .cost-edit {
    line-height: 21px !important; }
    .manage-quotation .quotation-details .totals-container .cost-edit i {
      line-height: 21px !important;
      cursor: pointer;
      font-size: 16px;
      color: #007ce0 !important;
      width: fit-content; }

.manage-quotation .asterisk {
  color: #ff4d4f !important; }

.manage-quotation .customer-info {
  width: 100%;
  margin-top: 3px !important;
  padding: 0 8px !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px;
  box-shadow: none !important; }
  .manage-quotation .customer-info .feather-eye {
    margin-left: 8px !important;
    font-size: 16px !important;
    color: #007ce0 !important;
    cursor: pointer; }
  .manage-quotation .customer-info .name,
  .manage-quotation .customer-info .email,
  .manage-quotation .customer-info .phone {
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #38484f !important;
    line-height: 17px !important;
    margin-bottom: 4px; }
  .manage-quotation .customer-info .address {
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #38484f !important;
    line-height: 19px !important;
    margin-bottom: 20px; }
  .manage-quotation .customer-info .message {
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #38484f !important;
    line-height: 19px !important;
    margin-bottom: 32px; }

.manage-quotation .remark {
  width: 100%;
  padding: 0 8px !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px;
  box-shadow: none !important; }
  .manage-quotation .remark .message {
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #38484f !important;
    line-height: 19px !important;
    margin-bottom: 32px; }
    .manage-quotation .remark .message .placeholder {
      color: #90999d !important; }

.manage-quotation .history {
  width: 100%;
  padding: 0 8px !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px;
  box-shadow: none !important; }
  .manage-quotation .history .feather-info {
    font-size: 14px !important;
    color: #90999d !important;
    margin-left: 4px;
    line-height: 17px;
    vertical-align: middle; }
  .manage-quotation .history .timeline .ant-timeline-item {
    padding-bottom: 0px; }
    .manage-quotation .history .timeline .ant-timeline-item .ant-timeline-item-tail {
      margin-top: 8px !important; }
    .manage-quotation .history .timeline .ant-timeline-item .ant-timeline-item-head {
      background-color: #d4d4d4 !important;
      border-color: #d4d4d4 !important;
      margin-top: 8px !important; }
    .manage-quotation .history .timeline .ant-timeline-item .ant-timeline-item-content .ant-list-item {
      padding: 12px 0 !important; }
  .manage-quotation .history .timeline div:nth-child(1) .ant-timeline-item-head {
    background-color: #007ce0 !important;
    border-color: #007ce0 !important; }
  .manage-quotation .history .timeline div:last-child .ant-timeline-item-tail {
    display: none !important; }

.manage-quotation-modal .ant-modal-body {
  padding-bottom: 40px !important; }
  .manage-quotation-modal .ant-modal-body .ant-form-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

.add-quotation .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .add-quotation .header-buttons .b-btn,
  .add-quotation .header-buttons .b-btn:hover,
  .add-quotation .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .add-quotation .header-buttons .b-btn i,
    .add-quotation .header-buttons .b-btn:hover i,
    .add-quotation .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.add-quotation .search .ant-input-affix-wrapper span.anticon {
  width: 40px;
  color: #0c2028; }

.add-quotation .search .ant-input-affix-wrapper .anticon {
  font-size: 20px; }

.add-quotation .search .ant-input {
  height: 40px !important; }

.add-quotation .search .ant-input-affix-wrapper > input.ant-input {
  margin-top: 1px;
  height: 35px !important; }

.add-quotation .search .ant-input-search-icon {
  padding-right: 0;
  margin-right: -7px;
  margin-left: 0; }

.add-quotation .search .ant-input-search-icon::after {
  width: 40px; }

.add-quotation .search .ant-input-search-icon::before {
  right: 30px; }

.add-quotation .search .ant-input-clear-icon {
  width: 20px !important;
  content: url("https://api.iconify.design/fe/close.svg?color=%2390999d&width=20&height=20") !important; }

.add-quotation .search .plain-btn {
  height: 40px !important;
  text-align: left; }

.add-quotation .search .customer-membership-group {
  display: flex;
  align-items: center;
  margin-bottom: 44px !important; }
  .add-quotation .search .customer-membership-group .ant-legacy-form-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    .add-quotation .search .customer-membership-group .ant-legacy-form-item .ant-input-search.ant-input-affix-wrapper {
      border-radius: 4px;
      padding: 2px 11px;
      max-width: 381px !important;
      margin-right: 20px; }
      @media (min-width: 1025px) {
        .add-quotation .search .customer-membership-group .ant-legacy-form-item .ant-input-search.ant-input-affix-wrapper {
          min-width: 381px !important; } }
  .add-quotation .search .customer-membership-group .membership-group {
    display: flex;
    align-items: center; }
    .add-quotation .search .customer-membership-group .membership-group .tier-tag {
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 20px;
      border-radius: 14px;
      opacity: 1;
      border: none;
      color: #0c2028;
      background-color: #d4d4d4;
      font-size: 14px;
      font-weight: bold;
      height: 21px;
      line-height: 21px;
      margin-right: 20px !important; }

.add-quotation .quotationFormCustomerInfo .customer {
  display: inline-flex;
  width: fit-content;
  width: -moz-fit-content;
  max-width: inherit;
  padding: 8px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }

.add-quotation .quotationFormCustomerInfo .remove-btn {
  width: 40px;
  height: 39px;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 10px 16px; }
  .add-quotation .quotationFormCustomerInfo .remove-btn i {
    color: #647176 !important;
    font-size: 20px; }

@media (max-width: 1024px) {
  .add-quotation .quotationFormCustomerInfo .addressForm {
    margin-bottom: 12px !important; } }

.add-quotation .quotationFormCustomerInfo .addressForm .asterisk {
  color: #ff4d4f !important;
  font-size: 14px; }

.add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item {
  margin-bottom: 12px !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-input,
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-input-number {
    line-height: 25px !important;
    height: 25px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important; }
    .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-input.disabled,
    .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-input-number.disabled {
      color: #90999d !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
    height: 25px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    box-shadow: none !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input {
    height: 23px !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-single .ant-select-selector .ant-select-selection-item,
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder {
    line-height: 23px !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-selection-item {
    color: #000000; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-legacy-form-item .ant-select-selection-placeholder {
    color: #38484f; }

.add-quotation .quotationFormCustomerInfo .addressForm .existing-address .ant-legacy-form-item .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
  border-radius: 4px !important;
  border: 1px solid #d4d4d4 !important;
  border-bottom: 1px solid #d4d4d4 !important; }

.add-quotation .quotationFormCustomerInfo .addressForm .ant-select-disabled .ant-select-selection-item {
  color: #000000 !important; }

.add-quotation .quotationFormCustomerInfo .addressForm .ant-select-selection-placeholder {
  color: #0c2028 !important; }

.add-quotation .quotationFormCustomerInfo .addressForm .ant-select-arrow {
  top: 40% !important; }
  .add-quotation .quotationFormCustomerInfo .addressForm .ant-select-arrow .anticon {
    content: url("https://api.iconify.design/mingcute/down-line.svg?color=%230c2028&width=20&height=20") !important; }

.add-quotation .quotationFormQuotationDetails .heading-medium {
  width: fit-content !important; }

.add-quotation .quotationFormQuotationDetails .order-details-table {
  overflow-x: auto; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table table thead {
    background-color: #fafafb !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    height: 32px !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-table-thead > tr > th,
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-table-tbody > tr > td {
    border-bottom: none !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-list-item {
    padding: 0 !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-list-item-meta-avatar {
    width: 74px !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .un-row-product img {
    height: 74px;
    width: 74px;
    border-radius: 6px; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .ant-input {
    border-radius: 0 !important;
    text-align: center !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .desc {
    line-height: 15px !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .un-light-label-text {
    color: #647176 !important;
    font-size: 12px !important; }
  .add-quotation .quotationFormQuotationDetails .order-details-table .unit-price .caption {
    color: #90999d !important;
    text-decoration: line-through !important; }

.add-quotation .quotationFormQuotationDetails .asterisk {
  color: #ff4d4f !important; }

.add-quotation .quotationFormQuotationDetails .remark {
  padding: 11px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }
  .add-quotation .quotationFormQuotationDetails .remark textarea.ant-input {
    border: none;
    margin-bottom: 0 !important;
    padding: 0;
    color: #0c2028 !important; }
  .add-quotation .quotationFormQuotationDetails .remark .ant-legacy-form-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

.add-quotation .quotationFormQuotationDetails .totals-container {
  width: 100%;
  padding: 20px;
  border-radius: 8px !important;
  background-color: #f6f6f6;
  margin-bottom: 20px !important; }
  .add-quotation .quotationFormQuotationDetails .totals-container .plain-btn {
    margin-right: 20px; }
    .add-quotation .quotationFormQuotationDetails .totals-container .plain-btn i {
      margin-right: 8px; }

.add-quotation .quotationFormQuotationDetails .cost-item {
  align-items: center; }
  .add-quotation .quotationFormQuotationDetails .cost-item.reward {
    margin-bottom: 12px; }
    .add-quotation .quotationFormQuotationDetails .cost-item.reward .ant-checkbox-wrapper {
      margin-left: 9px !important; }
  .add-quotation .quotationFormQuotationDetails .cost-item.normal {
    border-top: none !important;
    background-color: unset !important; }
  .add-quotation .quotationFormQuotationDetails .cost-item.total {
    border-top: none !important;
    border-bottom: none !important;
    background-color: unset !important; }
    .add-quotation .quotationFormQuotationDetails .cost-item.total .cost-label,
    .add-quotation .quotationFormQuotationDetails .cost-item.total .cost-total {
      font-size: 22px !important;
      font-weight: bold !important; }
  .add-quotation .quotationFormQuotationDetails .cost-item.total-reward {
    border-top: none !important;
    background-color: unset !important; }
    .add-quotation .quotationFormQuotationDetails .cost-item.total-reward .cost-label {
      display: flex;
      justify-content: space-between !important; }
    .add-quotation .quotationFormQuotationDetails .cost-item.total-reward .ant-checkbox-wrapper {
      margin-left: 9px !important; }

.add-quotation .quotationFormQuotationDetails .cost-label {
  font-size: 14px;
  color: #0c2028 !important;
  line-height: 21px !important;
  display: flex; }
  .add-quotation .quotationFormQuotationDetails .cost-label i {
    line-height: 21px !important;
    font-size: 14px;
    margin-right: 4px !important; }

.add-quotation .quotationFormQuotationDetails .cost-value {
  font-size: 14px;
  color: #0c2028 !important;
  font-weight: bold !important;
  line-height: 21px !important;
  display: flex; }
  .add-quotation .quotationFormQuotationDetails .cost-value i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 14px;
    color: #007ce0 !important;
    width: fit-content;
    margin: 0 0 0 auto !important; }

.add-quotation .quotationFormQuotationDetails .cost-total {
  font-size: 14px;
  color: #0c2028 !important;
  line-height: 21px !important;
  text-align: right;
  padding-right: 0 !important; }
  .add-quotation .quotationFormQuotationDetails .cost-total .plain-btn {
    line-height: 21px !important;
    margin: 0 0 0 auto; }

.add-quotation .quotationFormQuotationDetails .cost-remove {
  line-height: 21px !important; }
  .add-quotation .quotationFormQuotationDetails .cost-remove i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 16px;
    color: #90999d !important;
    width: fit-content; }

.add-quotation .quotationFormQuotationDetails .cost-edit {
  line-height: 21px !important; }
  .add-quotation .quotationFormQuotationDetails .cost-edit i {
    line-height: 21px !important;
    cursor: pointer;
    font-size: 16px;
    color: #007ce0 !important;
    width: fit-content; }

.add-quotation .quotationFormQuotationDetails .shipping-method {
  padding-right: 2px;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85); }
  .add-quotation .quotationFormQuotationDetails .shipping-method .danger-btn {
    margin-right: 20px;
    width: fit-content !important;
    width: -moz-fit-content !important;
    height: 17px !important;
    padding: 0 !important;
    font-size: 14px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: #ff4d4f !important; }
    .add-quotation .quotationFormQuotationDetails .shipping-method .danger-btn i {
      margin-right: 8px;
      color: #ff4d4f !important; }

.add-quotation .quotationFormQuotationDetails .shipping-select {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  padding: 5px 11px 5px 11px !important;
  opacity: 1;
  margin-bottom: 4px; }
  .add-quotation .quotationFormQuotationDetails .shipping-select .selected-name {
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold !important; }

.add-quotation .quotationFormQuotationDetails .od-table {
  overflow-x: auto; }
  .add-quotation .quotationFormQuotationDetails .od-table .od-header {
    background-color: #fafafb;
    display: flex;
    min-width: fit-content; }
    @media (max-width: 1023px) {
      .add-quotation .quotationFormQuotationDetails .od-table .od-header {
        width: fit-content !important; } }
    .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item {
      padding: 9px 12px;
      color: #647176;
      font-size: 12px;
      text-align: center; }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(1) {
        width: 412px !important;
        min-width: 412px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(1) {
            width: 562px !important;
            min-width: 562px !important; } }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(2) {
        width: 160px !important;
        min-width: 160px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(2) {
            width: 200px !important;
            min-width: 200px !important; } }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(3) {
        width: 24px !important;
        min-width: 24px !important;
        text-align: left !important; }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(4) {
        width: 180px !important;
        min-width: 180px !important;
        text-align: left !important; }
        @media (min-width: 1440px) {
          .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(4) {
            width: 200px !important;
            min-width: 200px !important; } }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(5) {
        width: 120px !important;
        min-width: 120px !important;
        text-align: left !important; }
      .add-quotation .quotationFormQuotationDetails .od-table .od-header .od-h-item:nth-child(6) {
        width: -webkit-fill-available !important;
        min-width: -webkit-fill-available !important; }
  .add-quotation .quotationFormQuotationDetails .od-table .od-body {
    padding: 0 12px 12px; }
    @media (max-width: 1023px) {
      .add-quotation .quotationFormQuotationDetails .od-table .od-body {
        width: fit-content !important; } }
    @media (max-width: 1023px) {
      .add-quotation .quotationFormQuotationDetails .od-table .od-body .ant-empty {
        width: 87vw !important; } }
    .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row {
      display: flex;
      border-bottom: 1px solid #e5e5e5 !important;
      align-items: flex-start;
      min-width: fit-content; }
      .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row:last-child {
        border-bottom: none !important; }
      .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item {
        padding: 12px;
        color: #0c2028;
        font-size: 14px;
        text-align: center;
        align-self: auto; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item .ant-form-item {
          margin-bottom: 4px !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) {
          padding: 12px 0 !important;
          width: 400px !important;
          min-width: 400px !important;
          text-align: left !important;
          align-self: baseline !important; }
          @media (min-width: 1440px) {
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) {
              width: 550px !important;
              min-width: 550px !important; } }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item {
            padding: 0 !important; }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .un-row-product img {
              height: 74px;
              width: 74px;
              border-radius: 6px; }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .deal-tag {
              width: fit-content;
              height: 18px;
              line-height: 14px;
              font-size: 12px;
              font-weight: normal !important;
              color: #442f0f;
              background-color: #ffe5cc;
              border: 1px solid #ff7f00;
              border-radius: 2px;
              padding: 1px 6px;
              align-self: center;
              margin-right: 8px; }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant {
              display: flex !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select {
                width: 200px !important;
                margin-left: 4px !important;
                margin-top: -2px; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selector {
                border: none !important;
                height: 16px !important;
                padding: 0 !important;
                box-shadow: none !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-search-input {
                height: 16px !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item {
                color: #007ce0 !important;
                font-size: 12px !important;
                height: 16px !important;
                line-height: 16px !important; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item {
                  display: block !important;
                  width: 200px !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-value {
                    font-size: 12px !important;
                    color: #007ce0 !important;
                    max-width: 180px !important;
                    display: inline-block !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-selection-item .variant-item .variant-stock {
                    display: none !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow {
                right: 0 !important;
                top: 11px; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .caption.variant .ant-select-arrow .anticon-down {
                  content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%23007ce0&width=5&height=5") !important;
                  margin-top: 2px; }
            @media (min-width: 1440px) {
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-5 {
                flex: 0 0 20% !important;
                max-width: 20% !important; } }
            @media (min-width: 1440px) {
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 {
                flex: 0 0 80% !important;
                max-width: 80% !important; } }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options {
              font-size: 12px;
              color: #647176 !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                border-radius: 2px !important;
                font-size: 12px !important;
                background-color: #f6f6f6;
                line-height: 14px !important; }
                @media (min-width: 1440px) {
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-input {
                    max-width: 350px; } }
              @media (min-width: 1440px) {
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select {
                  max-width: 350px; } }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector {
                height: 18px !important;
                border-radius: 2px !important;
                font-size: 12px !important;
                color: #0c2028 !important;
                background-color: #ffffff; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item {
                  line-height: 18px !important;
                  font-size: 12px !important;
                  color: #0c2028 !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-item .variant-value {
                    line-height: 18px !important;
                    font-size: 12px !important;
                    color: #0c2028 !important;
                    display: inline-block !important; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selector .ant-select-selection-search-input {
                  height: 18px !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-selection-placeholder {
                line-height: 18px !important;
                font-size: 12px !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow {
                right: 4px !important;
                top: 11px; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-select .ant-select-arrow .anticon-down {
                  content: url("https://api.iconify.design/fluent-mdl2/triangle-solid-down-12.svg?color=%230c2028&width=5&height=5") !important;
                  margin-top: 2px; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper {
                font-size: 12px !important; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
                  color: #0c2028 !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-radio-group .ant-space-item {
                margin-bottom: 0 !important; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper {
                display: block; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper span {
                  font-size: 12px;
                  color: #0c2028 !important; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-checkbox-wrapper + .ant-checkbox-wrapper {
                  margin-left: unset; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn {
                background-color: #f6f6f6 !important;
                color: #647176 !important;
                font-size: 12px !important;
                line-height: 18px !important;
                border-radius: 2px !important;
                padding: 0 8px;
                border: 1px solid #d4d4d4;
                height: 18px;
                text-transform: unset; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .upload-btn i {
                  margin-right: 4px; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text {
                display: block; }
                .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                  margin-top: 0;
                  line-height: 18px;
                  height: 18px;
                  font-size: 12px;
                  max-width: 170px;
                  width: fit-content; }
                  @media (min-width: 1440px) {
                    .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text {
                      max-width: 350px; } }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-text-icon .anticon-paper-clip {
                    content: url("https://api.iconify.design/ph/paperclip.svg?color=%23007ce0&width=13&height=14") !important;
                    margin-top: -3px; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-progress {
                    display: none !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-name {
                    padding-left: 16px;
                    line-height: 18px;
                    font-size: 12px;
                    color: #007ce0 !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-info {
                    background-color: transparent !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions {
                    opacity: 1 !important; }
                    .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text .ant-upload-list-item-card-actions .anticon-delete {
                      content: url("https://api.iconify.design/fe/trash.svg?color=%2390999d&width=13&height=14") !important;
                      margin-top: 2px; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-name {
                    color: #ff4d4f !important; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-text-icon .anticon-paper-clip {
                    content: url("https://api.iconify.design/ph/paperclip.svg?color=%23ff4d4f&width=13&height=14") !important;
                    margin-top: -3px; }
                  .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .ant-upload-list.ant-upload-list-text .ant-upload-list-item-list-type-text.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon-delete {
                    content: url("https://api.iconify.design/fe/trash.svg?color=%23ff4d4f&width=13&height=14") !important;
                    margin-top: 2px; }
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .col-7 .options .radio-checkbox-image {
                width: 36px;
                min-width: 36px;
                height: 36px;
                object-fit: contain;
                margin: 0 4px 4px 0;
                border: 1px solid #f6f6f6;
                border-radius: 2px; }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(1) .ant-list-item .product-property .property-price {
              font-weight: 700; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) {
          width: 160px !important;
          min-width: 160px !important;
          text-align: left !important; }
          @media (min-width: 1440px) {
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) {
              width: 200px !important;
              min-width: 200px !important; } }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .edit-btn {
            width: 30px !important; }
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .edit-btn i {
              cursor: pointer;
              font-size: 15px !important;
              color: #007ce0 !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-form-item-control-input {
            align-items: baseline !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .body {
            line-height: 33px; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .caption {
            color: #90999d !important;
            text-decoration: line-through !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-group-addon {
            border-top-left-radius: 2px !important;
            border-bottom-left-radius: 2px !important;
            height: 25px !important;
            min-width: 50px !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
            height: 25px !important;
            border-top-right-radius: 2px !important;
            border-bottom-right-radius: 2px !important; }
            @media (min-width: 1440px) {
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
                height: 26px !important; } }
            @media (max-width: 1023px) {
              .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number {
                height: 26px !important; } }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(2) .ant-input-number-input {
            height: 25px !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(3) {
          width: 24px !important;
          min-width: 24px !important;
          text-align: left !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(4) {
          width: 180px !important;
          min-width: 180px !important;
          text-align: left !important;
          line-height: 33px; }
          @media (min-width: 1440px) {
            .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(4) {
              width: 200px !important;
              min-width: 200px !important; } }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(4) .ant-input {
            border-radius: 0 !important;
            text-align: center !important;
            height: 25px; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(4) .ant-input-group-addon:first-child {
            border-top-left-radius: 2px !important;
            border-bottom-left-radius: 2px !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(4) .ant-input-group-addon:last-child {
            border-top-right-radius: 2px !important;
            border-bottom-right-radius: 2px !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(5) {
          width: 120px !important;
          min-width: 120px !important;
          text-align: left !important; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(5) .body {
            line-height: 33px; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(6) {
          padding: 12px 24px 12px 0 !important;
          width: -webkit-fill-available !important;
          text-align: right !important;
          line-height: 33px; }
          .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item:nth-child(6) .feather-x {
            cursor: pointer; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item .wholesale-tag {
          color: #90999d !important;
          align-self: center;
          font-size: 14px !important;
          font-weight: normal !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item .dimension-input .ant-input-group-addon {
          background-color: #f6f6f6 !important; }
        .add-quotation .quotationFormQuotationDetails .od-table .od-body .od-row .od-b-item .custom-input-class {
          width: 140px; }

.order-customer-modal .ant-modal-body {
  height: 500px;
  overflow-y: auto; }
  .order-customer-modal .ant-modal-body .row {
    align-items: baseline !important; }
  .order-customer-modal .ant-modal-body .customerProfilePhoto .ant-upload-select-picture-card {
    background-color: transparent;
    border: none; }
  .order-customer-modal .ant-modal-body .customerProfilePhoto .un-profile-avatar {
    width: 130px;
    border-radius: 50%;
    overflow: hidden; }
  .order-customer-modal .ant-modal-body #customerGender {
    display: flex;
    text-align: center; }
    .order-customer-modal .ant-modal-body #customerGender > label {
      width: 100%; }

@media (min-width: 1024px) {
  .searchCustomerModal {
    width: 601px !important; } }

.searchCustomerModal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .searchCustomerModal .ant-modal-body {
      width: 601px !important;
      height: 420px !important;
      padding-bottom: 0 !important; } }

.searchCustomerModal .ant-modal-content {
  border-radius: 12px !important; }

.searchCustomerModal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.searchCustomerModal .unicart-filter {
  margin-top: 0 !important; }
  .searchCustomerModal .unicart-filter .product-form-label {
    margin-bottom: 4px !important; }
  .searchCustomerModal .unicart-filter .ant-select {
    width: 100% !important;
    margin-right: 16px !important; }
  .searchCustomerModal .unicart-filter .ant-input-affix-wrapper {
    border-radius: 4px !important;
    height: 41px !important;
    margin-right: 16px; }
  .searchCustomerModal .unicart-filter span.anticon {
    width: 40px !important;
    color: #0c2028; }
  .searchCustomerModal .unicart-filter .ant-input-suffix {
    font-size: 20px; }
  .searchCustomerModal .unicart-filter .ant-select-clear {
    display: none !important; }

.searchCustomerModal .customer-table table tbody tr td {
  vertical-align: top !important; }

.searchCustomerModal .customer-table .ant-list-item {
  padding: 0 !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-avatar {
  width: 56px; }

.searchCustomerModal .customer-table .ant-list-item-meta {
  padding-top: 1px !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-description {
  padding-left: 0; }

.searchCustomerModal .customer-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.searchCustomerModal .customer-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.searchCustomerModal .customer-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.searchCustomerModal .customer-table table thead {
  background-color: #fafafb !important; }

.searchCustomerModal .customer-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.searchCustomerModal .customer-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.searchCustomerModal .row {
  align-items: baseline !important; }

.searchCustomerModal .un-page-with-steps .ant-legacy-form {
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-page-with-steps .ant-legacy-form {
      width: 622px !important; } }

.searchCustomerModal .un-box-flat {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 32px;
  box-shadow: none !important;
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-box-flat {
      width: 553px !important; } }
  .searchCustomerModal .un-box-flat .pl-10 {
    padding-left: 12px !important; }

.searchCustomerModal .un-title-light {
  display: none !important; }

.searchCustomerModal .close-btn {
  text-align: left !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .title {
  text-align: center !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .plain-btn {
  margin: auto 0 auto auto !important; }

.searchCustomerModal .upload-placeholder {
  height: 115px !important; }

.searchCustomerModal .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.searchCustomerModal .ant-upload:hover {
  border-color: #007ce0 !important; }

.searchCustomerModal .ant-upload-drag-icon img {
  object-fit: contain !important; }

.un-order-item-modal {
  width: 750px !important; }
  .un-order-item-modal .ant-modal-body {
    max-height: unset;
    height: calc(100vh - 240px) !important;
    padding: 20px 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-type {
      margin-bottom: 12px !important; }
      .un-order-item-modal .ant-modal-body .product-type .ant-radio-wrapper {
        margin: 0 0 8px 0 !important; }
    .un-order-item-modal .ant-modal-body .modal-filter {
      position: relative !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .search-form {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 370px; }
        .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
          width: 190px !important; }
          @media (max-width: 425px) {
            .un-order-item-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
              width: 100% !important; } }
      .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker {
        top: 9px;
        position: absolute !important;
        z-index: 1002 !important;
        width: 318px !important;
        height: 41px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker .ant-cascader-input {
          height: 41px !important;
          padding: 6px 11px !important; }
      .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select {
        position: absolute !important;
        z-index: 1002 !important;
        width: 315px !important;
        height: 57px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .ant-select-selector {
          height: 57px !important;
          padding: 11px !important; }
        .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item {
          width: 388px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-title {
            line-height: 17px !important;
            font-size: 14px !important;
            font-weight: bold !important;
            color: #0c2028 !important;
            margin-bottom: 2px !important; }
          .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type {
            display: block;
            line-height: 14px !important;
            font-size: 12px !important;
            color: #647176 !important;
            max-width: 250px; }
            .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag {
              font-size: 10px !important;
              border-radius: 2px !important;
              height: 13px;
              line-height: 11px;
              padding: 0 3px;
              text-transform: capitalize;
              margin-right: 4px !important;
              width: fit-content !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.store {
                background-color: #ffe0e0 !important;
                border: 1px solid #ffe0e0 !important;
                color: #49302c !important; }
              .un-order-item-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.product {
                background-color: #c9f8f2 !important;
                border: 1px solid #c9f8f2 !important;
                color: #02232a !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-expanded-row-level-1 .ant-table-cell {
      padding-left: 6px !important; }
    .un-order-item-modal .ant-modal-body .product-table .variant-price {
      padding-left: 27px; }
    .un-order-item-modal .ant-modal-body .product-table .variant-stock {
      padding-left: 17px; }
    .un-order-item-modal .ant-modal-body .product-table table tbody tr td {
      vertical-align: top !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item {
      padding: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta {
      padding-top: 1px !important; }
      .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta .ant-tag {
        font-weight: 500 !important;
        line-height: 16px; }
      .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta .status-tag {
        text-transform: initial; }
    .un-order-item-modal .ant-modal-body .product-table .ant-list-item-meta-description {
      padding-left: 0; }
    .un-order-item-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
      margin-left: unset !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
      padding: 12px 12px !important;
      color: #0c2028; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .un-order-item-modal .ant-modal-body .product-table table thead {
      background-color: #fafafb !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .un-order-item-modal .ant-modal-body .product-table .desc {
      line-height: 15px !important; }
    .un-order-item-modal .ant-modal-body .product-table .un-light-label-text {
      color: #647176 !important;
      font-size: 12px !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      margin: 20px 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-link {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item a {
      color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini {
      margin-top: 10px; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .un-order-item-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .un-order-item-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
      color: #0c2028 !important;
      font-weight: normal !important; }
  .un-order-item-modal .asterisk {
    color: #ff4d4f !important; }
  .un-order-item-modal .ant-modal-footer {
    padding: 12px 24px !important;
    height: 151px !important; }
    .un-order-item-modal .ant-modal-footer .selected-container {
      width: -webkit-fill-available;
      width: fill-available;
      width: -moz-available;
      height: 81px;
      display: inline-flex;
      text-align: left !important;
      margin-bottom: 12px !important;
      overflow-x: auto; }
      .un-order-item-modal .ant-modal-footer .selected-container .un-row-product img {
        height: 56px;
        width: 56px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin-left: 0;
        margin-top: 8px; }
      .un-order-item-modal .ant-modal-footer .selected-container .selected-img {
        position: relative;
        margin-right: 16px; }
        .un-order-item-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
          background-color: #0c2028 !important;
          border-radius: 50%;
          padding: 4px;
          width: 28px;
          content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
          vertical-align: -0.125em;
          position: absolute;
          top: 1px;
          right: -4px;
          opacity: 0.65; }
  .un-order-item-modal .ant-table-expand-icon-col {
    width: 0px; }
  .un-order-item-modal .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
    display: none; }
  .un-order-item-modal .ant-table-expanded-row-level-1 .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
    margin: 0px 0px 0px 12px !important; }

.edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
  border-radius: 17px !important;
  border: 1px solid #e5e5e5;
  color: #0c2028;
  margin-right: 8px !important; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper:before {
    display: none; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
    border: 1px solid #5acc5a !important;
    color: #5acc5a !important;
    background: none !important; }

.edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper {
  margin-bottom: 8px !important; }
  .edit-price-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .ml-4.mt-2 .ant-form-item {
    margin-bottom: 0 !important; }

.order-detail-modal .ant-modal-body {
  padding-bottom: 40px !important; }
  .order-detail-modal .ant-modal-body .radio-group span.ant-radio + * {
    color: #38484f !important;
    padding-left: 16px; }
  .order-detail-modal .ant-modal-body .radio-group .caption {
    color: #647176 !important;
    padding-left: 32px;
    padding-top: 4px;
    margin-bottom: -8px; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-wrapper {
    height: 30px; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-checked .ant-radio-inner {
    border-color: #5acc5a !important; }
  .order-detail-modal .ant-modal-body .radio-group .ant-radio-inner::after {
    background-color: #5acc5a !important; }
  .order-detail-modal .ant-modal-body .ant-legacy-form-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
  .order-detail-modal .ant-modal-body .ant-select {
    margin-top: 4px;
    margin-bottom: 4px; }
  .order-detail-modal .ant-modal-body .pickup-expand {
    padding: 10px 10px 24px 10px;
    background-color: #f6f6f6;
    margin-left: 24px !important; }
    .order-detail-modal .ant-modal-body .pickup-expand .pickup-location {
      width: 100% !important; }

body {
  background: #ffffff; }

body,
td,
th,
input,
select,
textarea,
option,
optgroup {
  font-size: 12px;
  color: #000000; }

h1 {
  text-transform: uppercase;
  color: #cccccc;
  text-align: right;
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cddddd; }

.store {
  width: 100%;
  margin-bottom: 20px; }
  .store > div {
    display: inline-block !important;
    vertical-align: top !important;
    color: #38484f !important; }
  .store .store-logo {
    align-self: flex-start;
    height: fit-content;
    margin-bottom: 20px;
    margin-right: 10px; }
    .store .store-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain !important; }
  .store .store-name {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #38484f !important;
    margin-bottom: 8px; }
  .store .store-name-large {
    font-size: x-large !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #38484f !important;
    margin-bottom: 8px; }
  .store .store-address-large {
    font-size: 16px !important; }
  .store .store-address {
    font-size: 16px !important; }
  .store .customer-info-content,
  .store .quotation-content {
    width: 100% !important; }
  .store .quotation-header > div {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 26px !important;
    text-align: right !important;
    color: #38484f !important;
    margin-bottom: 8px;
    text-transform: uppercase !important;
    width: 100% !important; }
  .store .quotation-label {
    width: 45% !important;
    text-align: left !important;
    padding-right: 8px !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .quotation-label-large {
    width: 45% !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .code-display {
    padding: 5px 0 !important;
    width: 100% !important; }
  .store .quotation-val {
    width: 55% !important;
    font-size: 16px !important;
    display: inline-block !important; }
  .store .quotation-val-large {
    width: 55% !important;
    font-size: 16px !important;
    display: inline-block !important; }
  .store .customer,
  .store .shipping-address {
    margin-top: 12px;
    font-size: 16px !important; }
    .store .customer .break-text,
    .store .shipping-address .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-large,
  .store .shipping-address-large {
    margin-top: 12px;
    font-size: 16px !important; }
    .store .customer-large .break-text,
    .store .shipping-address-large .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info {
    margin-top: 12px;
    font-size: 16px !important;
    width: 60% !important; }
    .store .customer-info .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info-large {
    margin-top: 12px;
    font-size: 16px !important;
    width: 60% !important; }
    .store .customer-info-large .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info-label {
    width: 30% !important;
    text-align: left !important;
    padding-right: 8px !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .customer-info-label-large {
    width: 30% !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .customer-info-val {
    width: 70% !important;
    font-size: 16px !important;
    display: inline-block !important; }
  .store .customer-info-val-large {
    width: 70% !important;
    font-size: 16px !important;
    display: inline-block !important; }

.div2 {
  float: left;
  display: inline-block; }

.div3 {
  float: right;
  display: inline-block;
  padding: 5px; }

.heading td {
  background: #e5e5e5;
  padding: 7px 12px !important; }

.address,
.product {
  border-collapse: collapse; }

.address {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #cddddd;
  border-right: 1px solid #cddddd; }

.address th,
.address td {
  border-left: 1px solid #cddddd;
  border-bottom: 1px solid #cddddd;
  padding: 5px;
  vertical-align: text-bottom; }

.address td {
  width: 50%; }

.product {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px; }

.product td {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px;
  vertical-align: top !important;
  color: #38484f !important;
  font-size: 16px !important; }
  .product td .product-img img {
    height: 56px !important;
    width: 56px !important;
    border-radius: 2px; }

.product-large {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px; }

.product-large td {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px;
  vertical-align: top !important;
  color: #38484f !important;
  font-size: 16px !important; }
  .product-large td .product-img img {
    height: 80px !important;
    width: 56px !important;
    border-radius: 2px; }

.total-row {
  border-bottom: none !important; }

.total-val {
  font-size: 16px !important;
  font-weight: bold !important; }

.quotation-remark {
  width: 100% !important;
  height: fit-content !important;
  color: #38484f !important;
  padding: 4px !important;
  font-size: 16px !important;
  background-color: #f6f6f6;
  margin-bottom: 12px;
  word-break: break-word; }
  .quotation-remark.no-price {
    position: relative !important; }

.quotation-remark-large {
  width: 100% !important;
  height: fit-content !important;
  color: #38484f !important;
  padding: 4px !important;
  font-size: 16px !important;
  background-color: #f6f6f6;
  margin-bottom: 12px;
  word-break: break-word; }
  .quotation-remark-large.no-price {
    position: relative !important; }

.packing-note {
  color: #38484f !important;
  font-size: 16px !important;
  word-break: break-word;
  margin-bottom: 12px; }

.packing-note-large {
  color: #38484f !important;
  font-size: 16px !important;
  word-break: break-word;
  margin-bottom: 12px; }

.remarks-container {
  position: relative !important; }
  .remarks-container .term {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important; }
  .remarks-container .term-large {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important; }
  .remarks-container .term p {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important;
    word-break: break-word; }
  .remarks-container .term-large p {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important;
    word-break: break-word; }

.cust-offer-tag {
  border-radius: 4px !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: normal !important;
  border: 1px solid;
  white-space: normal;
  height: fit-content;
  padding: 1px 8px;
  margin-right: 8px;
  background-color: #e0fff7 !important;
  color: #0c9bbf !important; }
  .cust-offer-tag span {
    font-size: 12px !important;
    line-height: 14px !important; }

@media (min-width: 1024px) {
  .ecpay-einvoice-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.ecpay-einvoice-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .ecpay-einvoice-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .ecpay-einvoice-setting .header-buttons .b-btn,
  .ecpay-einvoice-setting .header-buttons .b-btn:hover,
  .ecpay-einvoice-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .ecpay-einvoice-setting .header-buttons .b-btn i,
    .ecpay-einvoice-setting .header-buttons .b-btn:hover i,
    .ecpay-einvoice-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important;
      text-transform: unset !important; }

.ecpay-einvoice-setting .ant-space-item .ant-form-item {
  margin-bottom: 0 !important; }

.ecpay-einvoice-setting .ecpay-einvoice {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .ecpay-einvoice-setting .ecpay-einvoice .ecpay-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.rct-page-content-ecpayEInvoiceLayout {
  max-width: none !important; }

.ecpayEInvoiceLayout .ant-skeleton {
  margin: 2rem; }

.ecpayEInvoiceLayout .ant-form-item-control-input {
  align-items: unset !important; }

.ecpayEInvoiceLayout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .ecpayEInvoiceLayout .header-buttons {
      min-width: 816px !important;
      margin: 0 auto; } }
  .ecpayEInvoiceLayout .header-buttons .b-btn,
  .ecpayEInvoiceLayout .header-buttons .b-btn:hover,
  .ecpayEInvoiceLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .ecpayEInvoiceLayout .header-buttons .b-btn i,
    .ecpayEInvoiceLayout .header-buttons .b-btn:hover i,
    .ecpayEInvoiceLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.ecpayEInvoiceLayout .channel-with-store-name {
  margin-right: 34px; }
  .ecpayEInvoiceLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.ecpayEInvoiceLayout .tw-einvoice-tabs {
  position: relative !important; }
  .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .ecpayEInvoiceLayout .tw-einvoice-tabs .tw-einvoice-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
  .ecpayEInvoiceLayout .tw-einvoice-tabs .my-einvoice-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.ecpayEInvoiceLayout .order-invoice .unicart-table {
  display: block; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-card {
    width: 100%; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .ecpayEInvoiceLayout .order-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }

.ecpayEInvoiceLayout .order-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .ecpayEInvoiceLayout .order-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.ecpayEInvoiceLayout .order-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .header * {
      font-size: 12px;
      color: #647176; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(2) {
        width: 230px;
        min-width: 230px; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(4), .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(5), .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(6), .ecpayEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(7) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 197px; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 230px;
            min-width: 230px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 197px; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 230px;
            min-width: 230px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6), .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 197px; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          cursor: pointer !important;
          color: #007ce0 !important;
          font-size: 14px !important; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-eye {
          font-size: 16px !important;
          margin-left: 0.5rem !important; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-printer,
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-send {
          cursor: pointer !important;
          color: #90999d !important; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-x-circle {
          cursor: pointer !important;
          color: #e0241a !important; }
        .ecpayEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-layers {
          cursor: pointer !important;
          color: #007ce0 !important; }
  .ecpayEInvoiceLayout .order-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.ecpayEInvoiceLayout .task .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.ecpayEInvoiceLayout .task .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.ecpayEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .ecpayEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.ecpayEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .ecpayEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.ecpayEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.ecpayEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.ecpayEInvoiceLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.ecpayEInvoiceLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .ecpayEInvoiceLayout .task .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.ecpayEInvoiceLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }
  .ecpayEInvoiceLayout .task .ant-table-tbody > tr > td .feather-eye,
  .ecpayEInvoiceLayout .task .ant-table-tbody > tr > td .feather-edit-3,
  .ecpayEInvoiceLayout .task .ant-table-tbody > tr > td .feather-x-circle {
    cursor: pointer !important;
    color: #007ce0 !important;
    font-size: 20px !important; }
  .ecpayEInvoiceLayout .task .ant-table-tbody > tr > td .feather-x-circle {
    cursor: pointer !important;
    color: #e0241a !important;
    font-size: 20px !important; }

.taiwanEInvoiceLog .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .taiwanEInvoiceLog .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .taiwanEInvoiceLog .header-buttons .b-btn,
  .taiwanEInvoiceLog .header-buttons .b-btn:hover,
  .taiwanEInvoiceLog .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .taiwanEInvoiceLog .header-buttons .b-btn i,
    .taiwanEInvoiceLog .header-buttons .b-btn:hover i,
    .taiwanEInvoiceLog .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.taiwanEInvoiceLog .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.taiwanEInvoiceLog .unicart-filter {
  margin-top: 0 !important; }
  .taiwanEInvoiceLog .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .taiwanEInvoiceLog .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    max-width: 660px !important; }
  .taiwanEInvoiceLog .unicart-filter .search-form .ant-form .date-period {
    position: absolute;
    right: 0; }
    .taiwanEInvoiceLog .unicart-filter .search-form .ant-form .date-period .label {
      display: none !important; }
  .taiwanEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px; }
    .taiwanEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }

.taiwanEInvoiceLog .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.taiwanEInvoiceLog .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.taiwanEInvoiceLog .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.taiwanEInvoiceLog .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .taiwanEInvoiceLog .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.taiwanEInvoiceLog .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.twEInvoiceDraft .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 69px; }
  @media (min-width: 1024px) {
    .twEInvoiceDraft .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .twEInvoiceDraft .header-buttons .b-btn,
  .twEInvoiceDraft .header-buttons .b-btn:hover,
  .twEInvoiceDraft .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .twEInvoiceDraft .header-buttons .b-btn i,
    .twEInvoiceDraft .header-buttons .b-btn:hover i,
    .twEInvoiceDraft .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 425px) {
  .twEInvoiceDraft .ant-form-item {
    flex-direction: unset !important; } }

.twEInvoiceDraft .line-items-table {
  overflow-x: auto; }
  .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #0c2028 !important; }
    .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input,
    .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input-number {
      width: 100% !important; }
  .twEInvoiceDraft .line-items-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .twEInvoiceDraft .line-items-table table thead {
    background-color: #fafafb !important; }
  .twEInvoiceDraft .line-items-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .twEInvoiceDraft .line-items-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    text-wrap: nowrap !important; }
  .twEInvoiceDraft .line-items-table .totals-summary {
    width: 100%;
    padding-top: 10px !important; }
    .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item {
      width: 100%;
      display: flex;
      align-items: center; }
      .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-label {
        color: #0c2028 !important;
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto;
        padding: 10px 12px !important; }
      .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input {
        width: 250px !important;
        min-width: 250px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        text-align: right; }
        .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item {
          margin-bottom: 0 !important; }
          .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item .ant-input-number {
            width: 60% !important; }

.tw-einvoice-modal .top-spacing {
  margin-top: 1rem; }

.tw-einvoice-modal .line-items-table {
  overflow-x: auto; }
  .tw-einvoice-modal .line-items-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #0c2028 !important; }
    .tw-einvoice-modal .line-items-table .ant-table-tbody > tr > td .ant-input,
    .tw-einvoice-modal .line-items-table .ant-table-tbody > tr > td .ant-input-number {
      width: 100% !important; }
  .tw-einvoice-modal .line-items-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .tw-einvoice-modal .line-items-table table thead {
    background-color: #fafafb !important; }
  .tw-einvoice-modal .line-items-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .tw-einvoice-modal .line-items-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    text-wrap: nowrap !important; }
  .tw-einvoice-modal .line-items-table .totals-summary {
    width: 100%;
    padding-top: 10px !important; }
    .tw-einvoice-modal .line-items-table .totals-summary .totals-summary-item {
      width: 100%;
      display: flex;
      align-items: center; }
      .tw-einvoice-modal .line-items-table .totals-summary .totals-summary-item .item-label {
        color: #0c2028 !important;
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto;
        padding: 10px 12px !important; }
      .tw-einvoice-modal .line-items-table .totals-summary .totals-summary-item .item-input {
        width: 250px !important;
        min-width: 250px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        text-align: right; }
        .tw-einvoice-modal .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item {
          margin-bottom: 0 !important; }
          .tw-einvoice-modal .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item .ant-input-number {
            width: 60% !important; }

.tw-einvoice-modal .amount-error {
  width: 100% !important; }

@media (min-width: 1024px) {
  .whatsapp-share {
    width: 644px !important;
    margin: 0 auto !important; } }

.whatsapp-share .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .whatsapp-share .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .whatsapp-share .header-buttons .b-btn,
  .whatsapp-share .header-buttons .b-btn:hover,
  .whatsapp-share .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .whatsapp-share .header-buttons .b-btn i,
    .whatsapp-share .header-buttons .b-btn:hover i,
    .whatsapp-share .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.whatsapp-share .whatsapp-share-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .whatsapp-share .whatsapp-share-layout .whatsapp-share-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.whatsapp-share .ant-form-item-label {
  padding-bottom: 4px !important; }

.whatsapp-share .row .col-md-12 span {
  padding: 5px 0px; }

.rfm-report .header-buttons {
  min-width: 816px !important;
  max-width: unset !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important;
  justify-content: space-between;
  align-items: center; }
  .rfm-report .header-buttons .button-group {
    display: flex;
    align-items: center;
    margin-left: auto;
    /* Pushes the button group to the right */ }
  .rfm-report .header-buttons .refresh-btn,
  .rfm-report .header-buttons .setting-btn {
    cursor: pointer !important;
    width: 33px !important;
    height: 33px !important;
    background: none !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center !important; }
  .rfm-report .header-buttons .last-update {
    font-size: 12px !important;
    color: #647176 !important; }
  .rfm-report .header-buttons .refresh-btn .feather-refresh-cw,
  .rfm-report .header-buttons .setting-btn .feather-settings {
    font-size: 20px !important;
    color: #647176 !important; }
  .rfm-report .header-buttons .setting-btn:hover,
  .rfm-report .header-buttons .refresh-btn:hover {
    background: #ffffff !important; }
  .rfm-report .header-buttons .setting-btn:focus,
  .rfm-report .header-buttons .refresh-btn:focus {
    background: #e5e5e5 !important; }

.rfm-report .charts-row .col-lg-4 {
  flex: 0 0 42%;
  max-width: 42%; }
  @media (max-width: 1440px) {
    .rfm-report .charts-row .col-lg-4 {
      height: 480px !important; } }
  @media (max-width: 1025px) {
    .rfm-report .charts-row .col-lg-4 {
      flex: 0 0 100%;
      max-width: 100%;
      height: 460px !important; } }
  @media (max-width: 425px) {
    .rfm-report .charts-row .col-lg-4 {
      height: 350px !important; } }
  @media (max-width: 375px) {
    .rfm-report .charts-row .col-lg-4 {
      height: 286px !important; } }
  @media (max-width: 320px) {
    .rfm-report .charts-row .col-lg-4 {
      height: 250px !important; } }

.rfm-report .charts-row .col-lg-8 {
  flex: 0 0 58%;
  max-width: 58%; }
  @media (max-width: 1025px) {
    .rfm-report .charts-row .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (max-width: 425px) {
    .rfm-report .charts-row .col-lg-8 {
      overflow-x: overlay; } }

.rfm-report .customers-orders {
  width: 100%;
  height: 480px;
  display: flex; }
  .rfm-report .customers-orders .text-overflow {
    display: block; }
  @media (max-width: 1025px) {
    .rfm-report .customers-orders {
      padding-bottom: 20px; } }
  @media (max-width: 425px) {
    .rfm-report .customers-orders {
      min-width: 680px; } }

.rfm-report .report-list #container {
  width: 100%;
  height: 100%; }
  @media (max-width: 1025px) {
    .rfm-report .report-list #container {
      overflow-x: auto; } }

.rfm-report .report-list #content {
  position: relative;
  width: fit-content;
  max-width: 100%;
  display: table;
  height: 100%; }
  .rfm-report .report-list #content .report-item {
    display: table-cell;
    height: 100%;
    padding-right: 20px;
    cursor: pointer; }
    .rfm-report .report-list #content .report-item:last-child {
      padding-right: 0 !important; }
    .rfm-report .report-list #content .report-item .ant-list-item {
      padding: 12px 12px 12px 5px;
      width: 250px;
      height: 100%;
      background: #ffffff !important;
      border: 1px solid #e5e5e5;
      border-radius: 4px; }
      .rfm-report .report-list #content .report-item .ant-list-item.active {
        background: #e5e5e5 !important; }
      .rfm-report .report-list #content .report-item .ant-list-item .ant-list-item-meta {
        align-items: center;
        margin-left: 10px; }
        .rfm-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
          background: #8ed7ff 0% 0% no-repeat padding-box;
          border-radius: 50%;
          width: 37px !important;
          height: 37px !important;
          margin-right: 8px; }
          .rfm-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar-image {
            margin-top: 6px !important;
            margin-left: 3px !important; }
        .rfm-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
          margin: 0px; }
          .rfm-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .title {
            text-wrap: wrap; }

.rfm-report .description {
  font-size: 14px;
  font-weight: normal;
  color: #647176; }

.rfm-report .average-spending-table .ant-table-cell,
.rfm-report .purchase-frequency-table .ant-table-cell,
.rfm-report .recent-purchase-table .ant-table-cell {
  padding-left: 12px;
  padding-top: 6px;
  padding-bottom: 6px; }
  .rfm-report .average-spending-table .ant-table-cell .set,
  .rfm-report .purchase-frequency-table .ant-table-cell .set,
  .rfm-report .recent-purchase-table .ant-table-cell .set {
    font-weight: bold; }

.rfm-report .average-spending-table .ant-table-column-sorters,
.rfm-report .purchase-frequency-table .ant-table-column-sorters,
.rfm-report .recent-purchase-table .ant-table-column-sorters {
  padding: 0px; }

.rfm-report .average-spending-table .ant-table-container table > thead > tr:first-child th:last-child,
.rfm-report .purchase-frequency-table .ant-table-container table > thead > tr:first-child th:last-child,
.rfm-report .recent-purchase-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px !important; }

.rfm-report .average-spending-table .ant-table-container table > thead > tr:first-child th:first-child,
.rfm-report .purchase-frequency-table .ant-table-container table > thead > tr:first-child th:first-child,
.rfm-report .recent-purchase-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px !important; }

.rfm-report .average-spending-table .ant-table table,
.rfm-report .purchase-frequency-table .ant-table table,
.rfm-report .recent-purchase-table .ant-table table {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: none !important; }

.rfm-report .average-spending-table .ant-table,
.rfm-report .purchase-frequency-table .ant-table,
.rfm-report .recent-purchase-table .ant-table {
  margin: 0 !important;
  color: #0c2028 !important;
  background: transparent !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.rfm-report .average-spending-table .ant-table-thead > tr > th,
.rfm-report .purchase-frequency-table .ant-table-thead > tr > th,
.rfm-report .recent-purchase-table .ant-table-thead > tr > th {
  padding: 8px 12px !important;
  background-color: #fafafb !important;
  border-bottom: none !important; }

.rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
  flex: 0 0 20%;
  max-width: 20%; }
  @media (max-width: 1440px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
      height: 480px !important;
      max-width: 360px !important; } }
  @media (max-width: 1025px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
      flex: 0 0 100%;
      max-width: 360px !important;
      height: 460px !important; } }
  @media (max-width: 425px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
      height: 350px !important; } }
  @media (max-width: 375px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
      height: 286px !important; } }
  @media (max-width: 320px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-2 {
      height: 250px !important; } }

.rfm-report .purchase-frequency-report .charts-row .col-lg-8 {
  flex: 0 0 80%;
  max-width: 80%; }
  @media (max-width: 1025px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (max-width: 425px) {
    .rfm-report .purchase-frequency-report .charts-row .col-lg-8 {
      overflow-x: overlay; } }

@media (max-width: 1025px) {
  .rfm-report .recent-purchase-table .charts-row .col-lg-4 {
    height: unset !important; } }

@media (max-width: 1025px) {
  .rfm-report .recent-purchase-table .charts-row .col-lg-8 {
    overflow-x: auto !important; } }

.rfm-report .recent-purchase-table .ant-table {
  overflow-x: auto; }
  .rfm-report .recent-purchase-table .ant-table .ant-table-content {
    height: 970px;
    width: 580px; }
    @media (max-width: 1025px) {
      .rfm-report .recent-purchase-table .ant-table .ant-table-content {
        height: unset !important;
        width: unset !important; } }

.rfm-report .recent-purchase-table .ant-table-tbody > tr:nth-child(23) > td,
.rfm-report .recent-purchase-table .ant-table-tbody > tr:nth-child(24) > td {
  border-color: #efefef !important; }

.rfm-report .recent-purchase-table .ant-table-tbody > tr:nth-child(24) > td {
  background-color: #efefef !important; }

.rfm-report .recent-purchase-table .ant-table-placeholder {
  height: 800px; }

.rfm-report .recent-purchase-table .un-box-flat {
  height: 1000px; }
  @media (max-width: 1025px) {
    .rfm-report .recent-purchase-table .un-box-flat {
      height: unset !important; } }

.rfm-report .recent-purchase-table .col-lg-8 {
  padding-top: 150px;
  padding-left: 50px !important; }
  @media (max-width: 1025px) {
    .rfm-report .recent-purchase-table .col-lg-8 {
      padding-top: 32px !important;
      padding-left: unset !important; } }

.rfm-report .recent-purchase-table .apexcharts-legend-series {
  margin: 6px 7px !important; }

.rfm-report .recent-purchase-table .apexcharts-pie-label,
.rfm-report .recent-purchase-table .apexcharts-legend-text {
  font-size: 16px !important; }

.rfm-chart {
  position: relative;
  margin-left: 100px;
  padding-bottom: 80px; }
  @media (max-width: 1440px) {
    .rfm-chart {
      transform: scale(0.85) translate(-13%, -10%) !important; } }
  @media (max-width: 425px) {
    .rfm-chart {
      transform: scale(0.65) translate(-30%, -30%) !important;
      margin-left: 60px !important; } }
  @media (max-width: 375px) {
    .rfm-chart {
      transform: scale(0.55) translate(-40%, -45%) !important;
      margin-left: 50px !important; } }
  @media (max-width: 320px) {
    .rfm-chart {
      transform: scale(0.47) translate(-60%, -60%) !important;
      margin-left: 40px !important; } }
  .rfm-chart .y-label {
    position: absolute;
    top: 38%;
    left: -240px;
    transform: rotate(-90deg);
    font-weight: bold;
    font-size: 20px;
    color: #0c2028; }
  .rfm-chart .y-data {
    position: absolute;
    top: 22px;
    left: -25px;
    height: 426px; }
    .rfm-chart .y-data .y-data-item {
      display: flex;
      align-items: center;
      height: 20%;
      font-weight: bold;
      font-size: 20px;
      color: #0c2028; }
  .rfm-chart .x-label {
    position: absolute;
    width: max-content;
    bottom: 20px;
    left: 160px;
    font-weight: bold;
    font-size: 20px;
    color: #0c2028; }
  .rfm-chart .x-data {
    position: absolute;
    width: 450px;
    bottom: 60px;
    display: flex; }
    .rfm-chart .x-data .x-data-item {
      text-align: center;
      width: 20%;
      font-weight: bold;
      font-size: 20px;
      color: #0c2028; }
  .rfm-chart .data-label {
    position: absolute;
    top: 22px;
    height: 426px;
    width: 450px; }
    .rfm-chart .data-label .data-label-item {
      position: absolute;
      width: max-content;
      text-align: right;
      padding: 8px;
      transition: opacity 0.3s ease;
      opacity: 1; }
      .rfm-chart .data-label .data-label-item.default {
        opacity: 1; }
      .rfm-chart .data-label .data-label-item.not-hovered {
        opacity: 0.25;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-chart .data-label .data-label-item.hovered {
        opacity: 1;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-chart .data-label .data-label-item .percentage {
        font-weight: bold;
        font-size: 26px;
        line-height: 32px;
        color: #0c2028; }
      .rfm-chart .data-label .data-label-item .total {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        color: #0c2028; }
      .rfm-chart .data-label .data-label-item:first-child {
        width: 176px !important;
        height: 86px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(2) {
        width: 176px !important;
        height: 172px !important;
        top: 86px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(3) {
        width: 176px !important;
        height: 172px !important;
        top: 258px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(4) {
        width: 176px !important;
        height: 172px !important;
        right: 98px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(5) {
        width: 86px !important;
        height: 172px !important;
        right: 8px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(6) {
        width: 86px !important;
        height: 86px !important;
        top: 172px !important;
        left: 176px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(7) {
        width: 86px !important;
        height: 172px !important;
        top: 258px !important;
        left: 176px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(8) {
        width: 176px !important;
        height: 172px !important;
        top: 172px !important;
        right: 8px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(9) {
        width: 86px !important;
        height: 86px !important;
        bottom: 0 !important;
        right: 98px !important; }
      .rfm-chart .data-label .data-label-item:nth-child(10) {
        width: 86px !important;
        height: 86px !important;
        bottom: 0 !important;
        right: 8px !important; }

.rfm-customers {
  width: 50% !important;
  margin-top: 26px;
  padding-left: 20px; }
  @media (max-width: 1440px) {
    .rfm-customers {
      margin-top: 0 !important; } }
  .rfm-customers .heading-medium {
    line-height: 22px !important;
    margin: 24px 0 20px; }
  .rfm-customers .columns {
    width: 100%; }
    .rfm-customers .columns .col-label {
      width: fit-content;
      height: 33px;
      line-height: 33px;
      margin: 0 50px 0 auto;
      color: #647176;
      font-size: 12px; }
      @media (max-width: 425px) {
        .rfm-customers .columns .col-label {
          margin: 0 10px 0 auto !important; } }
  .rfm-customers .data-label {
    width: 100%; }
    .rfm-customers .data-label .data-label-item {
      width: 100%;
      height: 33px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e5e5e5;
      font-size: 14px;
      padding: 0 50px 0 12px;
      transition: opacity 0.3s ease;
      opacity: 1; }
      @media (max-width: 425px) {
        .rfm-customers .data-label .data-label-item {
          padding: 0 10px 0 12px !important; } }
      .rfm-customers .data-label .data-label-item.default {
        opacity: 1; }
      .rfm-customers .data-label .data-label-item.not-hovered {
        opacity: 0.25;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-customers .data-label .data-label-item.hovered {
        opacity: 1;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-customers .data-label .data-label-item .name {
        display: flex;
        align-items: center; }
        .rfm-customers .data-label .data-label-item .name .dots {
          height: 11px;
          width: 11px;
          border-radius: 50%;
          display: inline-block;
          margin-right: 10px; }
        .rfm-customers .data-label .data-label-item .name .type {
          font-weight: bold;
          color: #0c2028 !important; }
      .rfm-customers .data-label .data-label-item .total {
        color: #647176 !important; }
  .rfm-customers .unicart-table .un-table-cell {
    color: #0c2028;
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

.rfm-orders {
  width: 50% !important;
  margin-top: 26px;
  background: #fafafb;
  border-radius: 4px; }
  @media (max-width: 1440px) {
    .rfm-orders {
      margin-top: 0 !important; } }
  @media (max-width: 1025px) {
    .rfm-orders {
      padding-bottom: 20px; } }
  .rfm-orders .type {
    width: 100%;
    margin: 18px auto 15px;
    text-align: center; }
  .rfm-orders .columns {
    width: 100%; }
    .rfm-orders .columns .col-label {
      width: 150px;
      height: 33px;
      line-height: 33px;
      margin: 0 0 0 65px;
      color: #647176;
      font-size: 12px;
      text-align: left; }
      @media (max-width: 425px) {
        .rfm-orders .columns .col-label {
          margin: 0 0 0 59px !important; } }
  .rfm-orders .data-label {
    width: 100%;
    padding-right: 30px; }
    .rfm-orders .data-label .data-label-item {
      width: 100%;
      height: 33px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e5e5e5;
      font-size: 14px;
      padding-left: 55px;
      transition: opacity 0.3s ease;
      opacity: 1; }
      @media (max-width: 425px) {
        .rfm-orders .data-label .data-label-item {
          padding-left: 59px !important; } }
      .rfm-orders .data-label .data-label-item.default {
        opacity: 1; }
      .rfm-orders .data-label .data-label-item.not-hovered {
        opacity: 0.25;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-orders .data-label .data-label-item.hovered {
        opacity: 1;
        /* Decrease opacity for non-hovered tiles */ }
      .rfm-orders .data-label .data-label-item .total {
        text-align: left;
        height: 33px;
        width: 50px;
        line-height: 33px;
        color: #647176 !important;
        margin-right: 46px; }
      .rfm-orders .data-label .data-label-item .ant-progress-line {
        width: 180px;
        padding-left: 30px; }
        .rfm-orders .data-label .data-label-item .ant-progress-line .ant-progress-inner {
          background-color: #e5e5e5 !important; }
          .rfm-orders .data-label .data-label-item .ant-progress-line .ant-progress-inner .ant-progress-bg {
            background-color: #5acc5a !important; }

.rfm-report-settings .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }

.rfm-report-settings .col-header {
  width: 100%;
  background-color: #fafafb;
  color: #647176;
  font-size: 12px;
  line-height: 14px;
  padding: 9px;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 12px; }

.rfm-report-settings .input-container .ant-form-item-explain {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 0 60px; }

.rfm-report-settings .input-container .ant-form-item-control-input-content {
  height: 35px; }

.rfm-report-settings .input-container .input-item {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 auto 12px; }
  @media (max-width: 425px) {
    .rfm-report-settings .input-container .input-item {
      width: 100% !important;
      max-width: 218px; } }
  .rfm-report-settings .input-container .input-item .number {
    width: 14px;
    margin-right: 4px;
    color: #0c2028;
    font-size: 14px;
    font-weight: bold; }
  .rfm-report-settings .input-container .input-item .prefix-date-picker {
    width: 290px !important;
    height: 33px;
    border-radius: 4px !important;
    border: 1px solid #d4d4d4;
    display: flex;
    align-items: center;
    padding-left: 12px; }
    @media (max-width: 1025px) {
      .rfm-report-settings .input-container .input-item .prefix-date-picker {
        width: 100% !important; } }
    .rfm-report-settings .input-container .input-item .prefix-date-picker.disabled {
      background: #f5f5f5; }
    .rfm-report-settings .input-container .input-item .prefix-date-picker .prefix {
      width: 20px;
      min-width: 20px;
      color: #90999d;
      font-size: 14px;
      text-align: center; }
    .rfm-report-settings .input-container .input-item .prefix-date-picker .ant-picker {
      border-radius: 4px !important;
      height: 31px;
      width: -webkit-fill-available;
      border: none !important;
      padding-right: 0; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .ant-picker.ant-picker-focused {
        box-shadow: none !important; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .ant-picker .ant-picker-input > input {
        color: #0c2028;
        font-size: 14px; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .ant-picker .feather-calendar {
        margin-right: 10px;
        color: #90999d !important;
        font-size: 20px !important; }
    .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input {
      border-radius: 4px !important;
      height: 31px;
      border: none !important; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input.ant-input-affix-wrapper:focus, .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input.ant-input-affix-wrapper-focused {
        box-shadow: none !important; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input .ant-input {
        color: #0c2028;
        font-size: 14px; }
      .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input .ant-input-prefix,
      .rfm-report-settings .input-container .input-item .prefix-date-picker .frequency-monetary-input .ant-input-suffix {
        color: #90999d !important; }

.rfm-customers-details .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px !important; }

.rfm-customers-details .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px !important; }

.rfm-customers-details .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.rfm-customers-details .ant-table {
  margin: 0 !important;
  color: #0c2028 !important;
  background: transparent !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.rfm-customers-details .ant-list-item-meta-description {
  color: #647176;
  font-size: 12px;
  line-height: 18px;
  padding-top: 0px;
  padding-left: 0px; }
  .rfm-customers-details .ant-list-item-meta-description .whatsapp-icon-size {
    vertical-align: sub; }

.rfm-customers-details .whatsapp-icon-size {
  width: 14px;
  height: 14px; }

.rfm-customers-details .hvrbox img {
  object-fit: cover !important; }

.rfm-bold {
  font-weight: bold; }

.rfm-lowercase {
  text-transform: lowercase; }

.rfm-gray-row {
  background-color: #efefef; }

.social-widget .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .social-widget .header-buttons .b-btn,
  .social-widget .header-buttons .b-btn:hover,
  .social-widget .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .social-widget .header-buttons .b-btn i,
    .social-widget .header-buttons .b-btn:hover i,
    .social-widget .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.social-widget .add-link-btn {
  width: 100% !important;
  padding: 8px !important;
  border: 1px dashed #d4d4d4 !important;
  border-radius: 4px !important;
  color: #007ce0 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  margin-bottom: 20px !important; }
  .social-widget .add-link-btn i {
    margin-right: 4px; }
  .social-widget .add-link-btn:hover, .social-widget .add-link-btn:focus, .social-widget .add-link-btn:active {
    border: 1px dashed #007ce0 !important; }

.social-widget .link-item {
  width: 100%;
  display: flex !important;
  align-items: baseline;
  padding: 12px 18px 30px 12px;
  background-color: #f6f6f6;
  margin-bottom: 8px;
  color: #38484f;
  font-size: 14px; }
  @media (max-width: 442px) {
    .social-widget .link-item {
      padding-bottom: 12px !important; } }
  .social-widget .link-item .drag-icon {
    content: url("data:image/svg+xml;charset=utf-8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8.98' cy='2.49' r='1.4' fill='gray'/><circle cx='8.98' cy='8.86' r='1.4' fill='gray'/><circle cx='8.98' cy='15.23' r='1.4' fill='gray'/><circle cx='15.02' cy='2.4' r='1.4' fill='gray'/><circle cx='15.02' cy='8.77' r='1.4' fill='gray'/><circle cx='15.02' cy='15.14' r='1.4' fill='gray'/></svg>");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: center;
    cursor: -webkit-grab;
    cursor: grab;
    z-index: 1;
    width: 23px;
    height: 25px;
    margin-left: -7px;
    margin-bottom: -11px;
    margin-right: 12px;
    align-self: center; }
  .social-widget .link-item .image-display-link {
    display: flex; }
    @media (max-width: 442px) {
      .social-widget .link-item .image-display-link {
        display: block !important; } }
    .social-widget .link-item .image-display-link .icon {
      margin-right: 24px;
      align-self: center; }
      .social-widget .link-item .image-display-link .icon .ant-upload-list-picture-card .ant-upload-list-item,
      .social-widget .link-item .image-display-link .icon .ant-upload-list-picture-card-container {
        width: 52px !important;
        height: 52px !important;
        border-radius: 36px !important;
        margin-top: 0; }
      .social-widget .link-item .image-display-link .icon .ant-upload-picture-card-wrapper {
        position: relative;
        display: block !important;
        width: 52px !important;
        height: 52px !important; }
      .social-widget .link-item .image-display-link .icon .ant-upload.ant-upload.ant-upload-select-picture-card {
        margin: 0 !important;
        width: unset !important;
        height: unset !important;
        border: unset !important;
        border-radius: unset !important;
        background: none !important; }
      .social-widget .link-item .image-display-link .icon .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
        border-radius: 36px !important; }
        .social-widget .link-item .image-display-link .icon .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
          border-radius: 36px !important; }
      .social-widget .link-item .image-display-link .icon .ant-upload.ant-upload-select-picture-card > .ant-upload {
        padding: 0 !important; }
      .social-widget .link-item .image-display-link .icon .upload-placeholder {
        width: 52px !important;
        height: 52px !important;
        border: 1px dashed #007ce0 !important;
        border-radius: 36px !important;
        padding: 10px !important; }
        .social-widget .link-item .image-display-link .icon .upload-placeholder .plain-btn {
          margin: 8px auto 0;
          position: relative;
          top: unset;
          left: unset;
          transform: unset; }
      .social-widget .link-item .image-display-link .icon .plain-btn {
        margin: 0 auto;
        position: absolute;
        top: 52px;
        left: 50%;
        transform: translateX(-50%);
        width: 100% !important; }
      .social-widget .link-item .image-display-link .icon .hvrbox {
        width: 52px !important;
        height: 52px !important; }
        .social-widget .link-item .image-display-link .icon .hvrbox img {
          object-fit: contain; }
    .social-widget .link-item .image-display-link .display-name {
      width: 210px !important;
      margin-right: 20px; }
      @media (max-width: 1024px) {
        .social-widget .link-item .image-display-link .display-name {
          width: 100% !important; } }
      @media (max-width: 442px) {
        .social-widget .link-item .image-display-link .display-name {
          margin-top: 32px;
          margin-bottom: 10px !important; } }
      .social-widget .link-item .image-display-link .display-name .ant-input-affix-wrapper {
        height: 33px;
        border-radius: 4px;
        color: #0c2028; }
        .social-widget .link-item .image-display-link .display-name .ant-input-affix-wrapper > input.ant-input {
          height: 22px; }
        .social-widget .link-item .image-display-link .display-name .ant-input-affix-wrapper .ant-input-suffix {
          font-size: 12px;
          color: #647176; }
    .social-widget .link-item .image-display-link .link {
      width: 423px !important;
      margin-right: 40px; }
      @media (max-width: 1024px) {
        .social-widget .link-item .image-display-link .link {
          width: 100% !important;
          margin-right: 20px !important; } }
      @media (max-width: 442px) {
        .social-widget .link-item .image-display-link .link {
          margin-bottom: 10px !important; } }
  .social-widget .link-item .ant-form-item {
    margin-bottom: 0 !important; }
  .social-widget .link-item .trash-btn {
    margin: 0 0 0 auto !important;
    align-self: center; }
    .social-widget .link-item .trash-btn i {
      font-size: 20px !important; }

.add-link-modal {
  width: 400px !important; }
  @media (max-width: 442px) {
    .add-link-modal {
      width: 100% !important; } }
  .add-link-modal .ant-modal-body {
    max-height: unset !important;
    padding: 20px 16px !important; }
    .add-link-modal .ant-modal-body .w-100.body.set-light {
      padding-left: 8px; }
    .add-link-modal .ant-modal-body .ant-radio-group {
      width: 100% !important; }
      .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
        width: 25% !important;
        height: fit-content !important;
        border: none !important;
        text-align: center !important;
        border-radius: 0 !important;
        padding: 8px !important;
        vertical-align: top !important; }
        .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
          background: none !important;
          border: none !important; }
          .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked .icon-container {
            border: 1px solid #5acc5a !important; }
        .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .icon-container {
          width: 100%;
          height: auto;
          aspect-ratio: 1/1 !important;
          border: 1px solid transparent !important;
          border-radius: 4px !important;
          margin-bottom: 4px;
          padding: 12px; }
          .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .icon-container .ant-avatar {
            width: 48px !important;
            height: 48px !important;
            line-height: 48px !important;
            background: #e5e5e5; }
      .add-link-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
        display: none !important; }
  .add-link-modal .ant-modal-footer {
    height: fit-content !important;
    padding: 20px 24px !important; }
    .add-link-modal .ant-modal-footer .un-form-settings {
      width: -webkit-fill-available;
      margin-right: 16px;
      margin-bottom: 20px; }

.custom-summary .ant-modal-body > div {
  padding: 10px 16px;
  border-bottom: 1px solid #ddd;
  font-size: 14px; }

.custom-summary .ant-modal-body > div:last-child {
  border-bottom: none; }

.custom-summary .ant-modal-body div > strong {
  font-weight: bold;
  display: block;
  margin-bottom: 4px; }

#malaysia-einvoice-print-layout {
  width: 85%;
  font-family: "Roboto", sans-serif !important;
  margin: 0 auto !important;
  zoom: 100%; }
  #malaysia-einvoice-print-layout .einvoice-header {
    width: 100%;
    color: #0c2028;
    text-align: center;
    margin-bottom: 20px; }
    #malaysia-einvoice-print-layout .einvoice-header .store-logo {
      margin: 0 auto 12px; }
      #malaysia-einvoice-print-layout .einvoice-header .store-logo img {
        height: 100px;
        width: auto; }
    #malaysia-einvoice-print-layout .einvoice-header .store-name {
      font-weight: bold;
      font-size: 14px; }
    #malaysia-einvoice-print-layout .einvoice-header .store-address {
      font-size: 12px; }
  #malaysia-einvoice-print-layout .invoice-header {
    text-align: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 18px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    width: 100% !important; }
  #malaysia-einvoice-print-layout .einvoice-detail-table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    table-layout: auto;
    overflow: auto; }
    #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table {
      width: 100%;
      padding: 0px 24px;
      margin: 10px 0;
      max-width: 100%;
      overflow: hidden !important; }
      #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveFirstTable {
        color: #0c2028;
        border-collapse: collapse;
        table-layout: auto;
        float: left;
        width: 50%;
        border: none !important; }
        #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveFirstTable th.customer-info-td,
        #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveFirstTable td.customer-info-td {
          padding: 4px 2px;
          font-size: 14px;
          vertical-align: top !important;
          width: 49%;
          max-width: 100%;
          word-break: break-all;
          overflow-wrap: break-word; }
          #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveFirstTable th.customer-info-td div span,
          #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveFirstTable td.customer-info-td div span {
            max-width: 100%;
            word-break: break-all;
            overflow-wrap: break-word; }
      #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveLastTable {
        float: right;
        width: 45%;
        color: #0c2028;
        border-collapse: collapse;
        table-layout: auto;
        border: none !important; }
        #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveLastTable tbody tr th.email-content-title {
          text-align: right;
          padding-bottom: 8px;
          font-weight: bold;
          color: #0c2028;
          font-size: 16px; }
        #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveLastTable tbody tr th.customer-info-td,
        #malaysia-einvoice-print-layout .einvoice-detail-table .control-responsive-table .responsiveLastTable tbody tr td.customer-info-td {
          text-align: left;
          padding: 4px 0 4px 2px;
          color: #0c2028;
          font-size: 14px;
          width: 45%;
          vertical-align: top; }
  #malaysia-einvoice-print-layout .break-line {
    width: 100%;
    border-bottom: 1px solid #f0f0f0 !important; }
  #malaysia-einvoice-print-layout .einvoice-classification-detail {
    margin-bottom: 20px; }
    #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: auto;
      margin: 20px 0; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead {
        display: table-row-group; }
        #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead tr {
          margin-bottom: 12px; }
          #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead tr th {
            background: #e5e5e5 !important;
            height: auto !important;
            padding: 10px !important;
            vertical-align: middle !important;
            text-align: center !important;
            font-weight: bold;
            font-size: 14px;
            white-space: normal;
            word-break: break-word; }
            #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead tr th span {
              display: block;
              word-break: break-word;
              white-space: normal;
              width: 100%;
              overflow-wrap: break-word; }
        #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead td {
          background-color: #f6f6f6;
          padding: 10px; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(1) {
        /* Classification */
        width: 12%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(2) {
        /* Description */
        width: 30%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(3) {
        /* Quantity */
        width: 10%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(4) {
        /* Unit Price */
        width: 8%;
        word-break: break-word; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(5) {
        /* Amount */
        width: 10%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(6) {
        /* Tax Rate (%) */
        width: 7%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table thead th:nth-child(7) {
        /* Tax Amount */
        width: 8%; }
      #malaysia-einvoice-print-layout .einvoice-classification-detail .einvoice-classification-detail-table tbody tr td {
        border-bottom: 1px solid #f0f0f0;
        font-size: 14px;
        padding: 10px 10px 2px 10px;
        max-width: 100%;
        word-break: break-all;
        overflow-wrap: break-word; }
  #malaysia-einvoice-print-layout .einvoice-digital-signature {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0px 24px !important; }
    #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table {
      width: 100%;
      margin-bottom: 20px;
      border-collapse: collapse;
      table-layout: auto; }
      #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table {
        padding: 0px; }
        #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveFirstTable {
          color: #0c2028;
          border-collapse: collapse;
          table-layout: auto;
          float: left;
          width: 50%;
          border: none !important; }
          #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveFirstTable tbody tr th.customer-info-td {
            font-size: 14px;
            padding: 4px 0 4px 2px;
            color: #0c2028;
            float: left !important; }
          #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveFirstTable tbody tr td.customer-info-td {
            font-size: 14px;
            padding: 4px 0 4px 2px;
            color: #0c2028;
            float: left !important;
            width: 45% !important; }
        #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable {
          float: left;
          width: 50%;
          color: #0c2028;
          border-collapse: collapse;
          table-layout: auto;
          border: none !important; }
          #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr th.customer-info-td {
            padding: 4px 0 4px 2px;
            color: #0c2028;
            float: left !important; }
            #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr th.customer-info-td .qr-code {
              margin: 0 16px 0 auto; }
              #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr th.customer-info-td .qr-code img {
                height: 80px;
                width: 80px;
                min-width: 80px; }
          #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr td.customer-info-td {
            padding: 4px 0 4px 2px;
            color: #0c2028;
            float: left !important;
            width: 45% !important; }
            #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr td.customer-info-td .qr-code {
              margin: 0 16px 0 auto; }
              #malaysia-einvoice-print-layout .einvoice-digital-signature .einvoice-digital-signature-table .control-responsive-table .responsiveLastTable tbody tr td.customer-info-td .qr-code img {
                height: 80px;
                width: 80px;
                min-width: 80px; }

@media print {
  .print-page {
    page-break-before: always; }
  /* Optional: Remove the page break before the first page */
  .print-page:first-of-type {
    page-break-before: auto; } }

.rct-page-content-myEInvoiceLayout {
  max-width: none !important; }

@media (min-width: 1024px) {
  .malaysia-einvoice {
    width: 644px !important;
    margin: 0 auto !important; } }

.malaysia-einvoice .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .malaysia-einvoice .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .malaysia-einvoice .header-buttons .b-btn,
  .malaysia-einvoice .header-buttons .b-btn:hover,
  .malaysia-einvoice .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .malaysia-einvoice .header-buttons .b-btn i,
    .malaysia-einvoice .header-buttons .b-btn:hover i,
    .malaysia-einvoice .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.malaysia-einvoice p {
  margin-bottom: 20px !important; }

.malaysia-einvoice img {
  width: 100% !important;
  height: auto;
  object-fit: contain; }

.myEInvoiceLayout .ant-skeleton {
  margin: 2rem; }

.myEInvoiceLayout .ant-form-item-control-input {
  align-items: unset !important; }

.myEInvoiceLayout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .myEInvoiceLayout .header-buttons {
      min-width: 816px !important;
      margin: 0 auto; } }
  .myEInvoiceLayout .header-buttons .b-btn,
  .myEInvoiceLayout .header-buttons .b-btn:hover,
  .myEInvoiceLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .myEInvoiceLayout .header-buttons .b-btn i,
    .myEInvoiceLayout .header-buttons .b-btn:hover i,
    .myEInvoiceLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.myEInvoiceLayout .channel-with-store-name {
  margin-right: 34px; }
  .myEInvoiceLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.myEInvoiceLayout .my-einvoice-tabs {
  position: relative !important; }
  .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
  .myEInvoiceLayout .my-einvoice-tabs .my-einvoice-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.myEInvoiceLayout .order-invoice .unicart-table {
  display: block; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-card {
    width: 100%; }
  .myEInvoiceLayout .order-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .myEInvoiceLayout .order-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .myEInvoiceLayout .order-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }

.myEInvoiceLayout .order-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .myEInvoiceLayout .order-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.myEInvoiceLayout .order-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .myEInvoiceLayout .order-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .myEInvoiceLayout .order-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .myEInvoiceLayout .order-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .myEInvoiceLayout .order-invoice .table-responsive .header * {
      font-size: 12px;
      color: #647176; }
    .myEInvoiceLayout .order-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(2) {
        width: 200px;
        min-width: 200px; }
      .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(4), .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(5), .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(6), .myEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(7) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 207px; }
  .myEInvoiceLayout .order-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .myEInvoiceLayout .order-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .myEInvoiceLayout .order-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .myEInvoiceLayout .order-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .myEInvoiceLayout .order-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .myEInvoiceLayout .order-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .myEInvoiceLayout .order-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .myEInvoiceLayout .order-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .myEInvoiceLayout .order-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 207px; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6), .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 207px; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          cursor: pointer !important;
          color: #007ce0 !important;
          font-size: 14px !important; }
        .myEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-printer {
          cursor: pointer !important;
          color: #90999d !important;
          font-size: 20px !important; }
  .myEInvoiceLayout .order-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.myEInvoiceLayout .task .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.myEInvoiceLayout .task .unicart-filter .search-form {
  width: 100% !important; }
  .myEInvoiceLayout .task .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 270px !important;
    max-width: 660px !important; }
  .myEInvoiceLayout .task .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .myEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .myEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.myEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.myEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.myEInvoiceLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.myEInvoiceLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .myEInvoiceLayout .task .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.myEInvoiceLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }
  .myEInvoiceLayout .task .ant-table-tbody > tr > td .feather-eye,
  .myEInvoiceLayout .task .ant-table-tbody > tr > td .feather-edit-3 {
    cursor: pointer !important;
    color: #007ce0 !important;
    font-size: 20px !important; }

.myEInvoiceViewTask .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .myEInvoiceViewTask .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .myEInvoiceViewTask .header-buttons .b-btn,
  .myEInvoiceViewTask .header-buttons .b-btn:hover,
  .myEInvoiceViewTask .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .myEInvoiceViewTask .header-buttons .b-btn i,
    .myEInvoiceViewTask .header-buttons .b-btn:hover i,
    .myEInvoiceViewTask .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.myEInvoiceViewTask .actions .feather-eye,
.myEInvoiceViewTask .actions .feather-edit-3 {
  font-size: 20px !important; }

.myEInvoiceViewTask .actions .feather-trash-2,
.myEInvoiceViewTask .actions .feather-download {
  font-size: 20px !important;
  color: #90999d; }
  .myEInvoiceViewTask .actions .feather-trash-2:hover,
  .myEInvoiceViewTask .actions .feather-download:hover {
    color: #e0241a !important; }

.myEInvoiceViewTask .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.myEInvoiceViewTask .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.myEInvoiceViewTask .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.myEInvoiceViewTask .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .myEInvoiceViewTask .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.myEInvoiceViewTask .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .myEInvoiceViewTask .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.myEInvoiceViewTask .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.myEInvoiceViewTask .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.myEInvoiceViewTask .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.myEInvoiceViewTask .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .myEInvoiceViewTask .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.myEInvoiceViewTask .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }
  .myEInvoiceViewTask .ant-table-tbody > tr > td .feather-eye {
    cursor: pointer !important;
    color: #007ce0 !important;
    font-size: 20px !important; }

.myEInvoiceLog .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .myEInvoiceLog .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .myEInvoiceLog .header-buttons .b-btn,
  .myEInvoiceLog .header-buttons .b-btn:hover,
  .myEInvoiceLog .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .myEInvoiceLog .header-buttons .b-btn i,
    .myEInvoiceLog .header-buttons .b-btn:hover i,
    .myEInvoiceLog .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.myEInvoiceLog .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.myEInvoiceLog .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.myEInvoiceLog .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.myEInvoiceLog .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .myEInvoiceLog .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.myEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .myEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.myEInvoiceLog .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.myEInvoiceLog .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.myEInvoiceLog .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.myEInvoiceLog .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .myEInvoiceLog .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.myEInvoiceLog .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

@media (min-width: 1024px) {
  .myEInvoiceSettings {
    width: 644px !important;
    margin: 0 auto !important; } }

.myEInvoiceSettings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .myEInvoiceSettings .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .myEInvoiceSettings .header-buttons .b-btn,
  .myEInvoiceSettings .header-buttons .b-btn:hover,
  .myEInvoiceSettings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .myEInvoiceSettings .header-buttons .b-btn i,
    .myEInvoiceSettings .header-buttons .b-btn:hover i,
    .myEInvoiceSettings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.myEInvoiceSettings .ant-skeleton {
  margin: 2rem; }

.myEInvoiceSettings .ant-form-item-control-input {
  align-items: unset !important; }

.myEInvoiceSettings .my-einvoice-tabs {
  position: relative !important; }
  .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list {
      display: flex !important;
      align-items: center; }
      .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list .ant-radio-group {
        width: fit-content !important; }
        .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list .ant-radio-group .ant-radio-button-wrapper {
          margin-right: 16px;
          border-radius: 4px !important;
          border: 1px solid #d9d9d9 !important; }
        .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list .ant-radio-group .ant-radio-button-wrapper-checked {
          margin-right: 16px;
          border-radius: 4px !important;
          border: 1px solid #5acc5a !important;
          background-color: #ffffff !important;
          border-bottom: 3px solid #5acc5a !important; }
        .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
          display: none !important; }
      .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .channel-list .feather-plus {
        font-size: 20px !important;
        margin-right: 0 !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
  .myEInvoiceSettings .my-einvoice-tabs .my-einvoice-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.myEInvoiceSettings .status .ant-form-item {
  margin-bottom: 0 !important; }

.myEInvoiceSettings .profile-form,
.myEInvoiceSettings .tutorial-form {
  padding-top: 20px; }
  .myEInvoiceSettings .profile-form .address-fields .ant-form-item,
  .myEInvoiceSettings .tutorial-form .address-fields .ant-form-item {
    margin-bottom: 12px !important; }
  .myEInvoiceSettings .profile-form .ant-form-item-control,
  .myEInvoiceSettings .tutorial-form .ant-form-item-control {
    display: block !important;
    flex: 0 0 auto !important; }
  .myEInvoiceSettings .profile-form .feather-help-circle,
  .myEInvoiceSettings .tutorial-form .feather-help-circle {
    font-size: 14px !important;
    color: #90999d !important;
    margin-left: 4px;
    line-height: 17px;
    vertical-align: middle; }

.msic-modal .ant-modal-body .search-form {
  margin-bottom: 20px; }
  .msic-modal .ant-modal-body .search-form .un-filter-value {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }

.feather-help-circle {
  cursor: pointer;
  transition: color 0.3s ease; }

.myEInvoiceDraft .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 69px; }
  @media (min-width: 1024px) {
    .myEInvoiceDraft .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .myEInvoiceDraft .header-buttons .b-btn,
  .myEInvoiceDraft .header-buttons .b-btn:hover,
  .myEInvoiceDraft .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .myEInvoiceDraft .header-buttons .b-btn i,
    .myEInvoiceDraft .header-buttons .b-btn:hover i,
    .myEInvoiceDraft .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 425px) {
  .myEInvoiceDraft .ant-form-item {
    flex-direction: unset !important; } }

.myEInvoiceDraft .line-items-table {
  overflow-x: auto; }
  .myEInvoiceDraft .line-items-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #0c2028 !important; }
    .myEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input,
    .myEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input-number {
      width: 100% !important; }
  .myEInvoiceDraft .line-items-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .myEInvoiceDraft .line-items-table table thead {
    background-color: #fafafb !important; }
  .myEInvoiceDraft .line-items-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .myEInvoiceDraft .line-items-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    text-wrap: nowrap !important; }
  .myEInvoiceDraft .line-items-table .totals-summary {
    width: 100%;
    padding-top: 10px !important; }
    .myEInvoiceDraft .line-items-table .totals-summary .totals-summary-item {
      width: 100%;
      display: flex;
      align-items: center; }
      .myEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-label {
        color: #0c2028 !important;
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto;
        padding: 10px 12px !important; }
      .myEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input {
        width: 250px !important;
        min-width: 250px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        text-align: right; }
        .myEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item {
          margin-bottom: 0 !important; }
          .myEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item .ant-input-number {
            width: 60% !important; }

.sqlsync-pop .result-wrapper {
  max-height: 250px;
  width: 180px;
  overflow-y: auto; }

.sqlsync-pop .box-result {
  padding: 5px;
  border-radius: 8px;
  background-color: white; }
  .sqlsync-pop .box-result .ant-alert {
    padding: 3px 10px 3px 25px;
    border-radius: 3px; }
  .sqlsync-pop .box-result .ant-alert-icon {
    top: 6px;
    left: 6px; }

.sqlsync-pop .msg-box {
  margin-top: 5px;
  font-size: 10px;
  word-break: break-all; }

.sqlsync-po-sync-card .status-row {
  align-items: center; }

.sqlsync-po-sync-card .small-light-font {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #647176 !important;
  letter-spacing: 0px !important;
  min-width: 90px !important; }

.sqlsync-po-sync-card .ant-table-row.ant-table-row-level-0 td {
  vertical-align: middle !important; }

.sqlsync-po-sync-card .ant-table-row.ant-table-row-level-1 .ant-select-arrow {
  user-select: none !important;
  vertical-align: middle !important; }

.sqlsync-po-sync-card .ant-card-head .ant-tabs {
  margin-bottom: 0px !important; }

.sqlsync-po-sync-card .ant-card-head .ant-tabs-content {
  padding-top: 0px !important; }

.sync-error-modal .error-msg {
  font-size: inherit;
  color: #e0241a; }

.sync-error-modal .table-responsive .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-error-modal .table-responsive .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-error-modal .table-responsive .header .h-item.quickbooks-po-number {
      width: 250px; }
    .sync-error-modal .table-responsive .header .h-item.error {
      width: 302px; }

.sync-error-modal .table-responsive .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-error-modal .table-responsive .body .b-row {
    display: inline-flex; }
    .sync-error-modal .table-responsive .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-error-modal .table-responsive .body .b-row .b-r-item {
      padding: 12px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.quickbooks-po-number {
        width: 250px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.error {
        width: 302px; }

@media (min-width: 1024px) {
  .avivid {
    width: 644px !important;
    margin: 0 auto !important; } }

.avivid .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .avivid .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .avivid .header-buttons .b-btn,
  .avivid .header-buttons .b-btn:hover,
  .avivid .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .avivid .header-buttons .b-btn i,
    .avivid .header-buttons .b-btn:hover i,
    .avivid .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.avivid .avivid-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .avivid .avivid-layout .avivid-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

@media (min-width: 1024px) {
  .livebuy-app {
    width: 816px !important;
    margin: 0 auto !important; } }

.livebuy-app .header-buttons {
  min-width: 816px !important;
  max-width: 816px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  .livebuy-app .header-buttons .b-btn,
  .livebuy-app .header-buttons .b-btn:hover,
  .livebuy-app .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .livebuy-app .header-buttons .b-btn i,
    .livebuy-app .header-buttons .b-btn:hover i,
    .livebuy-app .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.livebuy-app .ant-form-item {
  margin-bottom: 0 !important; }

.livebuy-app .store-details-container {
  background-color: #f6f6f6;
  padding: 12px 16px;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 20px; }
  .livebuy-app .store-details-container .store-details-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .livebuy-app .store-details-container .store-details-content .ant-list-item {
      padding: 0 !important;
      text-align: left !important; }
      .livebuy-app .store-details-container .store-details-content .ant-list-item .ant-list-item-meta-avatar {
        margin-right: 12px !important; }
    .livebuy-app .store-details-container .store-details-content .store-info {
      display: flex; }
      .livebuy-app .store-details-container .store-details-content .store-info .store-name {
        font-weight: bold;
        margin-bottom: 8px; }
      .livebuy-app .store-details-container .store-details-content .store-info .store-url {
        font-size: 14px;
        color: #555;
        margin-bottom: 8px; }
      .livebuy-app .store-details-container .store-details-content .store-info .store-country-currency {
        font-size: 14px;
        margin-bottom: 8px; }
      .livebuy-app .store-details-container .store-details-content .store-info .store-status {
        font-size: 14px;
        color: #555; }

.livebuy-app .secret-title i.feather-copy {
  font-size: 16px !important;
  color: #007ce0 !important;
  margin-left: 12px !important;
  cursor: pointer; }

.livebuy-app .sync-section {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .livebuy-app .sync-section .sync-button {
    margin-right: 10px; }
  .livebuy-app .sync-section .last-synced {
    font-size: 14px;
    color: #555; }

.overcharged-shipping-fee-claim-app .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .overcharged-shipping-fee-claim-app .header-buttons .b-btn,
  .overcharged-shipping-fee-claim-app .header-buttons .b-btn:hover,
  .overcharged-shipping-fee-claim-app .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .overcharged-shipping-fee-claim-app .header-buttons .b-btn i,
    .overcharged-shipping-fee-claim-app .header-buttons .b-btn:hover i,
    .overcharged-shipping-fee-claim-app .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .overcharged-shipping-fee-claim-app .header-buttons .outline-btn {
    margin-left: 16px !important; }

.overcharged-shipping-fee-claim-app .unicart-filter {
  margin-top: 0 !important; }

.overcharged-shipping-fee-claim-app .unicart-sync {
  flex-wrap: wrap;
  row-gap: 7px; }
  .overcharged-shipping-fee-claim-app .unicart-sync .sync-status {
    margin-left: 12px; }

.overcharged-shipping-fee-claim-app .unicart-sync .search-form .un-filter-country > div.ant-select-selector {
  width: min-content !important; }

.overcharged-shipping-fee-claim-app .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important; }

.overcharged-shipping-fee-claim-app .ant-table .ant-table-selection-col {
  max-width: 60px !important; }

.overcharged-shipping-fee-claim-app .hide {
  margin-bottom: 20px !important; }

@media (min-width: 1024px) {
  .un-overcharged-shipping-fee-claim-export {
    width: 810px !important;
    margin: 0 auto !important; } }

.un-overcharged-shipping-fee-claim-export .header-buttons {
  min-width: 810px !important;
  max-width: 810px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn,
  .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn:hover,
  .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn i,
    .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn:hover i,
    .un-overcharged-shipping-fee-claim-export .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.un-overcharged-shipping-fee-claim-export .hide .plain-btn {
  font-size: 20px !important;
  color: unset !important;
  margin-bottom: 20px; }
  .un-overcharged-shipping-fee-claim-export .hide .plain-btn i {
    color: unset !important; }

.un-overcharged-shipping-fee-claim-export .search-form .un-filter-country > div.ant-select-selector {
  margin-left: 0px; }

.un-overcharged-shipping-fee-claim-export .ant-checkbox,
.un-overcharged-shipping-fee-claim-export .ant-checkbox-input,
.un-overcharged-shipping-fee-claim-export .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.un-overcharged-shipping-fee-claim-export .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.un-overcharged-shipping-fee-claim-export .export-table table thead {
  background-color: #fafafb !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.un-overcharged-shipping-fee-claim-export .export-table .un-text-truncate {
  font-weight: bold !important; }

.un-overcharged-shipping-fee-claim-export .export-table .un-light-label {
  font-size: 14px !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }

.un-overcharged-shipping-fee-claim-export .export-table .ant-pagination.with-quick-jumper {
  margin-bottom: 0 !important; }
  .un-overcharged-shipping-fee-claim-export .export-table .ant-pagination.with-quick-jumper.with-quick-jumper {
    margin-bottom: 20px !important; }

.un-overcharged-shipping-fee-claim-export .ant-btn > .ant-btn-loading-icon .anticon {
  padding: 0px;
  margin-right: 8px; }

.channel-list-tab {
  padding-bottom: 0 !important; }
  .channel-list-tab .ant-tabs {
    background-color: unset !important;
    border-radius: 0 !important;
    border: none !important; }
  .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

@media (min-width: 1024px) {
  .tiktok-pixel {
    width: 644px !important;
    margin: 0 auto !important; } }

.tiktok-pixel .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .tiktok-pixel .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .tiktok-pixel .header-buttons .mt-ve-5 {
    margin-top: -3px; }

.tiktok-pixel .ant-form-item.popup-dimension {
  margin-bottom: 12px !important; }
  .tiktok-pixel .ant-form-item.popup-dimension .ant-input-group-addon {
    cursor: default; }
  .tiktok-pixel .ant-form-item.popup-dimension .ant-input-group .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.tiktok-pixel .row {
  align-items: baseline; }

.tiktok-pixel .vertical-center {
  align-items: center;
  line-height: 33px !important; }

.tiktok-pixel .ant-form-item {
  margin-bottom: 0 !important; }

.tiktok-pixel .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.tiktok-pixel .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 200px !important;
  position: relative !important; }
  .tiktok-pixel .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.tiktok-pixel .hvrbox {
  width: 100%;
  max-width: 100% !important;
  max-height: 200px !important; }
  .tiktok-pixel .hvrbox img {
    width: 100%;
    max-width: 100% !important;
    max-height: 200px !important; }

.tiktok-pixel .popup {
  margin-bottom: 12px !important; }

.referral-program-form [id^='editor'] iframe {
  min-width: 100% !important; }

.referral-program-form .ant-form .ant-form-item .ant-form-item-label,
.referral-program-form .ant-form .ant-form-item .ant-form-item-control {
  flex: initial !important; }

.referral-program-form .inputWithTagWrap {
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 4px !important; }

.referral-program-form .inputWithTagWrap.resizable {
  resize: vertical;
  overflow: auto; }

.referral-program-form .inputWithTag {
  height: 100%;
  font-size: 14px; }

.referral-program-form .inputWithTagWrap:focus-within {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.referral-program-form .code-tag {
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid gray;
  margin-left: 3px;
  margin-right: 3px;
  cursor: pointer;
  user-select: none;
  text-wrap: nowrap; }

.referral-program-form .code-tag::before {
  content: attr(data-label); }

.referral-program-form .status-tag.placeholder {
  display: inline-flex !important;
  justify-content: center;
  align-items: center; }

.referral-program-form .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  align-items: center;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .referral-program-form .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .referral-program-form .header-buttons .b-btn,
  .referral-program-form .header-buttons .b-btn:hover,
  .referral-program-form .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding: 0 !important; }
    .referral-program-form .header-buttons .b-btn i,
    .referral-program-form .header-buttons .b-btn:hover i,
    .referral-program-form .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .referral-program-form .header-buttons .outline-btn,
  .referral-program-form .header-buttons .outline-btn:focus,
  .referral-program-form .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }
  .referral-program-form .header-buttons .date-container {
    padding: 7px 12px;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #0c2028 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    margin-right: 16px; }
    .referral-program-form .header-buttons .date-container span {
      color: #647176 !important; }
    .referral-program-form .header-buttons .date-container i {
      cursor: pointer;
      margin-left: 4px !important; }

@media (max-width: 1025px) {
  .referral-program-form .hide .primary-i-btn {
    top: 8px;
    position: fixed;
    right: 10px; } }

.referral-program-form #rewards .heading {
  margin-bottom: 4px; }

.referral-program-form #rewards .ant-form-item {
  margin-bottom: 0 !important; }
  .referral-program-form #rewards .ant-form-item label {
    margin-bottom: 12px !important; }

.referral-program-form #rewards .ant-radio-group {
  display: block !important;
  margin-bottom: 20px !important; }
  .referral-program-form #rewards .ant-radio-group .ant-radio-wrapper {
    width: 100% !important;
    margin-bottom: 12px !important;
    display: flex !important;
    color: #38484f !important; }

.referral-program-form #rewards .select-add-voucher {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 24px; }
  .referral-program-form #rewards .select-add-voucher .ant-form-item {
    margin-bottom: 0 !important; }
  .referral-program-form #rewards .select-add-voucher .deal-select.ant-select {
    width: 315px !important;
    height: 57px !important; }
    .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .ant-select-selector {
      height: 57px !important;
      padding: 11px !important; }
    .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item {
      width: 388px !important; }
      .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item .deal-title {
        line-height: 17px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #0c2028 !important;
        margin-bottom: 2px !important; }
      .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item .deal-type {
        display: block;
        line-height: 14px !important;
        font-size: 12px !important;
        color: #647176 !important;
        max-width: 250px; }
        .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item .deal-type .ant-tag {
          font-size: 10px !important;
          border-radius: 2px !important;
          height: 13px;
          line-height: 11px;
          padding: 0 3px;
          text-transform: capitalize;
          margin-right: 4px !important;
          width: fit-content !important; }
          .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item .deal-type .ant-tag.store {
            background-color: #ffe0e0 !important;
            border: 1px solid #ffe0e0 !important;
            color: #49302c !important; }
          .referral-program-form #rewards .select-add-voucher .deal-select.ant-select .deal-item .deal-type .ant-tag.product {
            background-color: #c9f8f2 !important;
            border: 1px solid #c9f8f2 !important;
            color: #02232a !important; }
  .referral-program-form #rewards .select-add-voucher .plain-btn {
    margin-left: 20px; }

.referral-program-form #rewards .reward-point {
  width: 50%;
  margin-bottom: 20px; }
  @media (max-width: 425px) {
    .referral-program-form #rewards .reward-point {
      width: 100%; } }
  .referral-program-form #rewards .reward-point .ant-form-item {
    margin-bottom: 0 !important; }
  .referral-program-form #rewards .reward-point .ant-form-item-explain {
    display: none; }

.referral-program-form #content-shared .ant-form-item {
  margin-bottom: 0 !important; }
  .referral-program-form #content-shared .ant-form-item .ant-form-item-label label {
    display: flex; }

.referral-program-form #content-shared .un-box-flat.placeholder {
  height: fit-content !important;
  background-color: transparent !important;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px; }

.referral-program-form #webstore-display .ant-form-item {
  margin-bottom: 0 !important; }

.referral-program-form #webstore-display .un-box-flat.placeholder {
  height: fit-content !important;
  background-color: transparent !important;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px; }

.referral-program-form #webstore-display .email-content {
  display: block !important; }

.referral-program-form .status-tag.paused {
  color: #0c2028 !important;
  border-color: #f9e477 !important;
  background-color: #fff5c4 !important; }

.referral-program-form .status-tag.draft {
  color: #323f47 !important;
  border-color: #8ed7ff !important;
  background-color: #d0f4ff !important; }

.referral-program-form .status-tag.live, .referral-program-form .status-tag.publishing, .referral-program-form .status-tag.published {
  color: #323f47 !important;
  border-color: #bcefb9 !important;
  background-color: #f3fff3 !important; }

.referral-program-form .status-tag.outOfCredit {
  color: #49302c !important;
  border-color: #ffadad !important;
  background-color: #ffe0e0 !important; }

.referral-program-form #basic-info .col-lg-3.col-12 {
  display: block; }

.referral-program-form #basic-info .content-type-status-group {
  display: flex; }
  .referral-program-form #basic-info .content-type-status-group .ant-anchor {
    display: flex;
    padding-left: 0; }
    @media (max-width: 425px) {
      .referral-program-form #basic-info .content-type-status-group .ant-anchor {
        display: block !important; } }
    .referral-program-form #basic-info .content-type-status-group .ant-anchor .ant-checkbox-wrapper {
      display: flex;
      align-items: center;
      margin: unset;
      margin-right: 8px !important;
      margin-bottom: 4px !important; }
      @media (max-width: 425px) {
        .referral-program-form #basic-info .content-type-status-group .ant-anchor .ant-checkbox-wrapper {
          margin-left: 0 !important; } }
      .referral-program-form #basic-info .content-type-status-group .ant-anchor .ant-checkbox-wrapper .ant-checkbox + span {
        color: #0c2028 !important;
        display: flex;
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap; }
        .referral-program-form #basic-info .content-type-status-group .ant-anchor .ant-checkbox-wrapper .ant-checkbox + span .ant-anchor-link {
          border-left: none;
          padding: 0 !important;
          line-height: unset !important; }
          .referral-program-form #basic-info .content-type-status-group .ant-anchor .ant-checkbox-wrapper .ant-checkbox + span .ant-anchor-link .ant-anchor-link-title {
            color: #007ce0 !important;
            margin-left: 4px !important; }

.referral-program-form #sgwallet-token-info .creditBalRow {
  display: inline-flex; }
  .referral-program-form #sgwallet-token-info .creditBalRow .refresh-btn {
    margin-left: 10px;
    cursor: pointer;
    user-select: none; }

.referral-program-form #push-notification .ant-form-item {
  margin-bottom: 0 !important; }
  .referral-program-form #push-notification .ant-form-item .ant-form-item-label label {
    display: flex; }

@media (max-width: 425px) {
  .referral-program-form #push-notification .ant-checkbox-wrapper {
    margin-left: 0 !important; } }

.referral-program-form #push-notification .ant-checkbox-wrapper .ant-checkbox + span {
  color: #0c2028 !important;
  padding-left: 12px;
  padding-right: 20px; }

.referral-program-form #push-notification .un-box-flat.placeholder {
  height: fit-content !important;
  background-color: transparent !important;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px; }

.referral-program-form #push-notification .ant-upload {
  padding: 0 !important;
  height: 157px !important;
  width: 298px !important; }

.referral-program-form #push-notification .ant-upload.ant-upload-select-picture-card {
  margin: 0 !important;
  width: 100% !important;
  height: 158px !important;
  border: 1px dashed #007ce0 !important;
  border-radius: 4px !important; }

.referral-program-form #push-notification .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #007ce0 !important; }

.referral-program-form #push-notification .upload-placeholder {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 158px !important;
  width: 100% !important;
  position: relative !important; }
  .referral-program-form #push-notification .upload-placeholder .ant-upload-text {
    width: fit-content;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%); }

.referral-program-form #push-notification .ant-upload:hover {
  border-color: #007ce0 !important; }

.referral-program-form #push-notification .hvrbox {
  height: 157px !important;
  width: 100% !important; }
  .referral-program-form #push-notification .hvrbox img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain; }

.referral-program-form #email .ant-form-item {
  margin-bottom: 0 !important; }

.referral-program-form #email .un-box-flat.placeholder {
  height: fit-content !important;
  background-color: transparent !important;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px; }

.referral-program-form #email .email-content {
  display: block !important; }

.referral-program-form #sms .caption {
  text-align: end; }

.referral-program-form #sms .ant-form-item {
  margin-bottom: 0 !important; }
  .referral-program-form #sms .ant-form-item .ant-form-item-label label {
    display: flex; }

.referral-program-form #sms .un-box-flat.placeholder {
  height: fit-content !important;
  background-color: transparent !important;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px; }

.referral-program-form #sms .balance-topup-now {
  display: flex;
  align-items: center; }
  .referral-program-form #sms .balance-topup-now .feather-alert-triangle {
    margin-right: 4px;
    color: #e0241a !important; }
  .referral-program-form #sms .balance-topup-now .plain-btn {
    margin-left: 20px;
    height: unset !important; }

.referral-program-form #sms .message-content {
  display: block !important; }

.ant-select-dropdown {
  width: fit-content !important; }
  .ant-select-dropdown .deal-item {
    max-width: 280px !important; }
    .ant-select-dropdown .deal-item .deal-title {
      line-height: 17px !important;
      font-size: 14px !important;
      font-weight: bold !important;
      color: #0c2028 !important;
      margin-bottom: 2px !important;
      white-space: normal !important; }
    .ant-select-dropdown .deal-item .deal-type {
      display: flex;
      line-height: 14px !important;
      font-size: 12px !important;
      color: #647176 !important;
      white-space: normal !important; }
      .ant-select-dropdown .deal-item .deal-type .ant-tag {
        font-size: 10px !important;
        border-radius: 2px !important;
        height: 13px;
        line-height: 11px;
        padding: 0 3px;
        text-transform: capitalize;
        margin-right: 4px !important;
        width: fit-content !important; }
        .ant-select-dropdown .deal-item .deal-type .ant-tag.store {
          background-color: #ffe0e0 !important;
          border: 1px solid #ffe0e0 !important;
          color: #49302c !important; }
        .ant-select-dropdown .deal-item .deal-type .ant-tag.product {
          background-color: #c9f8f2 !important;
          border: 1px solid #c9f8f2 !important;
          color: #02232a !important; }

.topup-now-modal .ant-modal-close,
.topup-now-modal .ant-modal-close:hover {
  left: unset !important; }

.topup-now-modal .ant-modal-body {
  max-height: unset !important;
  padding: 32px 48px !important;
  text-align: center; }
  .topup-now-modal .ant-modal-body .ant-radio-group {
    width: 100% !important;
    text-align: left;
    margin-bottom: 32px; }
    .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
      width: 33.33% !important;
      height: fit-content !important;
      padding: 4px !important;
      border: none !important;
      background: none !important;
      text-align: center; }
      @media (max-width: 425px) {
        .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
          width: 50% !important; } }
      .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .topup-item {
        width: 100% !important;
        background-color: #f6f6f6;
        color: #0c2028 !important;
        border-radius: 8px !important;
        border: 2px solid transparent !important;
        padding: 20px; }
        .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .topup-item .credit-total {
          font-size: 32px !important;
          line-height: 38px !important;
          font-weight: bold; }
        .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .topup-item .credit {
          font-size: 20px !important;
          line-height: 24px !important;
          margin-bottom: 10px; }
        .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .topup-item .credit-val {
          background-color: #ffffff;
          font-size: 14px !important;
          line-height: 17px !important;
          width: 100px;
          padding: 4px;
          margin: 0 auto !important; }
      .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper::before {
        display: none !important; }
      .topup-now-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked .topup-item {
        border: 2px solid #5acc5a !important; }
  .topup-now-modal .ant-modal-body .primary-btn,
  .topup-now-modal .ant-modal-body .primary-btn:hover,
  .topup-now-modal .ant-modal-body .primary-btn:focus {
    width: 100% !important;
    padding: 9px !important;
    border-radius: 21px !important;
    margin-bottom: 4px !important;
    height: 41px !important; }
  .topup-now-modal .ant-modal-body .caption {
    text-align: left !important; }

.content-preview-modal .code-tag {
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid gray;
  margin-left: 3px;
  margin-right: 3px;
  cursor: pointer;
  user-select: none;
  text-wrap: nowrap; }

.content-preview-modal .code-tag::before {
  content: attr(data-label); }

@media (min-width: 1024px) {
  .dhl-express {
    width: 644px !important;
    margin: 0 auto !important; } }

.dhl-express .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .dhl-express .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .dhl-express .header-buttons .b-btn,
  .dhl-express .header-buttons .b-btn:hover,
  .dhl-express .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .dhl-express .header-buttons .b-btn i,
    .dhl-express .header-buttons .b-btn:hover i,
    .dhl-express .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 1024px) {
  .dhl-express .ant-form-item {
    flex-direction: unset !important; } }

.dhl-express .address-fields .ant-form-item {
  margin-bottom: 12px !important; }

.dhl-express .incoterm-table {
  margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .dhl-express .incoterm-table {
      overflow-x: auto; } }
  @media (max-width: 1024px) {
    .dhl-express .incoterm-table .header {
      min-width: 600px !important; } }
  .dhl-express .incoterm-table .header .row {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .dhl-express .incoterm-table .header .col-5,
  .dhl-express .incoterm-table .header .col-7 {
    padding: 8px;
    background-color: #fafafb !important;
    color: #647176 !important;
    font-size: 12px !important; }
  .dhl-express .incoterm-table .incoterm-item {
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 1024px) {
      .dhl-express .incoterm-table .incoterm-item {
        min-width: 600px !important; } }
    .dhl-express .incoterm-table .incoterm-item .row {
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .dhl-express .incoterm-table .incoterm-item .col-5,
    .dhl-express .incoterm-table .incoterm-item .col-7 {
      padding: 8px;
      color: #0c2028 !important; }
    .dhl-express .incoterm-table .incoterm-item .col-7 .ant-select {
      width: 200px !important; }
    .dhl-express .incoterm-table .incoterm-item .col-7 .blue-capsule-btn {
      height: fit-content;
      width: fit-content !important; }
    .dhl-express .incoterm-table .incoterm-item .ant-form-item {
      margin-bottom: 0 !important; }
  .dhl-express .incoterm-table div.incoterm-item:last-child {
    border-bottom: none !important; }

.dhl-express .tax-table {
  margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .dhl-express .tax-table {
      overflow-x: auto; } }
  @media (max-width: 1024px) {
    .dhl-express .tax-table .header {
      min-width: 600px !important; } }
  .dhl-express .tax-table .header .row {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .dhl-express .tax-table .header .col-3,
  .dhl-express .tax-table .header .col-4,
  .dhl-express .tax-table .header .col-5 {
    padding: 8px;
    background-color: #fafafb !important;
    color: #647176 !important;
    font-size: 12px !important; }
  .dhl-express .tax-table .header .feather-help-circle {
    margin-left: 4px !important; }
  .dhl-express .tax-table .tax-item {
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 1024px) {
      .dhl-express .tax-table .tax-item {
        min-width: 600px !important; } }
    .dhl-express .tax-table .tax-item .row {
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .dhl-express .tax-table .tax-item .col-3,
    .dhl-express .tax-table .tax-item .col-4,
    .dhl-express .tax-table .tax-item .col-5 {
      padding: 8px;
      color: #0c2028 !important; }
    .dhl-express .tax-table .tax-item .ant-form-item {
      margin-bottom: 0 !important; }
  .dhl-express .tax-table div.tax-item:last-child {
    border-bottom: none !important; }

.dhl-express .dhl-express-tooltip {
  margin-left: 2px !important; }

@media (min-width: 1024px) {
  .ups-express {
    width: 644px !important;
    margin: 0 auto !important; } }

.ups-express .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .ups-express .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .ups-express .header-buttons .b-btn,
  .ups-express .header-buttons .b-btn:hover,
  .ups-express .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .ups-express .header-buttons .b-btn i,
    .ups-express .header-buttons .b-btn:hover i,
    .ups-express .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 1024px) {
  .ups-express .ant-form-item {
    flex-direction: unset !important; } }

.ups-express .address-fields .ant-form-item {
  margin-bottom: 12px !important; }

.ups-express .incoterm-table {
  margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .ups-express .incoterm-table {
      overflow-x: auto; } }
  @media (max-width: 1024px) {
    .ups-express .incoterm-table .header {
      min-width: 600px !important; } }
  .ups-express .incoterm-table .header .row {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .ups-express .incoterm-table .header .col-5,
  .ups-express .incoterm-table .header .col-7 {
    padding: 8px;
    background-color: #fafafb !important;
    color: #647176 !important;
    font-size: 12px !important; }
  .ups-express .incoterm-table .incoterm-item {
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 1024px) {
      .ups-express .incoterm-table .incoterm-item {
        min-width: 600px !important; } }
    .ups-express .incoterm-table .incoterm-item .row {
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .ups-express .incoterm-table .incoterm-item .col-5,
    .ups-express .incoterm-table .incoterm-item .col-7 {
      padding: 8px;
      color: #0c2028 !important; }
    .ups-express .incoterm-table .incoterm-item .col-7 .ant-select {
      width: 200px !important; }
    .ups-express .incoterm-table .incoterm-item .col-7 .blue-capsule-btn {
      height: fit-content;
      width: fit-content !important;
      white-space: nowrap !important; }
    .ups-express .incoterm-table .incoterm-item .ant-form-item {
      margin-bottom: 0 !important; }
  .ups-express .incoterm-table div.incoterm-item:last-child {
    border-bottom: none !important; }

.ups-express .tax-table {
  margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .ups-express .tax-table {
      overflow-x: auto; } }
  @media (max-width: 1024px) {
    .ups-express .tax-table .header {
      min-width: 600px !important; } }
  .ups-express .tax-table .header .row {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .ups-express .tax-table .header .col-5,
  .ups-express .tax-table .header .col-7 {
    padding: 8px;
    background-color: #fafafb !important;
    color: #647176 !important;
    font-size: 12px !important; }
  .ups-express .tax-table .header .feather-help-circle {
    margin-left: 4px !important; }
  .ups-express .tax-table .tax-item {
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 1024px) {
      .ups-express .tax-table .tax-item {
        min-width: 600px !important; } }
    .ups-express .tax-table .tax-item .row {
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .ups-express .tax-table .tax-item .col-5,
    .ups-express .tax-table .tax-item .col-7 {
      padding: 8px;
      color: #0c2028 !important; }
    .ups-express .tax-table .tax-item .ant-form-item {
      margin-bottom: 0 !important; }
  .ups-express .tax-table div.tax-item:last-child {
    border-bottom: none !important; }

.ups-express .ups-express-tooltip {
  margin-left: 2px !important; }

@media (min-width: 1024px) {
  .google-ads-conversion-tracking-settings {
    width: 644px !important;
    min-width: 644px !important;
    max-width: 644px !important;
    margin: 0 auto; } }

.google-ads-conversion-tracking-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0px !important; }
  @media (min-width: 1024px) {
    .google-ads-conversion-tracking-settings .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .google-ads-conversion-tracking-settings .header-buttons .b-btn,
  .google-ads-conversion-tracking-settings .header-buttons .b-btn:hover,
  .google-ads-conversion-tracking-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .google-ads-conversion-tracking-settings .header-buttons .b-btn i,
    .google-ads-conversion-tracking-settings .header-buttons .b-btn:hover i,
    .google-ads-conversion-tracking-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.google-ads-conversion-tracking-settings .status-toggle .ant-form-item {
  margin-bottom: 0 !important; }

.rct-page-content-chat-plus {
  max-width: none !important; }

.chat-plus .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .chat-plus .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .chat-plus .header-buttons .b-btn,
  .chat-plus .header-buttons .b-btn:hover,
  .chat-plus .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .chat-plus .header-buttons .b-btn i,
    .chat-plus .header-buttons .b-btn:hover i,
    .chat-plus .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.chat-plus .video-container {
  margin-bottom: 32px; }

.chat-plus .video-container > div {
  width: 713px !important;
  height: 401px !important; }
  @media (max-width: 425px) {
    .chat-plus .video-container > div {
      width: 100% !important;
      height: 220px !important; } }

.chat-plus .autocount-sync-img {
  margin-bottom: 32px; }

.chat-plus .benefits {
  padding-inline-start: 24px !important;
  margin-bottom: 32px;
  list-style-type: none; }
  .chat-plus .benefits .feather-check-square {
    font-weight: bold !important; }

.chat-plus .un-box-flat.pricing {
  background: none !important;
  margin-bottom: 32px !important; }
  .chat-plus .un-box-flat.pricing .pricing-container {
    display: flex;
    align-items: center; }
    .chat-plus .un-box-flat.pricing .pricing-container .exclusive-container {
      height: fit-content; }

.chat-plus .download-installer {
  display: inline-flex;
  justify-content: center;
  height: 94px;
  margin-bottom: 32px !important; }

.chat-plus .contact-us {
  width: 408px;
  margin: 0 auto 20px; }
  @media (max-width: 425px) {
    .chat-plus .contact-us {
      width: 100% !important; } }

.chat-plus .contact-us-img {
  height: 120px;
  width: 120px;
  object-fit: contain;
  margin: 0 auto 12px; }

.chat-plus .contact-name {
  width: fit-content;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto 5px; }
  .chat-plus .contact-name svg {
    margin-bottom: -2px;
    margin-right: 3px; }

.chat-plus .contact-no {
  width: fit-content;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto; }

.chat-plus .un-box-flat {
  align-items: center;
  margin-bottom: 20px !important; }
  .chat-plus .un-box-flat .body.set {
    align-self: center; }

.chat-plus .how-to-use {
  width: 100%;
  text-align: right; }
  .chat-plus .how-to-use .plain-btn i {
    margin-left: 8px; }

.chat-plus img {
  height: 100%;
  width: 100%;
  object-fit: contain; }

.chat-plus .iframe-wrapper {
  height: calc(100vh - 200px) !important; }

.amego-einvoice-setting-page .ant-select-item-option-content,
.edit-amego-einvoice-page .ant-select-item-option-content {
  white-space: normal !important;
  word-break: break-word !important; }

@media (min-width: 1024px) {
  .amego-einvoice-setting-list {
    width: 816px !important;
    margin: 0 auto !important; } }

.amego-einvoice-setting-list .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .amego-einvoice-setting-list .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto; } }
  .amego-einvoice-setting-list .header-buttons .b-btn,
  .amego-einvoice-setting-list .header-buttons .b-btn:hover,
  .amego-einvoice-setting-list .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .amego-einvoice-setting-list .header-buttons .b-btn i,
    .amego-einvoice-setting-list .header-buttons .b-btn:hover i,
    .amego-einvoice-setting-list .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.amego-einvoice-setting-list .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.amego-einvoice-setting-list .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.amego-einvoice-setting-list .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.amego-einvoice-setting-list .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.amego-einvoice-setting-list button .feather-edit-3 {
  cursor: pointer !important;
  font-size: 20px !important;
  color: #007ce0 !important; }

.amego-einvoice-setting-list button .feather-trash-2 {
  cursor: pointer !important;
  font-size: 20px !important;
  color: #90999d;
  margin-left: 20px; }
  .amego-einvoice-setting-list button .feather-trash-2:hover {
    color: #e0241a !important; }

.amego-einvoice-setting-list button:disabled .feather-edit-3 {
  cursor: not-allowed !important;
  pointer-events: unset !important;
  color: #90999d !important; }

.amego-einvoice-setting-list button:disabled .feather-trash-2 {
  cursor: not-allowed !important;
  pointer-events: unset !important;
  color: #90999d !important; }
  .amego-einvoice-setting-list button:disabled .feather-trash-2:hover {
    color: #90999d !important; }

.amego-einvoice-setting-list .input-group .feather-trash-2 {
  font-size: 16px !important;
  margin-left: 0 !important; }

.amego-einvoice-setting-list table tbody tr > td {
  border-bottom: 1px solid #e5e5e5 !important; }

.amego-einvoice-setting-list table tbody tr:last-child > td {
  border-bottom: none !important; }

.amego-einvoice-setting-list .quota-info .container-with-l-prog {
  border-radius: 12px;
  padding: 12px;
  background-color: #ffffff; }
  .amego-einvoice-setting-list .quota-info .container-with-l-prog .label-value {
    display: flex; }
    .amego-einvoice-setting-list .quota-info .container-with-l-prog .label-value > .quota-progress {
      width: 60%;
      margin: auto; }
    .amego-einvoice-setting-list .quota-info .container-with-l-prog .label-value > .quota-value {
      float: right; }

@media (min-width: 1024px) {
  .amego-einvoice-setting {
    width: 644px !important;
    margin: 0 auto !important; } }

.amego-einvoice-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .amego-einvoice-setting .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .amego-einvoice-setting .header-buttons .b-btn,
  .amego-einvoice-setting .header-buttons .b-btn:hover,
  .amego-einvoice-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .amego-einvoice-setting .header-buttons .b-btn i,
    .amego-einvoice-setting .header-buttons .b-btn:hover i,
    .amego-einvoice-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important;
      text-transform: unset !important; }

.amego-einvoice-setting .ant-space-item .ant-form-item {
  margin-bottom: 0 !important; }

.amego-einvoice-setting .amego-einvoice {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .amego-einvoice-setting .amego-einvoice .amego-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.amego-einvoice-setting .caption-medium {
  color: #38484f !important;
  font-size: 14px !important; }

.amego-einvoice-setting .store-checkboxes-div {
  border-radius: 4px !important;
  background-color: #fafafb !important;
  padding: 20px 15px; }
  .amego-einvoice-setting .store-checkboxes-div .ant-checkbox-wrapper {
    width: 100% !important; }
    .amego-einvoice-setting .store-checkboxes-div .ant-checkbox-wrapper > span {
      color: #0c2028 !important; }
      .amego-einvoice-setting .store-checkboxes-div .ant-checkbox-wrapper > span:last-child {
        display: inline-table !important;
        width: 90% !important; }

.rct-page-content-amegoEInvoiceLayout {
  max-width: none !important; }

.amegoEInvoiceLayout .ant-skeleton {
  margin: 2rem; }

.amegoEInvoiceLayout .ant-form-item-control-input {
  align-items: unset !important; }

.amegoEInvoiceLayout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .amegoEInvoiceLayout .header-buttons {
      min-width: 816px !important;
      margin: 0 auto; } }
  .amegoEInvoiceLayout .header-buttons .b-btn,
  .amegoEInvoiceLayout .header-buttons .b-btn:hover,
  .amegoEInvoiceLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .amegoEInvoiceLayout .header-buttons .b-btn i,
    .amegoEInvoiceLayout .header-buttons .b-btn:hover i,
    .amegoEInvoiceLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.amegoEInvoiceLayout .order-invoice .unicart-table {
  display: block; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-card {
    width: 100%; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs {
    height: 58px !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }
  .amegoEInvoiceLayout .order-invoice .unicart-table .einvoice-check-url {
    margin-left: 10px;
    line-height: 20px !important;
    height: unset !important; }

.amegoEInvoiceLayout .order-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .amegoEInvoiceLayout .order-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.amegoEInvoiceLayout .order-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .amegoEInvoiceLayout .order-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .header * {
      font-size: 12px;
      color: #647176; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(2) {
        width: 200px;
        min-width: 200px; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(4), .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(5), .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(6), .amegoEInvoiceLayout .order-invoice .table-responsive .header > span:nth-child(7) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 207px; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 207px; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6), .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(7) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 207px; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          cursor: pointer !important;
          color: #007ce0 !important;
          font-size: 14px !important; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-printer {
          cursor: pointer !important;
          color: #90999d !important;
          font-size: 20px !important; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-x-circle {
          cursor: pointer !important;
          color: #e0241a !important; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .feather-layers {
          cursor: pointer !important;
          color: #007ce0 !important; }
        .amegoEInvoiceLayout .order-invoice .table-responsive .item .order-details .order-detail-content .copy-einvoice-url {
          cursor: pointer !important;
          margin-left: 10px !important;
          color: #007ce0 !important; }
  .amegoEInvoiceLayout .order-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.amegoEInvoiceLayout .channel-with-store-name {
  margin-right: 34px; }
  .amegoEInvoiceLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.amegoEInvoiceLayout .amego-einvoice-tabs {
  position: relative !important; }
  .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .amegoEInvoiceLayout .amego-einvoice-tabs .amego-einvoice-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
  .amegoEInvoiceLayout .amego-einvoice-tabs .my-einvoice-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.amegoEInvoiceLayout .task .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.amegoEInvoiceLayout .task .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.amegoEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .amegoEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.amegoEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .amegoEInvoiceLayout .task .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.amegoEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.amegoEInvoiceLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.amegoEInvoiceLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.amegoEInvoiceLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .amegoEInvoiceLayout .task .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.amegoEInvoiceLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }
  .amegoEInvoiceLayout .task .ant-table-tbody > tr > td .feather-eye,
  .amegoEInvoiceLayout .task .ant-table-tbody > tr > td .feather-edit-3,
  .amegoEInvoiceLayout .task .ant-table-tbody > tr > td .feather-x-circle {
    cursor: pointer !important;
    color: #007ce0 !important;
    font-size: 20px !important; }
  .amegoEInvoiceLayout .task .ant-table-tbody > tr > td .feather-x-circle {
    cursor: pointer !important;
    color: #e0241a !important;
    font-size: 20px !important; }

.amegoEInvoiceLog .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .amegoEInvoiceLog .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .amegoEInvoiceLog .header-buttons .b-btn,
  .amegoEInvoiceLog .header-buttons .b-btn:hover,
  .amegoEInvoiceLog .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .amegoEInvoiceLog .header-buttons .b-btn i,
    .amegoEInvoiceLog .header-buttons .b-btn:hover i,
    .amegoEInvoiceLog .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.amegoEInvoiceLog .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.amegoEInvoiceLog .unicart-filter {
  margin-top: 0 !important; }
  .amegoEInvoiceLog .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .amegoEInvoiceLog .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    max-width: 660px !important; }
  .amegoEInvoiceLog .unicart-filter .search-form .ant-form .date-period {
    position: absolute;
    right: 0; }
    .amegoEInvoiceLog .unicart-filter .search-form .ant-form .date-period .label {
      display: none !important; }
  .amegoEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px; }
    .amegoEInvoiceLog .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }

.amegoEInvoiceLog .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.amegoEInvoiceLog .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.amegoEInvoiceLog .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.amegoEInvoiceLog .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .amegoEInvoiceLog .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.amegoEInvoiceLog .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.twEInvoiceDraft .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 69px; }
  @media (min-width: 1024px) {
    .twEInvoiceDraft .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .twEInvoiceDraft .header-buttons .b-btn,
  .twEInvoiceDraft .header-buttons .b-btn:hover,
  .twEInvoiceDraft .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset !important; }
    .twEInvoiceDraft .header-buttons .b-btn i,
    .twEInvoiceDraft .header-buttons .b-btn:hover i,
    .twEInvoiceDraft .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

@media (max-width: 425px) {
  .twEInvoiceDraft .ant-form-item {
    flex-direction: unset !important; } }

.twEInvoiceDraft .line-items-table {
  overflow-x: auto; }
  .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #0c2028 !important; }
    .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input,
    .twEInvoiceDraft .line-items-table .ant-table-tbody > tr > td .ant-input-number {
      width: 100% !important; }
  .twEInvoiceDraft .line-items-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .twEInvoiceDraft .line-items-table table thead {
    background-color: #fafafb !important; }
  .twEInvoiceDraft .line-items-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .twEInvoiceDraft .line-items-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    text-wrap: nowrap !important; }
  .twEInvoiceDraft .line-items-table .totals-summary {
    width: 100%;
    padding-top: 10px !important; }
    .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item {
      width: 100%;
      display: flex;
      align-items: center; }
      .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-label {
        color: #0c2028 !important;
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto;
        padding: 10px 12px !important; }
      .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input {
        width: 250px !important;
        min-width: 250px !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        text-align: right; }
        .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item {
          margin-bottom: 0 !important; }
          .twEInvoiceDraft .line-items-table .totals-summary .totals-summary-item .item-input .ant-form-item .ant-input-number {
            width: 60% !important; }

.amego-einvoice-modal .amount-error {
  width: 100% !important; }

.amego-einvoice-modal .line-items-table {
  overflow-x: auto; }
  .amego-einvoice-modal .line-items-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #0c2028 !important; }
    .amego-einvoice-modal .line-items-table .ant-table-tbody > tr > td .ant-input,
    .amego-einvoice-modal .line-items-table .ant-table-tbody > tr > td .ant-input-number {
      width: 100% !important; }
  .amego-einvoice-modal .line-items-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .amego-einvoice-modal .line-items-table table thead {
    background-color: #fafafb !important; }
  .amego-einvoice-modal .line-items-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .amego-einvoice-modal .line-items-table .ant-table-thead > tr > th {
    border-bottom: none !important;
    text-wrap: nowrap !important; }

@media (min-width: 1024px) {
  .unicart-review-setting {
    width: 816px !important;
    margin: 0 auto !important; } }

.unicart-review-setting .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .unicart-review-setting .header-buttons {
      min-width: 816px !important;
      max-width: 816px !important;
      margin: 0 auto;
      padding-right: 0px !important; } }
  .unicart-review-setting .header-buttons .b-btn,
  .unicart-review-setting .header-buttons .b-btn:hover,
  .unicart-review-setting .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .unicart-review-setting .header-buttons .b-btn i,
    .unicart-review-setting .header-buttons .b-btn:hover i,
    .unicart-review-setting .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.unicart-review-setting .ant-form-item-extra {
  font-size: 12px;
  color: #a9a9a9; }

.unicart-review-setting .ant-form-custom-title {
  align-self: center !important; }

.unicart-review-setting .status-toggle .ant-form-item {
  margin-bottom: 0 !important; }

.unicart-review .channel-list-tab {
  margin-left: unset !important;
  margin-right: unset !important; }

.unicart-review .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .unicart-review .header-buttons .b-btn,
  .unicart-review .header-buttons .b-btn:hover,
  .unicart-review .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .unicart-review .header-buttons .b-btn i,
    .unicart-review .header-buttons .b-btn:hover i,
    .unicart-review .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.unicart-review .unicart-marketplacelist {
  margin-top: 0; }
  .unicart-review .unicart-marketplacelist .btn-store {
    text-transform: unset !important; }

.unicart-review .product-rate {
  margin-bottom: 8px; }
  .unicart-review .product-rate .ant-rate {
    font-size: 20px;
    color: #ffae4c; }
    .unicart-review .product-rate .ant-rate .ant-rate-star {
      margin-right: 2px; }

.unicart-review .unicart-table .ant-tabs {
  width: 100% !important; }

@media (min-width: 1024px) {
  .review-details {
    width: 644px !important;
    margin: 0 auto !important; } }

.review-details .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .review-details .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .review-details .header-buttons .b-btn,
  .review-details .header-buttons .b-btn:hover,
  .review-details .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .review-details .header-buttons .b-btn i,
    .review-details .header-buttons .b-btn:hover i,
    .review-details .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.review-details .review-status {
  display: inline-flex; }
  .review-details .review-status .body.set {
    vertical-align: middle;
    line-height: 25px;
    margin-right: 16px; }

.review-details .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.review-details .product-detail .ant-list-item {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.review-details .product-review {
  width: 100%;
  display: inline-flex; }
  .review-details .product-review .body.set.bold {
    width: fit-content;
    width: -moz-fit-content; }
  .review-details .product-review .body.set-lightest {
    font-style: italic;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: 0; }

.review-details .product-rate {
  margin-bottom: 8px; }
  .review-details .product-rate .ant-rate {
    font-size: 20px;
    color: #ffae4c; }
    .review-details .product-rate .ant-rate .ant-rate-star {
      margin-right: 2px; }

.review-details .review-comment {
  word-wrap: break-word; }

.review-details .review-image .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px;
  margin-right: 12px; }

.unicart-review-filter .ant-badge-count {
  background: #e5e5e5 !important;
  color: #0c2028 !important; }

@media (min-width: 1024px) {
  .unicart-review-review-details {
    width: 644px !important;
    margin: 0 auto !important; } }

.unicart-review-review-details .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .unicart-review-review-details .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .unicart-review-review-details .header-buttons .b-btn,
  .unicart-review-review-details .header-buttons .b-btn:hover,
  .unicart-review-review-details .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .unicart-review-review-details .header-buttons .b-btn i,
    .unicart-review-review-details .header-buttons .b-btn:hover i,
    .unicart-review-review-details .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.unicart-review-review-details .review-status {
  display: inline-flex; }
  .unicart-review-review-details .review-status .body.set {
    vertical-align: middle;
    line-height: 25px;
    margin-right: 16px; }

.unicart-review-review-details .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px; }

.unicart-review-review-details .product-detail .ant-list-item {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.unicart-review-review-details .product-review {
  width: 100%;
  display: inline-flex; }
  .unicart-review-review-details .product-review .ant-list-item {
    padding-top: 0;
    padding-bottom: 12px; }
    .unicart-review-review-details .product-review .ant-list-item .ant-list-item-meta-avatar {
      margin-right: 8px !important; }
    .unicart-review-review-details .product-review .ant-list-item .ant-list-item-meta-title {
      margin-bottom: 0 !important; }
  .unicart-review-review-details .product-review .body.set.bold {
    width: fit-content;
    width: -moz-fit-content; }
  .unicart-review-review-details .product-review .body.set-lightest {
    font-style: italic;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: 0; }

.unicart-review-review-details .product-rate .ant-rate {
  font-size: 20px;
  color: #ffae4c; }
  .unicart-review-review-details .product-rate .ant-rate .ant-rate-star {
    margin-right: 2px; }

.unicart-review-review-details .review-comment {
  word-wrap: break-word; }

.unicart-review-review-details .review-image .un-row-product img {
  height: 89px;
  width: 89px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-left: -1px;
  margin-right: 12px; }

.unicart-review-review-details .review-image .content {
  border: none !important; }

.unicart-review-review-details .review-table {
  overflow-x: auto; }
  .unicart-review-review-details .review-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    vertical-align: baseline !important; }
  .unicart-review-review-details .review-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .unicart-review-review-details .review-table table thead {
    background-color: #fafafb !important; }
  .unicart-review-review-details .review-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; }
  .unicart-review-review-details .review-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .unicart-review-review-details .review-table .un-text-truncate {
    font-weight: bold !important; }
  .unicart-review-review-details .review-table .un-light-label {
    font-size: 14px !important; }
  .unicart-review-review-details .review-table .actions-btn i {
    font-size: 20px !important; }
  .unicart-review-review-details .review-table .body.set-lightest {
    font-style: italic;
    width: fit-content;
    width: -moz-fit-content; }
  .unicart-review-review-details .review-table .ant-list-item {
    padding-top: 0;
    padding-bottom: 12px; }
    .unicart-review-review-details .review-table .ant-list-item .ant-list-item-meta-avatar {
      margin-right: 8px !important; }
    .unicart-review-review-details .review-table .ant-list-item .ant-list-item-meta-title {
      margin-bottom: 0 !important; }

.unicart-review-review-details .product-image-list .hvrbox-layer_top {
  cursor: pointer !important; }

.unicart-channel-modal .ant-modal-body .options-btn {
  display: grid !important;
  border: 1px solid #d4d4d4;
  border-radius: 4px !important;
  height: 100% !important;
  padding: 0 !important;
  margin-bottom: 12px;
  align-content: flex-start; }
  .unicart-channel-modal .ant-modal-body .options-btn .options-img {
    width: inherit !important;
    height: fit-content !important;
    padding: 10px 0 !important; }
    .unicart-channel-modal .ant-modal-body .options-btn .options-img img {
      width: 40% !important;
      max-height: 70px !important;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 4px !important; }
  .unicart-channel-modal .ant-modal-body .options-btn .options-name {
    padding: 0 5px !important;
    width: inherit !important;
    white-space: normal; }

.unicart-channel-modal .ant-modal-body .options-btn:hover,
.unicart-channel-modal .ant-modal-body .options-btn:focus {
  border: 4px solid #5acc5a !important; }

.channel-list-tab {
  padding-bottom: 0 !important;
  margin-bottom: 20px !important; }
  .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
    .channel-list-tab .ant-tabs .ant-form-item {
      margin-bottom: 8px !important; }
  .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px 0px 20px !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

body {
  background: #ffffff; }

body,
td,
th,
input,
select,
textarea,
option,
optgroup {
  font-size: 12px;
  color: #000000; }

h1 {
  text-transform: uppercase;
  color: #cccccc;
  text-align: right;
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cddddd; }

.store {
  width: 100%;
  margin-bottom: 20px; }
  .store > div {
    display: inline-block !important;
    vertical-align: top !important;
    color: #38484f !important; }
  .store .store-logo {
    align-self: flex-start;
    height: fit-content;
    margin-bottom: 20px;
    margin-right: 10px; }
    .store .store-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain !important; }
  .store .store-name {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #38484f !important;
    margin-bottom: 8px; }
  .store .store-name-large {
    font-size: x-large !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #38484f !important;
    margin-bottom: 8px; }
  .store .store-address-large {
    font-size: 16px !important; }
  .store .store-address {
    font-size: 14px !important; }
  .store .customer-info-content,
  .store .invoice-content {
    width: 100% !important; }
  .store .invoice-header > div {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 26px !important;
    text-align: right !important;
    color: #38484f !important;
    margin-bottom: 8px;
    width: 100% !important; }
  .store .invoice-label {
    width: 60% !important;
    text-align: left !important;
    padding-right: 8px !important;
    font-size: 14px !important;
    display: inline-block !important;
    vertical-align: top !important; }
    .store .invoice-label span {
      float: right; }
  .store .invoice-label-large {
    width: 60% !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
    .store .invoice-label-large span {
      float: right; }
  .store .code-display {
    padding: 5px 0 !important;
    width: 100% !important; }
  .store .invoice-val {
    width: 40% !important;
    font-size: 14px !important;
    display: inline-block !important; }
    .store .invoice-val span {
      float: right; }
  .store .invoice-val-large {
    width: 40% !important;
    font-size: 16px !important;
    display: inline-block !important; }
    .store .invoice-val-large span {
      float: right; }
  .store .customer,
  .store .shipping-address {
    margin-top: 12px;
    font-size: 14px !important; }
    .store .customer .break-text,
    .store .shipping-address .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-large,
  .store .shipping-address-large {
    margin-top: 12px;
    font-size: 16px !important; }
    .store .customer-large .break-text,
    .store .shipping-address-large .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info {
    margin-top: 12px;
    font-size: 14px !important;
    width: 60% !important; }
    .store .customer-info .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info-large {
    margin-top: 12px;
    font-size: 16px !important;
    width: 60% !important; }
    .store .customer-info-large .break-text {
      overflow-wrap: break-word !important; }
  .store .customer-info-label {
    width: 30% !important;
    text-align: left !important;
    padding-right: 8px !important;
    font-size: 14px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .customer-info-label-large {
    width: 30% !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: top !important; }
  .store .customer-info-val {
    width: 70% !important;
    font-size: 14px !important;
    display: inline-block !important; }
  .store .customer-info-val-large {
    width: 70% !important;
    font-size: 16px !important;
    display: inline-block !important; }

.div2 {
  float: left;
  display: inline-block; }

.div3 {
  float: right;
  display: inline-block;
  padding: 5px; }

.heading td {
  background: #e5e5e5;
  padding: 7px 12px !important; }

.address,
.product {
  border-collapse: collapse; }

.address {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #cddddd;
  border-right: 1px solid #cddddd; }

.address th,
.address td {
  border-left: 1px solid #cddddd;
  border-bottom: 1px solid #cddddd;
  padding: 5px;
  vertical-align: text-bottom; }

.address td {
  width: 50%; }

.product {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px; }

.product td {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px;
  vertical-align: top !important;
  color: #38484f !important;
  font-size: 14px !important; }
  .product td .product-img img {
    height: 56px !important;
    width: 56px !important;
    border-radius: 2px; }

.product-large {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px; }

.product-large td {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px;
  vertical-align: top !important;
  color: #38484f !important;
  font-size: 16px !important; }
  .product-large td .product-img img {
    height: 80px !important;
    width: 56px !important;
    border-radius: 2px; }

.total-row {
  border-bottom: none !important; }

.total-val {
  font-size: 16px !important;
  font-weight: bold !important; }

.invoice-remark {
  width: 100% !important;
  height: fit-content !important;
  color: #38484f !important;
  padding: 4px !important;
  font-size: 14px !important;
  background-color: #f6f6f6;
  margin-bottom: 12px;
  word-break: break-word; }
  .invoice-remark.no-price {
    position: relative !important; }

.invoice-remark-large {
  width: 100% !important;
  height: fit-content !important;
  color: #38484f !important;
  padding: 4px !important;
  font-size: 16px !important;
  background-color: #f6f6f6;
  margin-bottom: 12px;
  word-break: break-word; }
  .invoice-remark-large.no-price {
    position: relative !important; }

.packing-note {
  color: #38484f !important;
  font-size: 14px !important;
  word-break: break-word;
  margin-bottom: 12px; }

.packing-note-large {
  color: #38484f !important;
  font-size: 16px !important;
  word-break: break-word;
  margin-bottom: 12px; }

.remarks-container {
  position: relative !important; }
  .remarks-container .term {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 14px !important; }
  .remarks-container .term-large {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important; }
  .remarks-container .term p {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 14px !important;
    word-break: break-word; }
  .remarks-container .term-large p {
    color: #38484f !important;
    padding: 0 !important;
    font-size: 16px !important;
    word-break: break-word; }

.signature-container {
  text-align: center !important;
  width: 40%;
  padding-top: 20px; }
  .signature-container .signature-section {
    height: 60px !important; }
  .signature-container .signature {
    font-size: 14px !important;
    border-top: 1px solid #707070 !important;
    padding-top: 5px !important; }
  .signature-container .signature-large {
    font-size: 16px !important;
    border-top: 1px solid #707070 !important;
    padding-top: 5px !important; }
  .signature-container .signature-data {
    padding: 0 !important;
    text-align: left !important;
    font-size: 14px !important; }
  .signature-container .signature-data-large {
    padding: 0 !important;
    text-align: left !important;
    font-size: 16px !important; }

.rct-page-content-sqlSyncLayout {
  max-width: none !important; }

@media (max-width: 1536px) {
  .rct-page-content-sqlSyncLayout-sale-invoice {
    width: fit-content;
    min-width: unset;
    overflow-x: auto; } }

.premium .rct-page .billingmain .un-row-product img {
  border-radius: 10px !important; }

@media (min-width: 1024px) {
  .billingmain {
    width: 900px !important;
    margin: 0 auto !important; } }

.billingmain .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .billingmain .header-buttons {
      min-width: 900px !important;
      max-width: 900px !important;
      margin: 0 auto; } }
  .billingmain .header-buttons .b-btn,
  .billingmain .header-buttons .b-btn:hover,
  .billingmain .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .billingmain .header-buttons .b-btn i,
    .billingmain .header-buttons .b-btn:hover i,
    .billingmain .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.customMarketplaceLayout {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .customMarketplaceLayout > a {
    width: 269px;
    padding: 10px; }
    @media (max-width: 480px) {
      .customMarketplaceLayout > a {
        width: 100% !important; } }
  .customMarketplaceLayout .ant-card {
    border-radius: 10px !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important; }
    .customMarketplaceLayout .ant-card img {
      height: 48px;
      width: 48px;
      border-radius: 10px !important;
      border: 1px solid #e5e5e5 !important; }
    .customMarketplaceLayout .ant-card .ant-card-body {
      padding: 20px !important; }
      .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item {
        padding: 0 !important; }
        .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-avatar {
          margin-right: 12px !important; }
  .customMarketplaceLayout .un-menu-eye-shopify {
    width: fit-content;
    width: -moz-fit-content;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 500;
    margin-left: auto;
    margin-right: 0; }
    .customMarketplaceLayout .un-menu-eye-shopify .un-feather-eye {
      color: #90999d !important;
      font-size: 16px !important; }
    .customMarketplaceLayout .un-menu-eye-shopify:hover .un-feather-eye {
      color: #0c2028 !important;
      font-size: 16px !important; }

.billing-dashboard .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .billing-dashboard .header-buttons .b-btn,
  .billing-dashboard .header-buttons .b-btn:hover,
  .billing-dashboard .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .billing-dashboard .header-buttons .b-btn i,
    .billing-dashboard .header-buttons .b-btn:hover i,
    .billing-dashboard .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .billing-dashboard .header-buttons .outline-btn,
  .billing-dashboard .header-buttons .outline-btn:focus,
  .billing-dashboard .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.billing-dashboard .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative;
  float: right;
  margin-right: 0; }
  .billing-dashboard .company-list-dropdown .selected-company {
    font-size: 14px !important; }

.billing-dashboard .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.billing-dashboard .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .billing-dashboard .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .billing-dashboard .back-button i {
    font-size: 20px !important; }

.billing-dashboard .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative;
  float: right;
  margin-right: 0; }
  .billing-dashboard .company-list-dropdown .selected-company {
    font-size: 14px !important; }

.billing-dropdown-container {
  width: 297px; }
  .billing-dropdown-container .caption {
    padding-left: 20px;
    margin-bottom: 0.5rem; }
  .billing-dropdown-container .plain-btn {
    margin-left: 20px;
    margin-top: 0.5rem; }
  .billing-dropdown-container .feather-settings {
    margin-right: 8px; }

.billing-layout .actions .feather-eye,
.billing-layout .actions .feather-edit-3 {
  font-size: 20px !important; }

.billing-layout .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.billing-layout .actions .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .billing-layout .actions .feather-trash-2:hover {
    color: #e0241a !important; }

.billing-layout .ant-skeleton {
  margin: 2rem; }

.billing-layout .ant-form-item-control-input {
  align-items: unset !important; }

.billing-layout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .billing-layout .header-buttons {
      min-width: calc(100% - 105px) !important;
      margin: 0 auto; } }
  .billing-layout .header-buttons .b-btn,
  .billing-layout .header-buttons .b-btn:hover,
  .billing-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .billing-layout .header-buttons .b-btn i,
    .billing-layout .header-buttons .b-btn:hover i,
    .billing-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .billing-layout .header-buttons .sql-btn-actions {
    position: relative !important; }
    .billing-layout .header-buttons .sql-btn-actions .ellipsis-btn {
      position: absolute !important;
      top: 0 !important;
      right: 320px !important; }

.billing-layout .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  margin-right: 0;
  position: relative; }
  .billing-layout .company-list-dropdown .selected-company {
    font-size: 14px !important; }

.billing-layout .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.billing-layout .channel-with-store-name img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-right: 8px; }

.billing-layout .billing-tabs {
  position: relative !important; }
  .billing-layout .billing-tabs .billing-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .billing-layout .billing-tabs .billing-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .billing-layout .billing-tabs .billing-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .billing-layout .billing-tabs .billing-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .billing-layout .billing-tabs .billing-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .billing-layout .billing-tabs .billing-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
      .billing-layout .billing-tabs .billing-card .ant-tabs-content .sqlsync-po-table.unicart-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
      .billing-layout .billing-tabs .billing-card .ant-tabs-content .sqlsync-po-table.unicart-table .ant-table-row-indent + .ant-table-row-expand-icon {
        display: none !important; }
      .billing-layout .billing-tabs .billing-card .ant-tabs-content .sqlsync-po-table.unicart-table .un-table-cell {
        margin-top: 0 !important; }

.billing-layout .sales-invoice .unicart-table,
.billing-layout .delivery-order .unicart-table {
  display: block; }
  .billing-layout .sales-invoice .unicart-table .ant-card,
  .billing-layout .delivery-order .unicart-table .ant-card {
    width: 100%; }
  .billing-layout .sales-invoice .unicart-table .set,
  .billing-layout .delivery-order .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .billing-layout .sales-invoice .unicart-table .err-msg,
  .billing-layout .delivery-order .unicart-table .err-msg {
    word-break: break-all; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-bar,
  .billing-layout .delivery-order .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-nav-wrap,
  .billing-layout .delivery-order .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-nav-scroll,
  .billing-layout .delivery-order .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab,
  .billing-layout .delivery-order .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-tab,
  .billing-layout .delivery-order .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .billing-layout .sales-invoice .unicart-table .ant-tabs-content,
  .billing-layout .delivery-order .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }

.billing-layout .sales-invoice .ant-pagination-options-size-changer,
.billing-layout .delivery-order .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .billing-layout .sales-invoice .ant-pagination.ant-pagination,
  .billing-layout .delivery-order .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.billing-layout .sales-invoice .hover-green,
.billing-layout .delivery-order .hover-green {
  cursor: pointer; }
  .billing-layout .sales-invoice .hover-green:hover,
  .billing-layout .delivery-order .hover-green:hover {
    color: #5acc5a !important; }

.billing-invoice-form {
  width: 100%; }
  @media (min-width: 1025px) {
    .billing-invoice-form {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .billing-invoice-form .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1025px) {
      .billing-invoice-form .header-buttons {
        min-width: 1006px !important;
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .billing-invoice-form .header-buttons {
        padding-right: 0 !important; } }
    .billing-invoice-form .header-buttons .b-btn,
    .billing-invoice-form .header-buttons .b-btn:hover,
    .billing-invoice-form .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .billing-invoice-form .header-buttons .b-btn i,
      .billing-invoice-form .header-buttons .b-btn:hover i,
      .billing-invoice-form .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .billing-invoice-form .un-box-flat {
    border-radius: 4px !important;
    padding: 24px !important; }
    .billing-invoice-form .un-box-flat .search-customer {
      position: relative;
      display: flex;
      width: 100% !important;
      margin-bottom: 4px; }
      @media (max-width: 1024px) {
        .billing-invoice-form .un-box-flat .search-customer {
          margin-bottom: 12px; } }
      .billing-invoice-form .un-box-flat .search-customer .ant-form-item {
        width: 100%; }
      .billing-invoice-form .un-box-flat .search-customer .ant-input[disabled] {
        color: #0c2028 !important;
        cursor: unset !important;
        background: none !important; }
      .billing-invoice-form .un-box-flat .search-customer .ant-input {
        height: 41px !important;
        border-radius: 4px 0 0 4px !important; }
      .billing-invoice-form .un-box-flat .search-customer .search-btn {
        width: 41px !important;
        height: 41px !important;
        box-shadow: none !important;
        border-radius: 0 4px 4px 0 !important;
        padding: 10px;
        border-left: none;
        background: #f6f6f6 !important; }
        .billing-invoice-form .un-box-flat .search-customer .search-btn i {
          font-size: 20px;
          color: #0c2028 !important; }
      .billing-invoice-form .un-box-flat .search-customer .ant-input-group-addon {
        padding: 0 !important;
        border: none !important; }
      .billing-invoice-form .un-box-flat .search-customer .ant-input-group-wrapper {
        top: 0px !important; }
    .billing-invoice-form .un-box-flat .product-form-label span {
      color: #0c2028 !important; }
      .billing-invoice-form .un-box-flat .product-form-label span.red {
        color: #e0241a !important; }
    .billing-invoice-form .un-box-flat .form-detail-label {
      display: flex;
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 70% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 16px !important; }
    .billing-invoice-form .un-box-flat .ant-picker {
      width: 100% !important; }
    .billing-invoice-form .un-box-flat .ant-form-item {
      padding-bottom: 0 !important;
      margin-bottom: 4px !important; }
    .billing-invoice-form .un-box-flat .address-form {
      width: 100% !important; }
    @media (max-width: 480px) {
      .billing-invoice-form .un-box-flat #general-customer-shipping {
        flex-direction: column-reverse !important; } }
    @media (min-width: 1024px) {
      .billing-invoice-form .un-box-flat .form-details {
        margin-left: 4px !important; } }
    .billing-invoice-form .un-box-flat .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #e5e5e5 !important; }
      .billing-invoice-form .un-box-flat .form-details .form-title-container.invoice {
        margin-bottom: 22px !important; }
      .billing-invoice-form .un-box-flat .form-details .form-title-container.customer-payment {
        margin-bottom: 12px !important; }
      .billing-invoice-form .un-box-flat .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
    @media (min-width: 1025px) {
      .billing-invoice-form .un-box-flat .form-details .form-detail-container {
        padding-right: 24px !important; } }
    .billing-invoice-form .un-box-flat .form-details .form-detail-container .form-detail-label {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 41% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 4px !important; }
    .billing-invoice-form .un-box-flat .form-details .form-detail-container .form-detail {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 178px !important;
      color: #0c2028 !important;
      border-bottom: 2px solid #e5e5e5 !important;
      margin-bottom: 4px !important; }
    .billing-invoice-form .un-box-flat .form-details .form-detail-container .form-detail-free {
      text-align: right !important;
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 178px !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 4px !important; }
    .billing-invoice-form .un-box-flat .form-details .form-detail-container .input_underline {
      border: none;
      border-bottom: 1px solid rgba(221, 221, 221, 0.5);
      border-radius: 0 !important; }
    .billing-invoice-form .un-box-flat .invoice-items-table {
      overflow-x: auto;
      margin-bottom: 8px; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table-content {
        overflow-x: auto; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table-tbody > tr > td {
        padding: 9px 12px !important; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table-tbody > tr:last-child > td {
        border-bottom: none !important; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table table {
        border: none !important;
        box-shadow: none !important; }
      .billing-invoice-form .un-box-flat .invoice-items-table table thead {
        background-color: #fafafb !important; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table-thead th {
        background: #fafafb 0% 0% no-repeat padding-box !important;
        font-size: 12px !important;
        color: #647176 !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        height: 30px !important; }
      .billing-invoice-form .un-box-flat .invoice-items-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
    .billing-invoice-form .un-box-flat .add-item-summary {
      width: 100%;
      display: flex; }
      @media (max-width: 480px) {
        .billing-invoice-form .un-box-flat .add-item-summary {
          display: block !important; } }
      .billing-invoice-form .un-box-flat .add-item-summary .row {
        margin-left: 0 !important;
        margin-right: 0 !important; }
      .billing-invoice-form .un-box-flat .add-item-summary .blue-capsule-btn {
        height: fit-content !important; }
        .billing-invoice-form .un-box-flat .add-item-summary .blue-capsule-btn.half {
          width: 100% !important;
          margin-bottom: 1rem !important; }
          @media (min-width: 1024px) {
            .billing-invoice-form .un-box-flat .add-item-summary .blue-capsule-btn.half {
              width: 50% !important;
              margin-bottom: 0 !important; } }
      .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary {
        width: 400px !important;
        min-width: 400px !important;
        margin-left: 20px !important;
        background: #fafafb 0% 0% no-repeat padding-box !important;
        padding: 20px; }
        @media (max-width: 480px) {
          .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary {
            width: 100% !important;
            min-width: 100% !important;
            margin-left: 0 !important;
            margin-top: 16px !important;
            padding: 10px; } }
        .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item {
          width: 100% !important;
          display: flex;
          align-items: center;
          margin-bottom: 8px !important; }
          .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item:last-child {
            margin-bottom: 0 !important; }
          .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-label {
            color: #0c2028;
            width: 50% !important; }
          .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value {
            width: 50% !important; }
            .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value .ant-form-item {
              margin-bottom: 0 !important; }
            .billing-invoice-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value .ant-input-number {
              width: 100% !important; }
    .billing-invoice-form .un-box-flat .invoice-payment-terms-table {
      overflow-x: auto;
      margin-bottom: 8px; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-content {
        overflow-x: auto; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-tbody > tr > td {
        padding: 9px 12px !important; }
        .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-tbody > tr > td .ant-input {
          min-width: 200px; }
        .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-tbody > tr > td .ant-input-number {
          width: 100%; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-tbody > tr:last-child > td {
        border-bottom: none !important; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table table {
        border: none !important;
        box-shadow: none !important; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table table thead {
        background-color: #fafafb !important; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-thead th {
        background: #fafafb 0% 0% no-repeat padding-box !important;
        font-size: 12px !important;
        color: #647176 !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        height: 30px !important; }
      .billing-invoice-form .un-box-flat .invoice-payment-terms-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
  .billing-invoice-form .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .billing-invoice-form .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    padding-left: 54px; }
  .billing-invoice-form .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px !important;
    width: 230px; }
    .billing-invoice-form .unicart-filter .search-form .ant-form .date-period-2 .label {
      display: none !important; }
    .billing-invoice-form .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }
  .billing-invoice-form .unicart-filter .search-form .un-filter-button {
    position: absolute !important;
    top: 0 !important;
    left: 235px !important; }

.billing-delivery-order-form {
  width: 100%; }
  @media (min-width: 1025px) {
    .billing-delivery-order-form {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .billing-delivery-order-form .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1025px) {
      .billing-delivery-order-form .header-buttons {
        min-width: 1006px !important;
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .billing-delivery-order-form .header-buttons {
        padding-right: 0 !important; } }
    .billing-delivery-order-form .header-buttons .b-btn,
    .billing-delivery-order-form .header-buttons .b-btn:hover,
    .billing-delivery-order-form .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .billing-delivery-order-form .header-buttons .b-btn i,
      .billing-delivery-order-form .header-buttons .b-btn:hover i,
      .billing-delivery-order-form .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .billing-delivery-order-form .un-box-flat {
    border-radius: 4px !important;
    padding: 24px !important; }
    .billing-delivery-order-form .un-box-flat .search-customer {
      position: relative;
      display: flex;
      width: 100% !important;
      margin-bottom: 4px; }
      @media (max-width: 1024px) {
        .billing-delivery-order-form .un-box-flat .search-customer {
          margin-bottom: 12px; } }
      .billing-delivery-order-form .un-box-flat .search-customer .ant-form-item {
        width: 100%; }
      .billing-delivery-order-form .un-box-flat .search-customer .ant-input[disabled] {
        color: #0c2028 !important;
        cursor: unset !important;
        background: none !important; }
      .billing-delivery-order-form .un-box-flat .search-customer .ant-input {
        height: 41px !important;
        border-radius: 4px 0 0 4px !important; }
      .billing-delivery-order-form .un-box-flat .search-customer .search-btn {
        width: 41px !important;
        height: 41px !important;
        box-shadow: none !important;
        border-radius: 0 4px 4px 0 !important;
        padding: 10px;
        border-left: none;
        background: #f6f6f6 !important; }
        .billing-delivery-order-form .un-box-flat .search-customer .search-btn i {
          font-size: 20px;
          color: #0c2028 !important; }
      .billing-delivery-order-form .un-box-flat .search-customer .ant-input-group-addon {
        padding: 0 !important;
        border: none !important; }
      .billing-delivery-order-form .un-box-flat .search-customer .ant-input-group-wrapper {
        top: 0px !important; }
    .billing-delivery-order-form .un-box-flat .product-form-label span {
      color: #0c2028 !important; }
      .billing-delivery-order-form .un-box-flat .product-form-label span.red {
        color: #e0241a !important; }
    .billing-delivery-order-form .un-box-flat .form-detail-label {
      display: flex;
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 70% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 16px !important; }
    .billing-delivery-order-form .un-box-flat .ant-picker {
      width: 100% !important; }
    .billing-delivery-order-form .un-box-flat .ant-form-item {
      padding-bottom: 0 !important;
      margin-bottom: 4px !important; }
    .billing-delivery-order-form .un-box-flat .address-form {
      width: 100% !important; }
    @media (max-width: 480px) {
      .billing-delivery-order-form .un-box-flat #general-customer-shipping {
        flex-direction: column-reverse !important; } }
    @media (min-width: 1024px) {
      .billing-delivery-order-form .un-box-flat .form-details {
        margin-left: 4px !important; } }
    .billing-delivery-order-form .un-box-flat .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #e5e5e5 !important; }
      .billing-delivery-order-form .un-box-flat .form-details .form-title-container.invoice {
        margin-bottom: 22px !important; }
      .billing-delivery-order-form .un-box-flat .form-details .form-title-container.customer-payment {
        margin-bottom: 12px !important; }
      .billing-delivery-order-form .un-box-flat .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
    @media (min-width: 1025px) {
      .billing-delivery-order-form .un-box-flat .form-details .form-detail-container {
        padding-right: 24px !important; } }
    .billing-delivery-order-form .un-box-flat .form-details .form-detail-container .form-detail-label {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 41% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 4px !important; }
    .billing-delivery-order-form .un-box-flat .form-details .form-detail-container .form-detail {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 178px !important;
      color: #0c2028 !important;
      border-bottom: 2px solid #e5e5e5 !important;
      margin-bottom: 4px !important; }
    .billing-delivery-order-form .un-box-flat .form-details .form-detail-container .form-detail-free {
      text-align: right !important;
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 178px !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 4px !important; }
    .billing-delivery-order-form .un-box-flat .form-details .form-detail-container .input_underline {
      border: none;
      border-bottom: 1px solid rgba(221, 221, 221, 0.5);
      border-radius: 0 !important; }
    .billing-delivery-order-form .un-box-flat .invoice-items-table {
      overflow-x: auto;
      margin-bottom: 8px; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table-content {
        overflow-x: auto; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table-tbody > tr > td {
        padding: 9px 12px !important; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table-tbody > tr:last-child > td {
        border-bottom: none !important; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table table {
        border: none !important;
        box-shadow: none !important; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table table thead {
        background-color: #fafafb !important; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table-thead th {
        background: #fafafb 0% 0% no-repeat padding-box !important;
        font-size: 12px !important;
        color: #647176 !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        height: 30px !important; }
      .billing-delivery-order-form .un-box-flat .invoice-items-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
    .billing-delivery-order-form .un-box-flat .add-item-summary {
      width: 100%;
      display: flex; }
      @media (max-width: 480px) {
        .billing-delivery-order-form .un-box-flat .add-item-summary {
          display: block !important; } }
      .billing-delivery-order-form .un-box-flat .add-item-summary .blue-capsule-btn {
        height: fit-content !important; }
      .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary {
        width: 400px !important;
        min-width: 400px !important;
        margin-left: 20px !important;
        background: #fafafb 0% 0% no-repeat padding-box !important;
        padding: 20px; }
        @media (max-width: 480px) {
          .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary {
            width: 100% !important;
            min-width: 100% !important;
            margin-left: 0 !important;
            margin-top: 16px !important;
            padding: 10px; } }
        .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item {
          width: 100% !important;
          display: flex;
          align-items: center;
          margin-bottom: 8px !important; }
          .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item:last-child {
            margin-bottom: 0 !important; }
          .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-label {
            color: #0c2028;
            width: 50% !important; }
          .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value {
            width: 50% !important; }
            .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value .ant-form-item {
              margin-bottom: 0 !important; }
            .billing-delivery-order-form .un-box-flat .add-item-summary .invoice-items-table-summary .summary-item .summary-item-value .ant-input-number {
              width: 100% !important; }
  .billing-delivery-order-form .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .billing-delivery-order-form .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    padding-left: 54px; }
  .billing-delivery-order-form .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px !important;
    width: 230px; }
    .billing-delivery-order-form .unicart-filter .search-form .ant-form .date-period-2 .label {
      display: none !important; }
    .billing-delivery-order-form .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }
  .billing-delivery-order-form .unicart-filter .search-form .un-filter-button {
    position: absolute !important;
    top: 0 !important;
    left: 235px !important; }

.billing-payment-form .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .billing-payment-form .header-buttons {
      min-width: 816px !important;
      max-width: 1344px !important;
      margin: 0 auto; } }
  .billing-payment-form .header-buttons .b-btn,
  .billing-payment-form .header-buttons .b-btn:hover,
  .billing-payment-form .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .billing-payment-form .header-buttons .b-btn i,
    .billing-payment-form .header-buttons .b-btn:hover i,
    .billing-payment-form .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.billing-payment-form .un-box-flat {
  border-radius: 4px !important;
  padding: 24px !important; }
  .billing-payment-form .un-box-flat .search-customer {
    position: relative;
    display: flex;
    width: 100% !important;
    margin-bottom: 4px; }
    @media (max-width: 1024px) {
      .billing-payment-form .un-box-flat .search-customer {
        margin-bottom: 12px; } }
    .billing-payment-form .un-box-flat .search-customer .ant-form-item {
      width: 100%; }
    .billing-payment-form .un-box-flat .search-customer .ant-input[disabled] {
      color: #0c2028 !important;
      cursor: unset !important;
      background: none !important; }
    .billing-payment-form .un-box-flat .search-customer .ant-input {
      height: 41px !important;
      border-radius: 4px 0 0 4px !important; }
    .billing-payment-form .un-box-flat .search-customer .search-btn {
      width: 41px !important;
      height: 41px !important;
      box-shadow: none !important;
      border-radius: 0 4px 4px 0 !important;
      padding: 10px;
      border-left: none;
      background: #f6f6f6 !important; }
      .billing-payment-form .un-box-flat .search-customer .search-btn i {
        font-size: 20px;
        color: #0c2028 !important; }
    .billing-payment-form .un-box-flat .search-customer .ant-input-group-addon {
      padding: 0 !important;
      border: none !important; }
    .billing-payment-form .un-box-flat .search-customer .ant-input-group-wrapper {
      top: 0px !important; }
  .billing-payment-form .un-box-flat .product-form-label span {
    color: #0c2028 !important; }
    .billing-payment-form .un-box-flat .product-form-label span.red {
      color: #e0241a !important; }
  .billing-payment-form .un-box-flat .form-detail-label {
    display: flex;
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 70% !important;
    color: #0c2028 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 16px !important; }
  .billing-payment-form .un-box-flat .ant-picker {
    width: 100% !important; }
  .billing-payment-form .un-box-flat .ant-form-item {
    padding-bottom: 0 !important;
    margin-bottom: 4px !important; }
  .billing-payment-form .un-box-flat .address-form {
    width: 100% !important; }
  @media (max-width: 480px) {
    .billing-payment-form .un-box-flat #general-customer-shipping {
      flex-direction: column-reverse !important; } }
  @media (min-width: 1024px) {
    .billing-payment-form .un-box-flat .form-details {
      margin-left: 4px !important; } }
  .billing-payment-form .un-box-flat .form-details .form-title-container {
    width: 100% !important;
    height: fit-content !important;
    line-height: 24px !important;
    font-size: 20px !important;
    color: #0c2028 !important;
    text-align: right;
    border-bottom: 4px solid #e5e5e5 !important; }
    .billing-payment-form .un-box-flat .form-details .form-title-container.invoice {
      margin-bottom: 22px !important; }
    .billing-payment-form .un-box-flat .form-details .form-title-container.customer-payment {
      margin-bottom: 12px !important; }
    .billing-payment-form .un-box-flat .form-details .form-title-container .form-title {
      padding-right: 24px !important;
      padding-bottom: 6px !important; }
  @media (min-width: 1025px) {
    .billing-payment-form .un-box-flat .form-details .form-detail-container {
      padding-right: 24px !important; } }
  .billing-payment-form .un-box-flat .form-details .form-detail-container .form-detail-label {
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 41% !important;
    color: #0c2028 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 4px !important; }
  .billing-payment-form .un-box-flat .form-details .form-detail-container .form-detail {
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 178px !important;
    color: #0c2028 !important;
    border-bottom: 2px solid #e5e5e5 !important;
    margin-bottom: 4px !important; }
  .billing-payment-form .un-box-flat .form-details .form-detail-container .form-detail-free {
    text-align: right !important;
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 17px !important;
    width: 178px !important;
    color: #0c2028 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 4px !important; }
  .billing-payment-form .un-box-flat .form-details .form-detail-container .input_underline {
    border: none;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 0 !important; }
  .billing-payment-form .un-box-flat .payment-method-table,
  .billing-payment-form .un-box-flat .payment-transaction-table {
    overflow-x: auto;
    margin-bottom: 8px; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table-content,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-content {
      overflow-x: auto; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table-tbody > tr > td,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-tbody > tr > td {
      padding: 9px 12px !important; }
      .billing-payment-form .un-box-flat .payment-method-table .ant-table-tbody > tr > td .ant-select,
      .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-tbody > tr > td .ant-select {
        min-width: 200px; }
      .billing-payment-form .un-box-flat .payment-method-table .ant-table-tbody > tr > td .ant-input-number,
      .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-tbody > tr > td .ant-input-number {
        width: 100%; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table-tbody > tr:last-child > td,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-tbody > tr:last-child > td {
      border-bottom: none !important; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table table,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .billing-payment-form .un-box-flat .payment-method-table table thead,
    .billing-payment-form .un-box-flat .payment-transaction-table table thead {
      background-color: #fafafb !important; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table-thead th,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important;
      height: 30px !important; }
    .billing-payment-form .un-box-flat .payment-method-table .ant-table-thead > tr > th,
    .billing-payment-form .un-box-flat .payment-transaction-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
  .billing-payment-form .un-box-flat .add-item-summary {
    width: 100%;
    display: flex; }
    @media (max-width: 480px) {
      .billing-payment-form .un-box-flat .add-item-summary {
        display: block !important; } }
    .billing-payment-form .un-box-flat .add-item-summary .blue-capsule-btn {
      height: fit-content !important; }
    .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary {
      width: 400px !important;
      min-width: 400px !important;
      margin-left: 20px !important;
      background: #fafafb 0% 0% no-repeat padding-box !important;
      padding: 20px; }
      @media (max-width: 480px) {
        .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary {
          width: 100% !important;
          min-width: 100% !important;
          margin-left: 0 !important;
          margin-top: 16px !important;
          padding: 10px; } }
      .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item {
        width: 100% !important;
        display: flex;
        align-items: center;
        margin-bottom: 8px !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item:last-child {
          margin-bottom: 0 !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item .summary-item-label {
          color: #0c2028;
          width: 50% !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item .summary-item-value {
          width: 50% !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item .summary-item-value .ant-form-item {
            margin-bottom: 0 !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item .summary-item-value .ant-input-number-input {
            text-align: right !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-method-table-summary .summary-item .summary-item-value .ant-input-number {
            width: 100% !important; }
    .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary {
      width: 400px !important;
      min-width: 400px !important;
      margin-left: 20px !important;
      background: #fafafb 0% 0% no-repeat padding-box !important;
      padding: 20px; }
      @media (max-width: 480px) {
        .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary {
          width: 100% !important;
          min-width: 100% !important;
          margin-left: 0 !important;
          margin-top: 16px !important;
          padding: 10px; } }
      .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item {
        width: 100% !important;
        display: flex;
        align-items: center;
        margin-bottom: 8px !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item:last-child {
          margin-bottom: 0 !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item .summary-item-label {
          color: #0c2028;
          width: 50% !important; }
        .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item .summary-item-value {
          width: 50% !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item .summary-item-value .ant-form-item {
            margin-bottom: 0 !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item .summary-item-value .ant-input-number-input {
            text-align: right !important; }
          .billing-payment-form .un-box-flat .add-item-summary .payment-transaction-table-summary .summary-item .summary-item-value .ant-input-number {
            width: 100% !important; }

.billing-payment-form .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.billing-payment-form .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  padding-left: 54px; }

.billing-payment-form .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px !important;
  width: 230px; }
  .billing-payment-form .unicart-filter .search-form .ant-form .date-period-2 .label {
    display: none !important; }
  .billing-payment-form .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.billing-payment-form .unicart-filter .search-form .un-filter-button {
  position: absolute !important;
  top: 0 !important;
  left: 235px !important; }

@media (min-width: 1024px) {
  .searchCustomerModal {
    width: 601px !important; } }

.searchCustomerModal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .searchCustomerModal .ant-modal-body {
      width: 601px !important;
      height: 420px !important;
      padding-bottom: 0 !important; } }

.searchCustomerModal .ant-modal-content {
  border-radius: 12px !important; }

.searchCustomerModal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.searchCustomerModal .unicart-filter {
  margin-top: 0 !important; }
  .searchCustomerModal .unicart-filter .product-form-label {
    margin-bottom: 4px !important; }
  .searchCustomerModal .unicart-filter .ant-select {
    width: 100% !important;
    margin-right: 16px !important; }
  .searchCustomerModal .unicart-filter .ant-input-affix-wrapper {
    border-radius: 4px !important;
    height: 41px !important; }
  .searchCustomerModal .unicart-filter span.anticon {
    width: 40px !important;
    color: #0c2028; }
  .searchCustomerModal .unicart-filter .ant-input-suffix {
    font-size: 20px; }
  .searchCustomerModal .unicart-filter .ant-select-clear {
    display: none !important; }

.searchCustomerModal .customer-table table tbody tr td {
  vertical-align: top !important; }

.searchCustomerModal .customer-table .ant-list-item {
  padding: 0 !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-avatar {
  width: 56px; }

.searchCustomerModal .customer-table .ant-list-item-meta {
  padding-top: 1px !important; }

.searchCustomerModal .customer-table .ant-list-item-meta-description {
  padding-left: 0; }

.searchCustomerModal .customer-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.searchCustomerModal .customer-table .ant-table-tbody > tr td {
  padding: 12px 12px !important; }

.searchCustomerModal .customer-table .ant-table-tbody > tr.ant-table-measure-row > td {
  padding: 0 !important; }

.searchCustomerModal .customer-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.searchCustomerModal .customer-table table thead {
  background-color: #fafafb !important; }

.searchCustomerModal .customer-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.searchCustomerModal .customer-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.searchCustomerModal .row {
  align-items: baseline !important; }

.searchCustomerModal .un-page-with-steps .ant-legacy-form {
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-page-with-steps .ant-legacy-form {
      width: 622px !important; } }

.searchCustomerModal .un-box-flat {
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 32px;
  box-shadow: none !important;
  width: 100%; }
  @media (min-width: 1024px) {
    .searchCustomerModal .un-box-flat {
      width: 553px !important; } }
  .searchCustomerModal .un-box-flat .pl-10 {
    padding-left: 12px !important; }

.searchCustomerModal .un-title-light {
  display: none !important; }

.searchCustomerModal .close-btn {
  text-align: left !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .title {
  text-align: center !important;
  margin-bottom: auto !important;
  margin-top: auto !important; }

.searchCustomerModal .plain-btn {
  margin: auto 0 auto auto !important; }

.searchCustomerModal .upload-placeholder {
  height: 115px !important; }

.searchCustomerModal .hvrbox {
  width: 115px !important;
  height: 115px !important; }

.searchCustomerModal .ant-upload:hover {
  border-color: #007ce0 !important; }

.searchCustomerModal .ant-upload-drag-icon img {
  object-fit: contain !important; }

.selectProductModal {
  width: 750px !important; }
  .selectProductModal .ant-modal-header {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    padding: 12px 24px !important; }
  .selectProductModal .ant-modal-title {
    color: #0c2028 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center !important; }
  .selectProductModal .ant-modal-close,
  .selectProductModal .ant-modal-close:hover {
    top: -4px !important;
    left: 0 !important;
    color: #0c2028 !important; }
  .selectProductModal .ant-modal-body {
    max-height: unset;
    height: calc(100vh - 148px) !important;
    padding: 20px 20px 0 !important; }
    .selectProductModal .ant-modal-body .modal-filter .search-form {
      position: absolute !important;
      z-index: 1002 !important;
      width: 369px; }
      .selectProductModal .ant-modal-body .modal-filter .search-form .un-filter-value {
        width: 226px !important; }
        @media (max-width: 425px) {
          .selectProductModal .ant-modal-body .modal-filter .search-form .un-filter-value {
            width: 100% !important; } }
    .selectProductModal .ant-modal-body .item-table table tbody tr td {
      vertical-align: top !important; }
    .selectProductModal .ant-modal-body .item-table .ant-list-item {
      padding: 0 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-list-item-meta {
      padding-top: 1px !important; }
    .selectProductModal .ant-modal-body .item-table .ant-list-item-meta-description {
      padding-left: 0; }
    .selectProductModal .ant-modal-body .item-table .ant-checkbox-wrapper {
      margin-left: unset !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table-tbody > tr td {
      padding: 12px 12px !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table-tbody > tr.ant-table-measure-row > td {
      padding: 0 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .selectProductModal .ant-modal-body .item-table table thead {
      background-color: #fafafb !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table-thead th {
      background: #fafafb 0% 0% no-repeat padding-box !important;
      font-size: 12px !important;
      color: #647176 !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .selectProductModal .ant-modal-body .item-table .desc {
      line-height: 15px !important; }
    .selectProductModal .ant-modal-body .item-table .un-light-label-text {
      color: #647176 !important;
      font-size: 12px !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination {
      margin: 12px 0 28px; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination-total-text {
      display: none !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination-item-link {
      color: #0c2028 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination-item a {
      color: #0c2028 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination-item-active {
      border: 1px solid #d9d9d9 !important; }
      .selectProductModal .ant-modal-body .item-table .ant-pagination-item-active a {
        color: #007ce0 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-prev {
      border: 1px solid #d9d9d9;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
      border: 1px solid #d9d9d9; }
    .selectProductModal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-options {
      margin-left: 16px; }
      .selectProductModal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
        color: #0c2028 !important; }
    .selectProductModal .ant-modal-body .item-table .ant-table-pagination.ant-pagination {
      color: #0c2028 !important;
      font-weight: normal !important; }
  .selectProductModal .ant-modal-footer {
    padding: 12px 24px !important;
    height: 59px !important; }
    .selectProductModal .ant-modal-footer .selected-container {
      width: -webkit-fill-available;
      width: fill-available;
      width: -moz-available;
      height: 81px;
      display: inline-flex;
      text-align: left !important;
      margin-bottom: 12px !important;
      overflow-x: auto; }
      .selectProductModal .ant-modal-footer .selected-container .un-row-product img {
        height: 56px !important;
        width: 56px !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 6px !important;
        margin-left: 0 !important;
        margin-top: 8px !important; }
      .selectProductModal .ant-modal-footer .selected-container .selected-img {
        position: relative;
        margin-right: 16px; }
        .selectProductModal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
          background-color: #0c2028 !important;
          border-radius: 50%;
          padding: 4px;
          width: 28px;
          content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
          vertical-align: -0.125em;
          position: absolute;
          top: 1px;
          right: -4px;
          opacity: 0.65; }

@media (min-width: 1024px) {
  .billing-template {
    width: 644px !important;
    margin: 0 auto !important; } }

.billing-template .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .billing-template .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .billing-template .header-buttons .b-btn,
  .billing-template .header-buttons .b-btn:hover,
  .billing-template .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .billing-template .header-buttons .b-btn i,
    .billing-template .header-buttons .b-btn:hover i,
    .billing-template .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .billing-template .header-buttons .outline-btn,
  .billing-template .header-buttons .outline-btn:focus,
  .billing-template .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

.billing-template .back-button {
  top: 2px;
  background: none !important;
  box-shadow: none !important;
  color: #0c2028 !important;
  padding: 0 !important;
  margin-right: 8px !important; }
  .billing-template .back-button:hover {
    background: none !important;
    color: #0c2028 !important; }
  .billing-template .back-button i {
    font-size: 20px !important; }

.billing-template .company-table {
  margin-bottom: 20px; }
  .billing-template .company-table .icon-delete {
    border: none;
    box-shadow: none;
    background: transparent; }
  .billing-template .company-table .ant-table-content {
    overflow-x: hidden !important; }
  .billing-template .company-table .ant-table-title {
    padding: 0 !important;
    z-index: 1001 !important;
    width: calc(100% - 80px) !important;
    margin-top: 2px !important;
    margin-left: 70px !important;
    background: #fafafb !important; }
  .billing-template .company-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .billing-template .company-table table thead {
    background-color: #fafafb !important; }
  .billing-template .company-table .ant-table-body {
    overflow-y: auto !important; }
  .billing-template .company-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .billing-template .company-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .billing-template .company-table .ant-table-tbody > tr > td {
    padding: 4px 12px !important; }
  .billing-template .company-table .un-text-truncate {
    font-weight: bold !important; }
  .billing-template .company-table .un-light-label {
    font-size: 14px !important;
    color: #0c2028 !important; }
  .billing-template .company-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 20px !important;
    width: max-content !important;
    float: right !important; }
  .billing-template .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .billing-template .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    font-size: 14px; }
  .billing-template .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 14px; }
  .billing-template .company-table .ant-table-footer {
    display: none !important; }

.billing-template .un-form-setting .ant-form-item {
  margin-bottom: 0px !important; }

.biling-template-form .invoice-container {
  height: fit-content !important;
  min-height: 800px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background-color: #ffffff !important;
  border: 1px solid #707070 !important;
  padding: 17px 18px !important;
  color: #38484f !important; }
  .biling-template-form .invoice-container .d-inline-flex {
    width: 100% !important; }
  .biling-template-form .invoice-container.text-size-large {
    font-size: 10px !important; }
    .biling-template-form .invoice-container.text-size-large .invoice-table .ant-table-tbody > tr > td {
      font-size: 10px !important; }
    .biling-template-form .invoice-container.text-size-large .invoice-table .ant-table-tbody > tr:nth-child(6) > td {
      border-bottom: none !important;
      font-size: 10px !important;
      font-weight: bold !important; }
    .biling-template-form .invoice-container.text-size-large .invoice-table .ant-table-thead th {
      background: #e5e5e5 !important;
      font-size: 10px !important;
      color: #38484f !important;
      padding: 4px !important; }
    .biling-template-form .invoice-container.text-size-large .invoice-table .ant-list-item-meta-title {
      font-size: 10px !important;
      color: #38484f !important;
      margin-bottom: 0 !important; }
    .biling-template-form .invoice-container.text-size-large .logo-container {
      display: inline-block !important;
      vertical-align: top !important;
      margin-right: 10px !important;
      margin-bottom: 10px !important; }
      .biling-template-form .invoice-container.text-size-large .logo-container img {
        object-fit: contain !important;
        width: 100%; }
  .biling-template-form .invoice-container .logo-container {
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important; }
    .biling-template-form .invoice-container .logo-container img {
      object-fit: contain !important;
      width: 100%; }
  .biling-template-form .invoice-container .stores {
    width: 60% !important;
    text-align: left !important;
    margin-bottom: 0 !important; }
    .biling-template-form .invoice-container .stores .store-details {
      display: inline-block !important;
      width: 60% !important; }
    .biling-template-form .invoice-container .stores .store-name {
      font-size: 10px !important;
      font-weight: bold !important;
      line-height: 14px !important;
      margin-bottom: 4px !important; }
    .biling-template-form .invoice-container .stores .store-name-large {
      font-size: 12px !important;
      font-weight: bold !important;
      line-height: 14px !important;
      margin-bottom: 4px !important; }
    .biling-template-form .invoice-container .stores .store-address {
      font-size: 8px !important;
      line-height: 12px !important;
      word-wrap: break-word; }
    .biling-template-form .invoice-container .stores .store-address-large {
      font-size: 10px !important;
      line-height: 14px !important;
      word-wrap: break-word; }
  .biling-template-form .invoice-container .invoice-details {
    width: 40% !important;
    font-size: 8px !important;
    line-height: 12px !important; }
    .biling-template-form .invoice-container .invoice-details .invoice-header {
      text-align: right !important;
      font-size: 14px !important;
      font-weight: bold !important;
      line-height: 18px !important;
      margin-bottom: 5px !important; }
    .biling-template-form .invoice-container .invoice-details .invoice-label {
      text-align: left !important;
      padding-right: 4px !important; }
    .biling-template-form .invoice-container .invoice-details .code-display {
      margin: 5px 0 !important; }
      .biling-template-form .invoice-container .invoice-details .code-display > div {
        overflow: hidden !important; }
  .biling-template-form .invoice-container .invoice-details-large {
    width: 40% !important;
    font-size: 10px !important;
    line-height: 14px !important; }
    .biling-template-form .invoice-container .invoice-details-large .invoice-header {
      text-align: right !important;
      font-size: 14px !important;
      font-weight: bold !important;
      line-height: 18px !important;
      margin-bottom: 5px !important; }
    .biling-template-form .invoice-container .invoice-details-large .invoice-label {
      text-align: left !important;
      padding-right: 4px !important; }
    .biling-template-form .invoice-container .invoice-details-large .code-display {
      margin: 5px 0 !important; }
      .biling-template-form .invoice-container .invoice-details-large .code-display > div {
        overflow: hidden !important; }
  .biling-template-form .invoice-container .customer,
  .biling-template-form .invoice-container .shipping-address {
    margin-top: 12px;
    width: 50% !important;
    font-size: 8px !important;
    line-height: 12px !important; }
  .biling-template-form .invoice-container .customer-large,
  .biling-template-form .invoice-container .shipping-address-large {
    margin-top: 12px;
    width: 50% !important;
    font-size: 10px !important;
    line-height: 14px !important; }
  .biling-template-form .invoice-container .tracking {
    width: 40% !important;
    font-size: 8px !important;
    line-height: 12px !important; }
    .biling-template-form .invoice-container .tracking .code-display {
      margin: 5px 0 !important; }
      .biling-template-form .invoice-container .tracking .code-display > div {
        overflow: hidden !important; }
  .biling-template-form .invoice-container .tracking-large {
    width: 40% !important;
    font-size: 10px !important;
    line-height: 14px !important;
    margin-top: 2px !important; }
    .biling-template-form .invoice-container .tracking-large .code-display {
      margin: 5px 0 !important; }
      .biling-template-form .invoice-container .tracking-large .code-display > div {
        overflow: hidden !important; }
  .biling-template-form .invoice-container .invoice-table {
    margin-top: 14px !important;
    margin-bottom: 16px !important;
    overflow-x: unset !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr > td {
      padding: 4px !important;
      font-size: 8px !important;
      line-height: 12px !important;
      color: #38484f !important;
      vertical-align: top !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(3) > td:first-child,
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(3) > td:nth-child(2) {
      border-bottom: none !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(4) > td {
      border-bottom: none !important;
      font-size: 10px !important;
      font-weight: bold !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(5) > td,
    .biling-template-form .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(6) > td {
      border-bottom: none !important; }
    .biling-template-form .invoice-container .invoice-table.payment .ant-table-tbody > tr:nth-child(3) > td {
      border-bottom: none !important;
      font-size: 10px !important;
      font-weight: bold !important; }
    .biling-template-form .invoice-container .invoice-table.payment .ant-table-tbody > tr:nth-child(4) > td:nth-child(3),
    .biling-template-form .invoice-container .invoice-table.payment .ant-table-tbody > tr:nth-child(4) > td:nth-child(4) {
      border-top: 1px solid #f0f0f0 !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-thead th {
      background: #e5e5e5 !important;
      font-size: 8px !important;
      color: #38484f !important;
      padding: 4px !important; }
    .biling-template-form .invoice-container .invoice-table .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .biling-template-form .invoice-container .invoice-table .ant-list-item {
      padding: 0 !important; }
    .biling-template-form .invoice-container .invoice-table .ant-list-item-meta-avatar {
      margin-right: 4px !important; }
    .biling-template-form .invoice-container .invoice-table .ant-list-item-meta-title {
      font-size: 10px !important;
      color: #38484f !important;
      margin-bottom: 0 !important; }
    .biling-template-form .invoice-container .invoice-table .un-row-product img {
      height: 24px !important;
      width: 24px !important;
      border-radius: 2px; }
  .biling-template-form .invoice-container .invoice-table-kit {
    margin-top: 14px !important;
    margin-bottom: 16px !important;
    overflow-x: unset !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr > td {
      padding: 4px !important;
      font-size: 8px !important;
      line-height: 12px !important;
      color: #38484f !important;
      vertical-align: top !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(6) > td {
      border-bottom: none !important;
      padding-bottom: 0 !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(7) > td:first-child,
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(7) > td:nth-child(2) {
      border-bottom: none !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(8) > td {
      border-bottom: none !important;
      font-size: 10px !important;
      font-weight: bold !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(9) > td {
      border-bottom: none !important;
      padding-bottom: 0 !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table table {
      border: none !important;
      box-shadow: none !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-thead th {
      background: #e5e5e5 !important;
      font-size: 8px !important;
      color: #38484f !important;
      padding: 4px !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-table-thead > tr > th {
      border-bottom: none !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-list-item {
      padding: 0 !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-list-item-meta-avatar {
      margin-right: 4px !important; }
    .biling-template-form .invoice-container .invoice-table-kit .ant-list-item-meta-title {
      font-size: 10px !important;
      color: #38484f !important;
      margin-bottom: 0 !important; }
    .biling-template-form .invoice-container .invoice-table-kit .un-row-product img {
      height: 24px !important;
      width: 24px !important;
      border-radius: 2px; }
  .biling-template-form .invoice-container .remarks-container {
    font-size: 8px !important; }
    .biling-template-form .invoice-container .remarks-container .packing-note {
      font-size: 8px !important;
      margin-bottom: 10px !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container .invoice-remark {
      width: calc(100% - 20px) !important;
      background-color: #fafafb !important;
      font-size: 8px !important;
      color: #38484f !important;
      padding: 4px !important;
      margin-left: 10px !important;
      margin-bottom: 10px !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container .term {
      font-size: 8px !important;
      color: #38484f !important;
      padding: 0 !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container .term1 p {
      font-size: 8px !important;
      color: #38484f !important;
      padding: 0 !important;
      word-break: break-word; }
  .biling-template-form .invoice-container .remarks-container-large {
    position: relative !important;
    font-size: 10px !important; }
    .biling-template-form .invoice-container .remarks-container-large .packing-note {
      margin-bottom: 10px !important;
      font-size: 10px !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container-large .invoice-remark {
      width: calc(100% - 20px) !important;
      background-color: #fafafb !important;
      font-size: 10px !important;
      color: #38484f !important;
      padding: 4px !important;
      margin-left: 10px !important;
      margin-bottom: 10px !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container-large .term {
      font-size: 10px !important;
      color: #38484f !important;
      padding: 0 !important;
      word-break: break-word; }
    .biling-template-form .invoice-container .remarks-container-large .term1 p {
      font-size: 10px !important;
      color: #38484f !important;
      padding: 0 !important;
      word-break: break-word; }
  .biling-template-form .invoice-container .qsr-container {
    padding: 10px 0px;
    text-align: left;
    font-size: 8px !important; }
    .biling-template-form .invoice-container .qsr-container .qr-code {
      margin: 5px 0px; }
  .biling-template-form .invoice-container .signature-container {
    text-align: center !important;
    width: 100%; }
    .biling-template-form .invoice-container .signature-container .signature-section {
      height: 40px !important; }
    .biling-template-form .invoice-container .signature-container .signature {
      font-size: 8px !important;
      border-top: 1px solid #707070 !important; }
    .biling-template-form .invoice-container .signature-container .signature-large {
      font-size: 10px !important;
      border-top: 1px solid #707070 !important; }
    .biling-template-form .invoice-container .signature-container .signature-data {
      font-size: 8px !important;
      text-align: left !important; }
    .biling-template-form .invoice-container .signature-container .signature-data-large {
      font-size: 10px !important;
      text-align: left !important; }

.biling-template-form .un-box-flat.invoice-details {
  border-radius: 4px !important;
  font-size: 14px !important;
  margin-bottom: 0 !important; }
  .biling-template-form .un-box-flat.invoice-details .body.set-light {
    margin-bottom: 12px !important; }
  .biling-template-form .un-box-flat.invoice-details .ant-form-item {
    margin-bottom: 0 !important; }
  .biling-template-form .un-box-flat.invoice-details .ant-checkbox + span {
    color: #0c2028 !important; }
  .biling-template-form .un-box-flat.invoice-details .ant-select {
    margin-bottom: 12px !important;
    color: #0c2028 !important; }
  .biling-template-form .un-box-flat.invoice-details .ant-divider {
    margin-top: 14px !important;
    margin-bottom: 18px !important; }
  .biling-template-form .un-box-flat.invoice-details .ant-upload.ant-upload-select-picture-card {
    width: 115px !important;
    height: 115px !important;
    border: 1px dashed #007ce0 !important; }
  .biling-template-form .un-box-flat.invoice-details .hvrbox {
    height: 115px !important;
    width: 115px !important; }
    .biling-template-form .un-box-flat.invoice-details .hvrbox img {
      object-fit: contain; }
  .biling-template-form .un-box-flat.invoice-details .qr-code-size-input-number,
  .biling-template-form .un-box-flat.invoice-details .barcode-size-input-number {
    width: 100%;
    display: inline-flex !important; }
    .biling-template-form .un-box-flat.invoice-details .qr-code-size-input-number .ant-input-number,
    .biling-template-form .un-box-flat.invoice-details .barcode-size-input-number .ant-input-number {
      width: 100%;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }

.billing-template .company-list-dropdown,
.billing-payment-form .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 250px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .billing-template .company-list-dropdown .selected-company,
  .billing-payment-form .company-list-dropdown .selected-company {
    font-size: 14px !important; }

.billing-template .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.billing-payment-form .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.table-align-top td {
  vertical-align: top !important; }

.hidden-input,
.hidden-input > input.ant-input {
  border: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  line-height: 20px !important;
  height: 20px !important;
  padding: 0 !important; }

.order-removed {
  text-decoration: line-through;
  color: #90999d !important; }

.customOrderModal .ant-modal-body {
  width: 100%;
  overflow: hidden auto; }
  @media (min-width: 1024px) {
    .customOrderModal .ant-modal-body {
      height: 420px !important;
      padding-bottom: 0 !important; } }

.customOrderModal .ant-modal-content {
  border-radius: 12px !important; }

.customOrderModal .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.customOrderModal .unicart-filter {
  margin-top: 0 !important;
  padding: 0 !important; }

.customOrderModal .customer-table table tbody tr td {
  vertical-align: top !important; }

.customOrderModal .customer-table .ant-list-item {
  padding: 0 !important; }

.customOrderModal .customer-table .ant-list-item-meta-avatar {
  width: 56px; }

.customOrderModal .customer-table .ant-list-item-meta {
  padding-top: 1px !important; }

.customOrderModal .customer-table .ant-list-item-meta-description {
  padding-left: 0; }

.customOrderModal .customer-table .ant-checkbox-wrapper {
  margin-left: unset !important; }

.customOrderModal .customer-table .ant-table-tbody > tr td {
  padding: 12px 12px !important; }
  .customOrderModal .customer-table .ant-table-tbody > tr td .status-tag {
    white-space: nowrap !important; }

.customOrderModal .customer-table .ant-table-tbody > tr.ant-table-measure-row > td {
  padding: 0 !important; }

.customOrderModal .customer-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.customOrderModal .customer-table table thead {
  background-color: #fafafb !important; }

.customOrderModal .customer-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.customOrderModal .customer-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.customOrderModal .channel-with-store-name img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-right: 8px; }

.company-profile-modal .ant-upload.ant-upload-select-picture-card {
  height: 104px !important;
  width: 104px !important;
  margin: 0 0 10px 0 !important; }

.billing-item-modal .plain-btn i {
  color: #90999d !important;
  font-size: 16px !important;
  line-height: 1.5715 !important; }

.billing-item-modal .plain-btn span {
  color: #0c2028 !important; }

@media (min-width: 1024px) {
  .track-tw-div {
    width: 644px !important;
    margin: 0 auto !important; } }

.track-tw-div .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .track-tw-div .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .track-tw-div .header-buttons .b-btn,
  .track-tw-div .header-buttons .b-btn:hover,
  .track-tw-div .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .track-tw-div .header-buttons .b-btn i,
    .track-tw-div .header-buttons .b-btn:hover i,
    .track-tw-div .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.track-tw-div .status-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .track-tw-div .status-layout .status-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.courier-tracking .unicart-table .ant-table-header table {
  visibility: unset !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }
  .courier-tracking .unicart-table .ant-table-header table .ant-table-thead > tr > th:first-child {
    width: 250px;
    min-width: 250px; }
  @media (max-width: 425px) {
    .courier-tracking .unicart-table .ant-table-header table .ant-table-thead > tr > th {
      width: 300px;
      min-width: 300px; } }

.courier-tracking .unicart-table .ant-table-body {
  border-right: 1px solid #e5e5e5; }
  @media (max-width: 425px) {
    .courier-tracking .unicart-table .ant-table-body table .ant-table-tbody > tr > td {
      width: 300px;
      min-width: 300px; } }

.courier-tracking .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.courier-tracking .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.courier-tracking .unicart-table .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.courier-tracking .unicart-table .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.courier-tracking .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .courier-tracking .header-buttons .b-btn,
  .courier-tracking .header-buttons .b-btn:hover,
  .courier-tracking .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .courier-tracking .header-buttons .b-btn i,
    .courier-tracking .header-buttons .b-btn:hover i,
    .courier-tracking .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.courier-tracking .search-form .un-filter-value {
  display: flex; }
  .courier-tracking .search-form .un-filter-value .ant-input {
    border-radius: 4px 0 0 4px !important;
    border-right: 1px solid transparent; }
  .courier-tracking .search-form .un-filter-value .search-btn {
    height: 41px;
    border-radius: 0 4px 4px 0 !important;
    padding: 10px; }
    .courier-tracking .search-form .un-filter-value .search-btn i {
      font-size: 20px;
      color: #0c2028 !important; }

.courier-tracking .status-layout {
  margin-left: auto;
  width: fit-content;
  display: inline-flex; }
  .courier-tracking .status-layout .status-inner-layout {
    line-height: 33px;
    margin-right: 16px; }

.courier-tracking .courier-track-input-container {
  display: flex;
  align-items: center;
  gap: 8px; }
  .courier-tracking .courier-track-input-container .courier-track-input {
    flex: 1;
    width: 100%; }

.courier-tracking .courier-tracking-reminder {
  display: block !important;
  width: 100% !important; }

.edit-custom-tracking .ant-modal-body .un-box-flat.placeholder {
  display: flex;
  background-color: #f6f6f6 !important;
  padding: 12px 16px;
  margin-bottom: 20px; }
  .edit-custom-tracking .ant-modal-body .un-box-flat.placeholder .status-tag.placeholder {
    cursor: pointer;
    color: #0c2028;
    border-color: #d4d4d4;
    background-color: #ffffff;
    margin-right: 4px !important;
    margin-bottom: 4px !important;
    height: 22px !important; }

@media (min-width: 1024px) {
  .line-login {
    width: 644px !important;
    margin: 0 auto !important; } }

.line-login .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .line-login .header-buttons .b-btn,
  .line-login .header-buttons .b-btn:hover,
  .line-login .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .line-login .header-buttons .b-btn i,
    .line-login .header-buttons .b-btn:hover i,
    .line-login .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.line-login .un-form-setting .ant-form-item {
  padding-bottom: 0 !important;
  margin-bottom: 0px !important; }
  @media (max-width: 1024px) {
    .line-login .un-form-setting .ant-form-item {
      flex-direction: unset !important; } }

.line-login .un-box-flat .ant-collapse {
  border: none !important;
  margin-bottom: 20px; }
  .line-login .un-box-flat .ant-collapse .ant-collapse-item {
    border: none !important; }
    .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-header {
      height: 34px;
      border: none !important;
      background-color: #fafafb !important;
      padding: 0 16px; }
      .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
        font-size: 10px !important;
        color: #647176 !important; }
      .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-header .country-header {
        display: flex;
        align-items: center; }
        .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-header .country-header .ant-form-item {
          width: fit-content !important; }
          .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-header .country-header .ant-form-item .ant-checkbox {
            margin-right: 16px; }
    .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-content {
      border: none !important; }
      .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
        padding: 16px 16px 0 49px; }
        @media (max-width: 1024px) {
          .line-login .un-box-flat .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
            margin-bottom: 20px !important; } }

.quicksight-report .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .quicksight-report .header-buttons .b-btn,
  .quicksight-report .header-buttons .b-btn:hover,
  .quicksight-report .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .quicksight-report .header-buttons .b-btn i,
    .quicksight-report .header-buttons .b-btn:hover i,
    .quicksight-report .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .quicksight-report .header-buttons .ant-switch-inner {
    margin-right: 12px;
    margin-left: 37px;
    color: #647176 !important;
    font-size: 14px !important; }
  .quicksight-report .header-buttons .ant-switch-checked .ant-switch-inner {
    margin-right: 37px !important;
    margin-left: 12px !important;
    color: #ffffff !important;
    font-size: 14px !important; }
  .quicksight-report .header-buttons .sync-status {
    margin-left: 12px; }
  .quicksight-report .header-buttons .reload-button .un-feather {
    margin-right: 0px !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.rct-page-content-microsoftDynamicsLayout {
  max-width: none !important; }

.field-required {
  color: red !important; }

.microsoft-dynamics-pro-sync .header-buttons {
  min-width: 816px !important;
  max-width: 1344px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  .microsoft-dynamics-pro-sync .header-buttons .b-btn,
  .microsoft-dynamics-pro-sync .header-buttons .b-btn:hover,
  .microsoft-dynamics-pro-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-pro-sync .header-buttons .b-btn i,
    .microsoft-dynamics-pro-sync .header-buttons .b-btn:hover i,
    .microsoft-dynamics-pro-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-pro-sync .header-buttons .outline-btn,
  .microsoft-dynamics-pro-sync .header-buttons .outline-btn:focus,
  .microsoft-dynamics-pro-sync .header-buttons .outline-btn:hover {
    margin-right: 16px !important;
    border: 1px solid #d4d4d4 !important;
    background: none !important;
    color: #0c2028 !important; }

@media (min-width: 1024px) {
  .microsoft-dynamics-pro-sync-settings {
    width: 644px !important;
    min-width: 644px !important;
    max-width: 644px !important;
    margin: 0 auto; } }

.microsoft-dynamics-pro-sync-settings .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-pro-sync-settings .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn,
  .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn:hover,
  .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn i,
    .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn:hover i,
    .microsoft-dynamics-pro-sync-settings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .settings-tab {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: none !important; }
  .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar {
    border-right: none !important; }
    .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
      width: 220px; }
      .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
        padding-left: 0px !important; }
      .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
        padding: 10px !important;
        text-align: left; }
        .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
          color: #0c2028;
          font-weight: normal; }
      .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
        background-color: #f3fff3 !important; }
        .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
          font-weight: bold !important; }
      .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
        width: 4px !important; }
  .microsoft-dynamics-pro-sync-settings .settings-container .settings-tab .ant-tabs-left-content {
    padding-left: 32px !important;
    border-left: 1px solid #e5e5e5 !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .ant-input,
.microsoft-dynamics-pro-sync-settings .settings-container .ant-select {
  color: #0c2028 !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .ant-checkbox-wrapper {
  color: #38484f !important;
  height: 30px; }

.microsoft-dynamics-pro-sync-settings .settings-container .ant-checkbox + span {
  color: #0c2028 !important;
  padding-right: 8px;
  padding-left: 13px; }

.microsoft-dynamics-pro-sync-settings .settings-container .ant-input-affix-wrapper {
  border-radius: 4px !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table table thead {
  background-color: #fafafb !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important;
  border-bottom: none !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .un-text-truncate {
  font-weight: bold !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.microsoft-dynamics-pro-sync-settings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.microsoft-dynamics-pro-sync-layout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-pro-sync-layout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn,
  .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn:hover,
  .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn i,
    .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn:hover i,
    .microsoft-dynamics-pro-sync-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-pro-sync-layout .header-buttons .outline-btn,
  .microsoft-dynamics-pro-sync-layout .header-buttons .outline-btn:hover,
  .microsoft-dynamics-pro-sync-layout .header-buttons .outline-btn:focus {
    background-color: transparent !important; }

.microsoft-dynamics-pro-sync-layout .ant-form-item-control-input {
  align-items: unset !important; }

.microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs {
  position: relative !important; }
  .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
      padding-bottom: 0 !important; }
  .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }
    .microsoft-dynamics-pro-sync-layout .microsoft-dynamics-pro-sync-tabs .microsoft-dynamics-pro-sync-action-btn .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      margin-right: 16px !important; }

.microsoft-dynamics-pro-sync-layout .item-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.microsoft-dynamics-pro-sync-layout .item-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

.microsoft-dynamics-pro-general-layout .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 66px !important; }
  @media (min-width: 1024px) {
    .microsoft-dynamics-pro-general-layout .header-buttons {
      min-width: 816px !important;
      max-width: unset !important;
      margin: 0 auto; } }
  .microsoft-dynamics-pro-general-layout .header-buttons .b-btn,
  .microsoft-dynamics-pro-general-layout .header-buttons .b-btn:hover,
  .microsoft-dynamics-pro-general-layout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .microsoft-dynamics-pro-general-layout .header-buttons .b-btn i,
    .microsoft-dynamics-pro-general-layout .header-buttons .b-btn:hover i,
    .microsoft-dynamics-pro-general-layout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .microsoft-dynamics-pro-general-layout .header-buttons .microsoft-dynamics-pro-sync-settings-btn-actions {
    position: relative !important; }
    .microsoft-dynamics-pro-general-layout .header-buttons .microsoft-dynamics-pro-sync-settings-btn-actions .matching-btn {
      width: fit-content !important;
      width: -moz-fit-content !important;
      height: 33px !important;
      padding: 0px 16px !important;
      border-radius: 17px !important;
      font-size: 14px !important;
      border-color: #d4d4d4 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #0c2028 !important; }
  .microsoft-dynamics-pro-general-layout .header-buttons .outline-btn,
  .microsoft-dynamics-pro-general-layout .header-buttons .outline-btn:hover,
  .microsoft-dynamics-pro-general-layout .header-buttons .outline-btn:focus {
    background-color: transparent !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form {
  width: 100% !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form .tagsGroup,
  .microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 300px !important;
    max-width: 660px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form .ant-form,
  .microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form .ant-form .date-period,
    .microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .microsoft-dynamics-pro-general-layout .sales-invoice .unicart-filter .search-form .ant-form .date-period .label,
      .microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .set,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .set {
  word-wrap: break-word; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .ant-tabs-bar,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .ant-tabs-bar {
  position: unset !important;
  height: unset !important;
  border-bottom: 1px solid #e5e5e5 !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .ant-tabs-nav-scroll,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .ant-tabs-nav-scroll {
  padding-left: 0 !important;
  height: unset !important;
  border-bottom: none !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .ant-tabs-tab,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .ant-tabs-tab {
  color: #0c2028;
  font-size: 14px !important;
  background: none !important;
  border: none !important;
  border-bottom: unset !important;
  height: unset !important;
  padding: 16px 20px !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .unicart-table .ant-tabs-content,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .unicart-table .ant-tabs-content {
  margin-top: unset !important;
  border-top: none !important;
  padding: unset !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice .ant-pagination-options-size-changer,
.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .ant-pagination-options-size-changer {
  min-width: 90px; }

.microsoft-dynamics-pro-general-layout .d365-pro-stock-sync-listing .ant-table-footer {
  height: 0px !important; }

.microsoft-dynamics-pro-general-layout .sales-invoice-form {
  border-radius: 4px !important;
  padding: 24px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .w-0 {
    width: 0px !important;
    display: none !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .ant-picker {
    width: 100% !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-details {
    margin-bottom: 24px !important; }
    .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-details .form-title-container {
      width: 100% !important;
      height: fit-content !important;
      line-height: 24px !important;
      font-size: 20px !important;
      color: #0c2028 !important;
      text-align: right;
      border-bottom: 4px solid #007ce0 !important; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-details .form-title-container .form-title {
        padding-right: 24px !important;
        padding-bottom: 6px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container {
    display: grid !important;
    grid-template-columns: 20% 20% 20% 20% 20% !important;
    margin: 0 -6px !important; }
    .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col {
      padding: 0 6px !important; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .feather-calendar {
        color: #90999d !important;
        font-size: 20px !important; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts-label {
        color: #38484f !important;
        height: 33px;
        line-height: 33px;
        text-align: right;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 24px !important; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
        margin-top: 12px;
        margin-bottom: 24px !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
          display: none; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item {
        padding-bottom: 0 !important;
        margin-bottom: 12px !important; }
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col.replace {
        display: none; }
    @media (max-width: 768px) {
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container {
        grid-template-columns: 50% 50% !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col.empty, .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts-label {
          display: none !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; }
          .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts .ant-form-item-label {
            display: inline-block !important; } }
    @media (max-width: 442px) {
      .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container {
        grid-template-columns: 100% !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col.empty, .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col.replace {
          display: none !important; }
        .microsoft-dynamics-pro-general-layout .sales-invoice-form .form-detail-container .detail-col .ant-form-item.amounts {
          margin-top: 0 !important; } }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .sequence {
    width: 20px !important;
    white-space: nowrap;
    vertical-align: top !important;
    text-align: center !important; }
    .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .sequence .ant-form-item {
      margin-bottom: 0 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .item-type {
    width: 40px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .item-code {
    width: 70px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .number {
    width: 60px !important; }
  @media (max-width: 768px) {
    .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table {
      overflow-x: auto !important; } }
  @media (max-width: 768px) {
    .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-wrapper {
      width: 1344px !important;
      padding-bottom: 10px !important; } }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .span {
    font-size: 12px !important;
    color: #647176 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .w-0 {
    width: 0px !important;
    display: none !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .subject {
    width: 200px; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .number {
    width: 90px; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .price {
    width: 150px; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .checkbox {
    width: 55px; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table table {
    border: none !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-thead > tr > th {
    color: #647176 !important;
    border-bottom: none !important;
    padding: 4px 8px 4px 0 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-thead > tr > th:last-child {
    padding-right: 0 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-tbody > tr > td {
    border-bottom: none !important;
    padding: 2px 8px 2px 0 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-tbody > tr > td.sequence {
    padding: 8px !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-tbody > tr > td:last-child {
    padding-right: 0 !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-table-footer {
    display: none !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-select {
    width: 100% !important; }
  .microsoft-dynamics-pro-general-layout .sales-invoice-form .microsoft-dynamics-pro-sync-form-table .ant-input-number {
    width: 100% !important; }

.microsoft-dynamics-pro-general-layout .ant-card-contain-tabs .ant-table-title {
  margin-left: 7.5% !important;
  margin-top: 0.5% !important; }

.microsoft-dynamics-pro-general-layout .unicart-table.table-tab-failed .ant-card-contain-tabs .ant-table-title {
  margin-left: 6% !important; }

.sg-channel-list .ant-collapse {
  border: none !important;
  background-color: unset !important;
  margin-bottom: 20px; }
  .sg-channel-list .ant-collapse .ant-collapse-item {
    border: none !important;
    margin-bottom: 20px; }
    .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header {
      height: 34px;
      border: none !important;
      background-color: #fafafb !important;
      padding: 0 16px; }
      .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow i {
        font-size: 18px !important;
        color: #647176 !important; }
      .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header {
        display: flex;
        align-items: center;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #0c2028 !important; }
        .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) {
          display: flex;
          align-items: center; }
          .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) img {
            margin-right: 8px !important;
            margin-top: 2px !important; }
        .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item {
          width: fit-content !important;
          margin-bottom: 0 !important; }
          .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper {
            height: unset !important;
            line-height: unset !important;
            margin-bottom: 0 !important; }
            .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper .ant-checkbox {
              margin-right: 16px; }
    .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content {
      border: none !important; }
      .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
        padding: 16px 16px 0 49px; }
        .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row {
          row-gap: 8px !important; }
        @media (max-width: 1024px) {
          .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
            margin-bottom: 20px !important; } }
        .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper {
          height: unset;
          min-height: 21px !important;
          line-height: unset !important;
          margin-bottom: 0 !important;
          display: flex;
          align-items: baseline; }
          .sg-channel-list .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper .ant-checkbox {
            top: 3px; }

.sg-channel-list .channel-list-tab {
  padding-bottom: 0 !important; }
  .sg-channel-list .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .sg-channel-list .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .sg-channel-list .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .sg-channel-list .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .sg-channel-list .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .sg-channel-list .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .sg-channel-list .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .sg-channel-list .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.microsoft-dynamics-pro-general-layout .quick-view-bc-stock-movement {
  cursor: pointer !important;
  font-size: 14px !important;
  color: #1890ff !important; }
  .microsoft-dynamics-pro-general-layout .quick-view-bc-stock-movement.alert-icon {
    color: #ff4d4f !important; }

.microsoft-dynamics-pro-general-layout .stock-movement-body {
  background: #fffbe6;
  border: 1px solid #ffe58f;
  color: #d48806;
  text-transform: none !important; }

.microsoft-dynamics-pro-general-layout .my-color {
  background-color: #f6f6f6 !important; }

.microsoft-dynamics-pro-general-layout .ant-table-title {
  background-color: transparent !important; }

.microsoft-dynamics-pro-general-layout .ant-table-title:has(.input-group) {
  position: absolute !important;
  z-index: 1 !important;
  width: calc(100% - 80px) !important;
  background: #ffffff !important;
  margin-left: 95px !important;
  margin-top: 1px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  border-top-right-radius: 12px !important; }

.microsoft-dynamics-pro-general-layout > .unicart-table .order-count.failed {
  background-color: red !important;
  color: #fff !important; }

.microsoft-dynamics-pro-general-layout > .unicart-table .small-light-font {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #647176 !important;
  letter-spacing: 0px !important;
  min-width: 90px !important; }

.microsoft-dynamics-pro-general-layout > .unicart-table .un-cursor-pointer-none > .ant-table-selection-column .ant-checkbox-wrapper {
  display: none; }

.microsoft-dynamics-pro-general-layout > .unicart-table .channel-icon .caption.set {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.microsoft-dynamics-pro-general-layout > .unicart-table .channel-icon > .channel-with-name > img {
  height: 20px !important;
  width: 20px !important;
  margin-right: 5px !important; }

.dynamics-pro-setting-payment-reconcilitation-setting .fake-blank-container {
  height: 0px !important;
  width: 0px !important; }

.dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab {
  padding-bottom: 0 !important;
  margin-bottom: 20px !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
    .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs .ant-form-item {
      margin-bottom: 8px !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs-nav-scroll {
    padding: 0px !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .dynamics-pro-setting-payment-reconcilitation-setting .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.bc-central-stock-control-log .ant-modal-body {
  max-height: 480px !important;
  overflow: hidden auto; }

.bc-central-stock-control-log .ant-modal-content {
  border-radius: 12px !important; }

.bc-central-stock-control-log .ant-modal-header {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important; }

.bc-central-stock-control-log .bc-stock-control-log-table table tbody tr td {
  vertical-align: top !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-list-item {
  padding: 0 !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-list-item-meta-avatar {
  width: 56px; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-list-item-meta {
  padding-top: 1px !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-list-item-meta-description {
  padding-left: 0; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.bc-central-stock-control-log .bc-stock-control-log-table table thead {
  background-color: #fafafb !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.bc-central-stock-control-log .bc-stock-control-log-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.btn-retrieval-marketplace-data:focus, .btn-retrieval-marketplace-data:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important; }

.d365-pro-settings .form-item-full-width .ant-label-container {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%; }

.d365-pro-settings .form-item-full-width .ant-form-item-label > label {
  width: 100% !important; }

.d365-pro-settings .d365-pro-channel-id-input {
  border: none;
  background-color: transparent;
  padding: 0px; }

.sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500; }

.importSuccess.un-box-flat {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.rct-page-content-sqlSyncLayout {
  max-width: none !important; }

@media (max-width: 1536px) {
  .rct-page-content-sqlSyncLayout-sale-invoice {
    width: fit-content;
    min-width: unset;
    overflow-x: auto; } }

.sqlSyncLayout .actions .feather-eye,
.sqlSyncLayout .actions .feather-edit-3 {
  font-size: 20px !important; }

.sqlSyncLayout .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.sqlSyncLayout .actions .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .sqlSyncLayout .actions .feather-trash-2:hover {
    color: #e0241a !important; }

.sqlSyncLayout .ant-skeleton {
  margin: 2rem; }

.sqlSyncLayout .ant-form-item-control-input {
  align-items: unset !important; }

.sqlSyncLayout .header-buttons {
  width: calc(100% - 105px) !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .sqlSyncLayout .header-buttons {
      min-width: 816px !important;
      margin: 0 auto; } }
  .sqlSyncLayout .header-buttons .b-btn,
  .sqlSyncLayout .header-buttons .b-btn:hover,
  .sqlSyncLayout .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sqlSyncLayout .header-buttons .b-btn i,
    .sqlSyncLayout .header-buttons .b-btn:hover i,
    .sqlSyncLayout .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }
  .sqlSyncLayout .header-buttons .sql-btn-actions {
    position: relative !important; }
    .sqlSyncLayout .header-buttons .sql-btn-actions .ellipsis-btn {
      position: absolute !important;
      top: 0 !important;
      right: 320px !important; }

.sqlSyncLayout .company-list-dropdown {
  display: inline-flex !important;
  height: 33px !important;
  width: 300px !important;
  padding: 6px 16px !important;
  color: #0c2028 !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px !important;
  position: relative; }
  .sqlSyncLayout .company-list-dropdown .selected-company {
    font-size: 14px !important;
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    align-items: baseline;
    padding-right: 14px; }

.sqlSyncLayout .company-list-dropdown:after {
  content: url("https://api.iconify.design/ant-design:down-outlined.svg?color=%2338484F&height=14px") !important;
  vertical-align: -0.125em;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important; }

.sqlSyncLayout .channel-with-store-name {
  margin-right: 34px; }
  .sqlSyncLayout .channel-with-store-name img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 8px; }

.sqlSyncLayout .sql-sync-tabs {
  position: relative !important; }
  .sqlSyncLayout .sql-sync-tabs .sql-sync-card {
    background: none !important;
    border: none !important;
    border-radius: 0 !important; }
    .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-bar {
      position: absolute;
      border-bottom: none !important; }
    .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-nav-scroll {
      padding-left: 0 !important;
      border-bottom: none !important; }
    .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-tab-active.ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      font-weight: bold !important;
      border: none !important;
      border-bottom: 3px solid #5acc5a !important;
      padding: 16px 20px !important; }
    .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-tab {
      color: #0c2028;
      font-size: 14px !important;
      background: none !important;
      border: none !important;
      border-bottom: 3px solid transparent !important;
      padding: 16px 20px !important; }
    .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-content {
      margin-top: 56px;
      border-top: 2px solid #e5e5e5 !important;
      color: #0c2028;
      font-size: 14px !important;
      padding-top: 32px;
      padding-left: 0 !important;
      padding-right: 0px !important;
      padding-bottom: 0 !important; }
      .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-content .sqlsync-po-table.unicart-table .ant-table-thead > tr > th {
        border-bottom: none !important; }
      .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-content .sqlsync-po-table.unicart-table .ant-table-row-indent + .ant-table-row-expand-icon {
        display: none !important; }
      .sqlSyncLayout .sql-sync-tabs .sql-sync-card .ant-tabs-content .sqlsync-po-table.unicart-table .un-table-cell {
        margin-top: 0 !important; }
  .sqlSyncLayout .sql-sync-tabs .sql-sync-action-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 9px !important;
    right: 8px !important; }

.sqlSyncLayout .purchase-order .my-color {
  background-color: #f6f6f6 !important; }

.sqlSyncLayout .purchase-order .btn-navigate-url:focus {
  border: 0px !important; }

.sqlSyncLayout .sales-invoice .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.sqlSyncLayout .sales-invoice .unicart-filter .search-form {
  width: 100% !important;
  align-items: flex-start;
  display: flex; }
  .sqlSyncLayout .sales-invoice .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .sqlSyncLayout .sales-invoice .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .sqlSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .sqlSyncLayout .sales-invoice .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.sqlSyncLayout .sales-invoice .unicart-table {
  display: block; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-card {
    width: 100%; }
  .sqlSyncLayout .sales-invoice .unicart-table .set {
    word-wrap: break-word;
    word-break: break-word; }
  .sqlSyncLayout .sales-invoice .unicart-table .err-msg {
    word-break: break-all; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-bar {
    position: unset !important;
    height: unset !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-nav-wrap {
    margin-bottom: unset !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-nav-scroll {
    padding-left: 0 !important;
    height: unset !important;
    border-bottom: none !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-tab {
    color: #0c2028;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
    border-bottom: unset !important;
    height: unset !important;
    padding: 16px 20px !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .ant-tabs-content {
    margin-top: unset !important;
    border-top: none !important;
    padding: unset !important; }
  .sqlSyncLayout .sales-invoice .unicart-table .my-color {
    background-color: #f6f6f6 !important; }

.sqlSyncLayout .sales-invoice .ant-pagination-options-size-changer {
  min-width: 90px; }

@media (min-width: 1024px) {
  .sqlSyncLayout .sales-invoice .ant-pagination.ant-pagination {
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 0 !important; } }

.sqlSyncLayout .sales-invoice .table-responsive {
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 24px; }
  .sqlSyncLayout .sales-invoice .table-responsive .ant-skeleton {
    width: calc(100% - 60px);
    min-width: 1356px; }
  .sqlSyncLayout .sales-invoice .table-responsive .bulk-action-checkbox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
  .sqlSyncLayout .sales-invoice .table-responsive .header {
    display: flex;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    padding-right: 20px; }
    .sqlSyncLayout .sales-invoice .table-responsive .header * {
      font-size: 12px; }
    .sqlSyncLayout .sales-invoice .table-responsive .header > span {
      padding: 20px 0; }
      .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(1) {
        padding-left: 24px;
        width: 160px;
        min-width: 160px; }
      .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(2) {
        width: 200px;
        min-width: 200px; }
      .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(3) {
        width: 160px;
        min-width: 160px; }
      .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(4), .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(5), .sqlSyncLayout .sales-invoice .table-responsive .header > span:nth-child(6) {
        width: -webkit-fill-available;
        width: fill-available;
        width: -moz-available;
        min-width: 276px; }
  .sqlSyncLayout .sales-invoice .table-responsive .bulk-action {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 13px 1px 13px 0px;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available; }
    .sqlSyncLayout .sales-invoice .table-responsive .bulk-action button {
      border-radius: 0 !important; }
      .sqlSyncLayout .sales-invoice .table-responsive .bulk-action button:last-child:not(:first-child) {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important; }
      .sqlSyncLayout .sales-invoice .table-responsive .bulk-action button:first-child:not(:last-child) {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
    .sqlSyncLayout .sales-invoice .table-responsive .bulk-action span button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important; }
  .sqlSyncLayout .sales-invoice .table-responsive .FOF-frame {
    width: 100%;
    justify-content: center; }
  .sqlSyncLayout .sales-invoice .table-responsive .item {
    min-width: 1370px;
    display: flex;
    margin-top: 20px; }
    .sqlSyncLayout .sales-invoice .table-responsive .item .checkbox {
      padding-top: 12px;
      padding-left: 16px;
      padding-right: 16px;
      display: flex; }
    .sqlSyncLayout .sales-invoice .table-responsive .item .order-details {
      border: 1px solid rgba(221, 221, 221, 0.5);
      display: flex;
      flex-direction: column;
      width: calc(100% - 68px);
      border-radius: 4px !important; }
      .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .hover-green {
        cursor: pointer; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .hover-green:hover {
          color: #5acc5a !important; }
      .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header {
        cursor: pointer;
        display: flex;
        color: #0c2028;
        background-color: #fafafb;
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header:hover {
          background-color: #f6f6f6 !important; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span {
          padding: 12px 0;
          padding-right: 24px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(4), .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(5), .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .icon {
          margin-right: 4px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .icon .feather-user {
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: #e5e5e5;
            padding: 3px 3px;
            width: 1rem;
            height: 1rem;
            color: #90999d; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-header .feather-paperclip {
          position: absolute;
          margin-top: 3px;
          margin-left: 8px !important;
          font-size: 14px !important;
          color: #90999d !important; }
      .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content {
        display: flex;
        color: #0c2028;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span {
          padding: 12px 0;
          padding-right: 24px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(1) {
            padding: 12px 24px;
            width: 160px;
            min-width: 160px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(2) {
            width: 200px;
            min-width: 200px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(3) {
            width: 160px;
            min-width: 160px; }
          .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(4), .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(5), .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content > span:nth-child(6) {
            width: -webkit-fill-available;
            width: fill-available;
            width: -moz-available;
            min-width: 276px; }
        .sqlSyncLayout .sales-invoice .table-responsive .item .order-details .order-detail-content .feather-external-link {
          color: #007ce0 !important; }
  .sqlSyncLayout .sales-invoice .table-responsive .ant-checkbox-wrapper {
    margin-left: 0 !important; }

.sqlSyncLayout .customer-payment .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.sqlSyncLayout .customer-payment .unicart-filter .search-form {
  width: 100% !important; }
  .sqlSyncLayout .customer-payment .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .sqlSyncLayout .customer-payment .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .sqlSyncLayout .customer-payment .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .sqlSyncLayout .customer-payment .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.sqlSyncLayout .customer-payment .outline-btn {
  background: none !important;
  margin-right: 16px !important; }
  .sqlSyncLayout .customer-payment .outline-btn.update {
    color: #007ce0 !important;
    border-color: #007ce0 !important; }

.sqlSyncLayout .customer-payment .outline-btn:hover,
.sqlSyncLayout .customer-payment .outline-btn:active {
  background: #ffffff !important; }

.sqlSyncLayout .customer-payment .outline-i-btn {
  background: none !important; }
  .sqlSyncLayout .customer-payment .outline-i-btn.saved {
    color: #90999d !important;
    border-color: #d4d4d4 !important; }
    .sqlSyncLayout .customer-payment .outline-i-btn.saved .feather-check {
      line-height: 17px !important; }

.sqlSyncLayout .customer-payment .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.sqlSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSyncLayout .customer-payment .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSyncLayout .customer-payment .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSyncLayout .customer-payment .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.sqlSyncLayout .customer-payment .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.sqlSyncLayout .customer-payment .child-payment-row {
  background-color: #f8f9ff !important; }
  .sqlSyncLayout .customer-payment .child-payment-row td:first-child {
    border-left: 3px solid #007ce0 !important; }
  .sqlSyncLayout .customer-payment .child-payment-row .child-payment-label {
    color: #90999d;
    font-size: 12px; }

.sqlSyncLayout .task .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.sqlSyncLayout .task .unicart-filter .search-form {
  width: 100% !important; }
  .sqlSyncLayout .task .unicart-filter .search-form .tagsGroup {
    position: absolute !important;
    left: 265px !important;
    max-width: 660px !important; }
  .sqlSyncLayout .task .unicart-filter .search-form .ant-form {
    width: 100% !important; }
    .sqlSyncLayout .task .unicart-filter .search-form .ant-form .date-period {
      position: absolute;
      right: 0; }
      .sqlSyncLayout .task .unicart-filter .search-form .ant-form .date-period .label {
        display: none !important; }

.sqlSyncLayout .task .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSyncLayout .task .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSyncLayout .task .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSyncLayout .task .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .sqlSyncLayout .task .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.sqlSyncLayout .task .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.sqlSyncLayout .task .child-task-row {
  background-color: #f8f9ff !important; }
  .sqlSyncLayout .task .child-task-row td:first-child {
    border-left: 3px solid #007ce0 !important; }

.sqlSyncLayout .product-matching .unicart-button-tabs {
  margin-top: 0 !important; }

.sqlSyncLayout .product-matching .unicart-filter .ant-form-item-control {
  flex: unset !important; }

.sqlSyncLayout .product-matching .unicart-filter .ant-form-item-control-input {
  align-items: center !important; }

.sqlSyncLayout .product-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.sqlSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSyncLayout .product-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSyncLayout .product-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSyncLayout .product-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.sqlSyncLayout .product-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }

.sqlSyncLayout .customer-matching [id$='customer_code'],
.sqlSyncLayout .shipping-matching [id$='customer_code'],
.sqlSyncLayout .payment-matching [id$='customer_code'] {
  width: 285px; }

.sqlSyncLayout .customer-matching [id$='item_code'],
.sqlSyncLayout .customer-matching [id$='item_uom'],
.sqlSyncLayout .shipping-matching [id$='item_code'],
.sqlSyncLayout .shipping-matching [id$='item_uom'],
.sqlSyncLayout .payment-matching [id$='item_code'],
.sqlSyncLayout .payment-matching [id$='item_uom'] {
  width: 208px; }

.sqlSyncLayout .customer-matching [id$='accounting_code'],
.sqlSyncLayout .shipping-matching [id$='accounting_code'],
.sqlSyncLayout .payment-matching [id$='accounting_code'] {
  width: 285px; }

.sqlSyncLayout .customer-matching .ant-input,
.sqlSyncLayout .shipping-matching .ant-input,
.sqlSyncLayout .payment-matching .ant-input {
  color: #0c2028 !important;
  height: 33px !important;
  border-radius: 4px !important; }

.sqlSyncLayout .customer-matching .dimension-input.addonBefore .ant-input,
.sqlSyncLayout .shipping-matching .dimension-input.addonBefore .ant-input,
.sqlSyncLayout .payment-matching .dimension-input.addonBefore .ant-input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.sqlSyncLayout .customer-matching .feather-alert-circle,
.sqlSyncLayout .shipping-matching .feather-alert-circle,
.sqlSyncLayout .payment-matching .feather-alert-circle {
  font-size: 13px !important;
  margin-left: 4px !important; }

.sqlSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:last-child,
.sqlSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:last-child,
.sqlSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSyncLayout .customer-matching .ant-table-container table > thead > tr:first-child th:first-child,
.sqlSyncLayout .shipping-matching .ant-table-container table > thead > tr:first-child th:first-child,
.sqlSyncLayout .payment-matching .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSyncLayout .customer-matching .ant-table table,
.sqlSyncLayout .shipping-matching .ant-table table,
.sqlSyncLayout .payment-matching .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSyncLayout .customer-matching .ant-table,
.sqlSyncLayout .shipping-matching .ant-table,
.sqlSyncLayout .payment-matching .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.sqlSyncLayout .customer-matching .ant-table-tbody > tr > td,
.sqlSyncLayout .shipping-matching .ant-table-tbody > tr > td,
.sqlSyncLayout .payment-matching .ant-table-tbody > tr > td {
  padding: 10px 16px !important; }
  .sqlSyncLayout .customer-matching .ant-table-tbody > tr > td .body,
  .sqlSyncLayout .shipping-matching .ant-table-tbody > tr > td .body,
  .sqlSyncLayout .payment-matching .ant-table-tbody > tr > td .body {
    line-height: 33px !important; }

.sqlSyncForm {
  width: 100%; }
  @media (min-width: 1024px) {
    .sqlSyncForm {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .sqlSyncForm .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1024px) {
      .sqlSyncForm .header-buttons {
        min-width: 1006px !important;
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .sqlSyncForm .header-buttons {
        padding-right: 0 !important; } }
    .sqlSyncForm .header-buttons .b-btn,
    .sqlSyncForm .header-buttons .b-btn:hover,
    .sqlSyncForm .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .sqlSyncForm .header-buttons .b-btn i,
      .sqlSyncForm .header-buttons .b-btn:hover i,
      .sqlSyncForm .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .sqlSyncForm .un-box-flat {
    border-radius: 4px !important;
    padding: 24px !important; }
    .sqlSyncForm .un-box-flat .product-form-label span {
      color: #0c2028 !important; }
    .sqlSyncForm .un-box-flat .form-detail-label {
      align-items: center !important;
      padding-top: 4px !important;
      padding-bottom: 4px !important;
      line-height: 17px !important;
      width: 70% !important;
      color: #0c2028 !important;
      border-bottom: 2px solid transparent !important;
      margin-bottom: 16px !important; }
    .sqlSyncForm .un-box-flat .parent-payment-link {
      color: #007ce0;
      cursor: pointer;
      text-decoration: underline;
      font-size: 14px;
      margin-bottom: 4px; }
      .sqlSyncForm .un-box-flat .parent-payment-link:hover {
        opacity: 0.75; }
    .sqlSyncForm .un-box-flat .ant-picker {
      width: 100% !important; }
    .sqlSyncForm .un-box-flat .ant-form-item {
      padding-bottom: 0 !important;
      margin-bottom: 4px !important; }
    .sqlSyncForm .un-box-flat .form-details {
      position: absolute;
      right: -13px;
      margin-left: 4px !important; }
      .sqlSyncForm .un-box-flat .form-details .form-title-container {
        width: 100% !important;
        height: fit-content !important;
        line-height: 24px !important;
        font-size: 20px !important;
        color: #0c2028 !important;
        text-align: right;
        border-bottom: 4px solid #007ce0 !important; }
        .sqlSyncForm .un-box-flat .form-details .form-title-container.invoice {
          margin-bottom: 22px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-title-container.customer-payment {
          margin-bottom: 12px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-title-container .form-title {
          padding-right: 24px !important;
          padding-bottom: 6px !important; }
      .sqlSyncForm .un-box-flat .form-details .form-detail-container {
        padding-right: 24px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-detail-container .form-detail-label {
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 41% !important;
          color: #0c2028 !important;
          border-bottom: 2px solid transparent !important;
          margin-bottom: 4px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-detail-container .form-detail {
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 178px !important;
          color: #0c2028 !important;
          border-bottom: 2px solid #e5e5e5 !important;
          margin-bottom: 4px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-detail-container .form-detail-free {
          text-align: right !important;
          align-items: center !important;
          padding-top: 4px !important;
          padding-bottom: 4px !important;
          line-height: 17px !important;
          width: 178px !important;
          color: #0c2028 !important;
          border-bottom: 2px solid transparent !important;
          margin-bottom: 4px !important; }
        .sqlSyncForm .un-box-flat .form-details .form-detail-container .input_underline {
          border: none;
          border-bottom: 1px solid rgba(221, 221, 221, 0.5);
          border-radius: 0 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .span {
      font-size: 12px !important;
      color: #647176 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .w-0 {
      width: 0px !important;
      display: none !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .code {
      max-width: 100px; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .subject {
      min-width: 200px; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .number {
      width: 90px; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .checkbox {
      width: 55px; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off {
      margin: 0 auto !important;
      /***Start- Special column handling for table with right selection column***/
      /***End- Special column handling for table with right selection column***/ }
      .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table .ant-table-expanded-row-fixed {
        display: none !important; }
      .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table colgroup {
        display: flex !important;
        justify-content: center !important; }
      .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr {
        display: flex !important;
        flex-direction: row-reverse !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:first-child {
          width: 30px !important; }
          .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:first-child .ant-checkbox {
            top: 1px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(2) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(3) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(4) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(5) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(6) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(7) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(8) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(9) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th:nth-child(10) {
          width: 30px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-thead > tr th {
          line-height: 32px !important; }
      .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr {
        display: flex !important;
        flex-direction: row-reverse !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:first-child {
          width: 30px !important; }
          .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:first-child .ant-checkbox {
            top: 5px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(2) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(3) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(4) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(5) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(6) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(7) {
          min-width: 150px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(8) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(9) {
          width: 120px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td:nth-child(10) {
          width: 30px !important; }
        .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr td > .body {
          line-height: 34px !important; }
      .sqlSyncForm .un-box-flat .sql-sync-form-table.knock-off .ant-table-tbody > tr.ant-table-row-selected > td {
        background: none !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table.view-knock-off .ant-table-measure-row {
      display: none !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table.view-knock-off .ant-table-thead > tr > th {
      color: #647176 !important;
      background-color: #fafafb !important;
      padding: 8px 16px !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table.view-knock-off .ant-table-tbody > tr > td {
      color: #0c2028 !important;
      padding: 8px 16px !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table.view-knock-off .ant-table-tbody > tr:hover > td {
      background-color: #d0f4ff !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table table {
      border: none !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-content {
      overflow: hidden !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-thead > tr > th {
      color: #647176 !important;
      border-bottom: none !important;
      padding: 4px 8px 4px 0 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-thead > tr > th:last-child {
      padding-right: 0 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-tbody > tr > td {
      border-bottom: none !important;
      padding: 2px 8px 2px 0 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-tbody > tr > td:last-child {
      padding-right: 0 !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-table-footer {
      display: none !important; }
    .sqlSyncForm .un-box-flat .sql-sync-form-table .ant-input-number {
      width: unset !important; }
    .sqlSyncForm .un-box-flat .invoice-unable-pay-table {
      width: 660px !important;
      margin: 0 auto !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-container::after {
        box-shadow: none !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table .ant-table-expanded-row-fixed {
        display: none !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-measure-row {
        display: none !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:last-child {
        border-top-right-radius: 4px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-container table > thead > tr:first-child th:first-child {
        border-top-left-radius: 4px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table table {
        border-radius: 4px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table {
        border-top-right-radius: 4px !important;
        border-top-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-content {
        overflow: hidden !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th {
        border-bottom: 1px solid #e5e5e5 !important;
        color: #647176 !important;
        background-color: #ffe0e0 !important;
        padding: 8px 16px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-thead > tr > th:last-child {
        padding-right: 31px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td {
        border-bottom: 1px solid #e5e5e5 !important;
        color: #0c2028 !important;
        padding: 8px 16px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr > td:last-child {
        padding-right: 31px !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-tbody > tr:last-child > td {
        border-bottom: none !important; }
      .sqlSyncForm .un-box-flat .invoice-unable-pay-table .ant-table-footer {
        display: none !important; }
  .sqlSyncForm .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
    margin-left: 0 !important;
    width: 218px !important; }
  .sqlSyncForm .unicart-filter .search-form .tagsGroup {
    left: 265px !important;
    padding-left: 54px; }
  .sqlSyncForm .unicart-filter .search-form .ant-form .date-period-2 {
    margin-left: 8px !important;
    width: 230px; }
    .sqlSyncForm .unicart-filter .search-form .ant-form .date-period-2 .label {
      display: none !important; }
    .sqlSyncForm .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
      height: 41px; }
  .sqlSyncForm .unicart-filter .search-form .un-filter-button {
    position: absolute !important;
    top: 0 !important;
    left: 235px !important; }

@media (min-width: 1024px) {
  .sqlSyncMissingOrders {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.sqlSyncMissingOrders .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .sqlSyncMissingOrders .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .sqlSyncMissingOrders .header-buttons .b-btn,
  .sqlSyncMissingOrders .header-buttons .b-btn:hover,
  .sqlSyncMissingOrders .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sqlSyncMissingOrders .header-buttons .b-btn i,
    .sqlSyncMissingOrders .header-buttons .b-btn:hover i,
    .sqlSyncMissingOrders .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.sqlSyncMissingOrders .actions .feather-eye,
.sqlSyncMissingOrders .actions .feather-edit-3 {
  font-size: 20px !important; }

.sqlSyncMissingOrders .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.sqlSyncMissingOrders .actions .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .sqlSyncMissingOrders .actions .feather-trash-2:hover {
    color: #e0241a !important; }

.sqlSyncMissingOrders .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.sqlSyncMissingOrders .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.sqlSyncMissingOrders .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.sqlSyncMissingOrders .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .sqlSyncMissingOrders .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.sqlSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .sqlSyncMissingOrders .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.sqlSyncMissingOrders .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSyncMissingOrders .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSyncMissingOrders .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSyncMissingOrders .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .sqlSyncMissingOrders .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.sqlSyncMissingOrders .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.sqlSyncMissingOrders .ant-table-thead > tr > th:nth-child(2) {
  background-color: #f6f6f6 !important; }

.sqlSyncMissingOrders .ant-table-tbody > tr > td:nth-child(2) {
  background-color: #f6f6f6 !important; }

@media (min-width: 1024px) {
  .sqlSynViewTask {
    min-width: 1006px !important;
    max-width: 1440px !important;
    margin: 0 auto; } }

.sqlSynViewTask .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  @media (min-width: 1024px) {
    .sqlSynViewTask .header-buttons {
      min-width: 1006px !important;
      max-width: 1440px !important;
      margin: 0 auto; } }
  .sqlSynViewTask .header-buttons .b-btn,
  .sqlSynViewTask .header-buttons .b-btn:hover,
  .sqlSynViewTask .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sqlSynViewTask .header-buttons .b-btn i,
    .sqlSynViewTask .header-buttons .b-btn:hover i,
    .sqlSynViewTask .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.sqlSynViewTask .actions .feather-eye,
.sqlSynViewTask .actions .feather-edit-3 {
  font-size: 20px !important; }

.sqlSynViewTask .actions .feather-refresh-ccw {
  font-size: 20px !important;
  color: #007ce0;
  cursor: pointer; }

.sqlSynViewTask .actions .feather-trash-2,
.sqlSynViewTask .actions .feather-download {
  font-size: 20px !important;
  color: #90999d; }
  .sqlSynViewTask .actions .feather-trash-2:hover,
  .sqlSynViewTask .actions .feather-download:hover {
    color: #e0241a !important; }

.sqlSynViewTask .un-order-title {
  color: #0c2028 !important;
  font-size: 26px !important;
  margin-right: 12px !important; }

.sqlSynViewTask .unicart-filter .search-form .un-filter-store > div.ant-select-selector {
  margin-left: 0 !important;
  width: 218px !important; }

.sqlSynViewTask .unicart-filter .search-form .tagsGroup {
  left: 265px !important;
  max-width: 660px !important; }

.sqlSynViewTask .unicart-filter .search-form .ant-form .date-period {
  position: absolute;
  right: 0; }
  .sqlSynViewTask .unicart-filter .search-form .ant-form .date-period .label {
    display: none !important; }

.sqlSynViewTask .unicart-filter .search-form .ant-form .date-period-2 {
  margin-left: 8px; }
  .sqlSynViewTask .unicart-filter .search-form .ant-form .date-period-2 .ant-picker-range {
    height: 41px; }

.sqlSynViewTask .ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 12px; }

.sqlSynViewTask .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 12px; }

.sqlSynViewTask .ant-table table {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }

.sqlSynViewTask .ant-table {
  color: #0c2028 !important;
  background: #ffffff !important;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px; }
  .sqlSynViewTask .ant-table .hover-green:hover {
    color: #5acc5a !important; }

.sqlSynViewTask .ant-table-tbody > tr > td {
  padding: 24px 16px !important; }

.sqlSyncSettings {
  width: 100%; }
  @media (min-width: 1024px) {
    .sqlSyncSettings {
      max-width: 1440px !important;
      margin: 0 auto; } }
  .sqlSyncSettings .header-buttons {
    width: 100% !important;
    top: 10px !important;
    display: flex;
    position: fixed;
    padding-right: 99px !important; }
    @media (min-width: 1024px) {
      .sqlSyncSettings .header-buttons {
        max-width: 1440px !important;
        margin: 0 auto; } }
    @media (min-width: 1440px) {
      .sqlSyncSettings .header-buttons {
        padding-right: 0px !important; } }
    .sqlSyncSettings .header-buttons .b-btn,
    .sqlSyncSettings .header-buttons .b-btn:hover,
    .sqlSyncSettings .header-buttons .b-btn:focus {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #0c2028 !important;
      font-size: 20px;
      padding-left: 0 !important; }
      .sqlSyncSettings .header-buttons .b-btn i,
      .sqlSyncSettings .header-buttons .b-btn:hover i,
      .sqlSyncSettings .header-buttons .b-btn:focus i {
        font-size: 20px !important;
        margin-right: 12px !important; }
  .sqlSyncSettings .settings-container .settings-tab {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: none !important; }
    .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar {
      border-right: none !important; }
      .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
        width: 220px; }
        .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
          padding-left: 0px !important; }
        .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
          padding: 10px !important;
          text-align: left; }
          .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
            color: #0c2028;
            font-weight: normal; }
        .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
          background-color: #f3fff3 !important; }
          .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
            font-weight: bold !important; }
        .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
          width: 4px !important; }
    .sqlSyncSettings .settings-container .settings-tab .ant-tabs-left-content {
      padding-left: 32px !important;
      border-left: 1px solid #e5e5e5 !important; }
    .sqlSyncSettings .settings-container .settings-tab .ant-collapse {
      border: none !important;
      background-color: unset !important;
      margin-bottom: 20px; }
      .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item {
        border: none !important;
        margin-bottom: 20px; }
        .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header {
          height: 34px;
          border: none !important;
          background-color: #fafafb !important;
          padding: 0 16px; }
          .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow i {
            font-size: 18px !important;
            color: #647176 !important; }
          .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header {
            display: flex;
            align-items: center;
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #0c2028 !important; }
            .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) {
              display: flex;
              align-items: center; }
              .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) img {
                margin-right: 8px !important;
                margin-top: 2px !important; }
            .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item {
              width: fit-content !important;
              margin-bottom: 0 !important; }
              .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper {
                height: unset !important;
                line-height: unset !important;
                margin-bottom: 0 !important; }
                .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper .ant-checkbox {
                  margin-right: 16px; }
        .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content {
          border: none !important; }
          .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
            padding: 16px 16px 0 49px; }
            .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row {
              row-gap: 8px !important; }
            @media (max-width: 1024px) {
              .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
                margin-bottom: 20px !important; } }
            .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper {
              height: unset;
              min-height: 21px !important;
              line-height: unset !important;
              margin-bottom: 0 !important;
              display: flex;
              align-items: baseline; }
              .sqlSyncSettings .settings-container .settings-tab .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper .ant-checkbox {
                top: 3px; }
  .sqlSyncSettings .settings-container .ant-input,
  .sqlSyncSettings .settings-container .ant-select {
    color: #0c2028 !important; }
  .sqlSyncSettings .settings-container .ant-checkbox-wrapper {
    color: #38484f !important;
    height: 30px; }
  .sqlSyncSettings .settings-container .ant-checkbox + span {
    color: #0c2028 !important;
    padding-right: 8px;
    padding-left: 13px; }
  .sqlSyncSettings .settings-container .ant-input-affix-wrapper {
    border-radius: 4px !important; }
  .sqlSyncSettings .settings-container .choose-file {
    width: 100% !important;
    display: inline-flex !important; }
    .sqlSyncSettings .settings-container .choose-file .ant-form-item {
      width: -webkit-fill-available !important;
      width: fill-available !important;
      width: -moz-available !important; }
      .sqlSyncSettings .settings-container .choose-file .ant-form-item .uploaded-file-input {
        width: -webkit-fill-available !important;
        width: fill-available !important;
        width: -moz-available !important;
        border-radius: 4px 0 0 4px !important; }
    .sqlSyncSettings .settings-container .choose-file .upload-btn {
      margin-top: 25px !important;
      width: 93px !important;
      height: 33px !important;
      padding: 4px 9px !important;
      color: #0c2028 !important;
      background-color: #e5e5e5 !important;
      border: 1px solid #d4d4d4 !important;
      border-radius: 0 4px 4px 0 !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-table-title {
    padding: 0 !important;
    z-index: 1001 !important;
    width: calc(100% - 80px) !important;
    margin-top: 2px !important;
    margin-left: 70px !important;
    background: #fafafb !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .sqlSyncSettings .settings-container .preset-table table thead {
    background-color: #fafafb !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-table-tbody > tr > td {
    padding: 4px 12px !important;
    border-bottom: none !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-form-item {
    margin-bottom: 0 !important; }
  .sqlSyncSettings .settings-container .preset-table .un-text-truncate {
    font-weight: bold !important; }
  .sqlSyncSettings .settings-container .preset-table .un-light-label {
    font-size: 14px !important;
    color: #0c2028 !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 20px !important;
    width: max-content !important;
    float: right !important; }
  .sqlSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .sqlSyncSettings .settings-container .preset-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    font-size: 14px; }
  .sqlSyncSettings .settings-container .preset-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 14px; }

@media (min-width: 1024px) {
  .sqlSyncManageCompanyProfile {
    min-width: 644px !important;
    max-width: 644px !important;
    margin: 0 auto; } }

.sqlSyncManageCompanyProfile .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 99px !important; }
  @media (min-width: 1024px) {
    .sqlSyncManageCompanyProfile .header-buttons {
      min-width: 644px !important;
      max-width: 644px !important;
      margin: 0 auto; } }
  .sqlSyncManageCompanyProfile .header-buttons .b-btn,
  .sqlSyncManageCompanyProfile .header-buttons .b-btn:hover,
  .sqlSyncManageCompanyProfile .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sqlSyncManageCompanyProfile .header-buttons .b-btn i,
    .sqlSyncManageCompanyProfile .header-buttons .b-btn:hover i,
    .sqlSyncManageCompanyProfile .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table-content {
  overflow-x: hidden !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table-title {
  padding: 0 !important;
  z-index: 1001 !important;
  width: calc(100% - 80px) !important;
  margin-top: 2px !important;
  margin-left: 70px !important;
  background: #fafafb !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.sqlSyncManageCompanyProfile .company-table table thead {
  background-color: #fafafb !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 32px !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.sqlSyncManageCompanyProfile .company-table .ant-table-tbody > tr > td {
  padding: 4px 12px !important; }

.sqlSyncManageCompanyProfile .company-table .un-text-truncate {
  font-weight: bold !important; }

.sqlSyncManageCompanyProfile .company-table .un-light-label {
  font-size: 14px !important;
  color: #0c2028 !important; }

.sqlSyncManageCompanyProfile .company-table .ant-pagination {
  margin-bottom: 20px;
  margin-top: 20px !important;
  width: max-content !important;
  float: right !important; }

.sqlSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.sqlSyncManageCompanyProfile .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  font-size: 14px; }

.sqlSyncManageCompanyProfile .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-size: 14px; }

.sqlSyncManageCompanyProfile .company-table .ant-table-footer {
  display: none !important; }

@media (min-width: 1024px) {
  .importProductMatchings {
    width: 644px !important;
    margin: 0 auto !important; } }

.importProductMatchings .anticon-spin {
  font-size: 24px; }

.importProductMatchings .plain-btn,
.importProductMatchings .plain-btn:hover {
  text-transform: unset;
  text-decoration: underline; }

.importProductMatchings .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .importProductMatchings .header-buttons .b-btn,
  .importProductMatchings .header-buttons .b-btn:hover,
  .importProductMatchings .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .importProductMatchings .header-buttons .b-btn i,
    .importProductMatchings .header-buttons .b-btn:hover i,
    .importProductMatchings .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.importProductMatchings .feather-upload-cloud {
  font-size: 32px;
  color: #d4d4d4; }

.importProductMatchings .hideUploader {
  display: none; }

.importProductMatchings .uploadList {
  height: 33px;
  width: fit-content;
  width: -moz-fit-content; }
  .importProductMatchings .uploadList .file {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 33px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 7px 12px;
    margin-right: 20px; }
    .importProductMatchings .uploadList .file .feather-file-text {
      color: #647176;
      font-size: 20px !important; }
  .importProductMatchings .uploadList .plain-btn {
    text-decoration: unset; }

.ant-upload.ant-upload-drag::after {
  display: none; }

.importPreview .header-buttons {
  width: calc(100% - 97px) !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1025px) {
    .importPreview .header-buttons {
      min-width: 816px;
      max-width: none; } }
  .importPreview .header-buttons .b-btn,
  .importPreview .header-buttons .b-btn:hover,
  .importPreview .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .importPreview .header-buttons .b-btn i,
    .importPreview .header-buttons .b-btn:hover i,
    .importPreview .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.importPreview .pg-title .listing-btn {
  margin-left: auto; }

.importPreview .body.red,
.importPreview .body.set.warning {
  margin-bottom: 12px; }

.importSuccess.un-box-flat {
  color: #35454c !important;
  border-color: #bcefb9 !important;
  background-color: #f3fff3 !important; }
  .importSuccess.un-box-flat i {
    font-size: 15px !important;
    margin-right: 4px !important; }

.importTable {
  overflow-x: auto; }
  .importTable .ant-table table {
    border: 1px solid #f6f6f6 !important; }
  .importTable .ant-table-thead > tr > th {
    color: #90999d !important;
    font-size: 10px !important;
    height: 56px !important;
    background: #f6f6f6 !important;
    border-left: none !important;
    border-right: none !important; }
  .importTable .ant-table-tbody > tr > td {
    color: #90999d !important;
    font-size: 10px !important; }
  .importTable .ant-table-tbody > tr:last-child > td {
    border-bottom: none !important; }
  .importTable .ant-table-tbody > tr > td {
    padding: 16px 10px !important; }
  .importTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: unset !important; }
  .importTable .un-import-error-column {
    background: #fde3e3;
    padding: 5px !important; }
  .importTable .un-import-warning-column {
    background: #ffe9b8;
    padding: 5px !important; }
  .importTable .un-import-error-block {
    height: 300px;
    overflow: auto; }

.un-import-error-column {
  background: #fde3e3;
  padding: 5px !important; }

@media (min-width: 1024px) {
  .SqlSync-Product-Matching-export {
    width: 644px !important;
    margin: 0 auto !important; } }

.SqlSync-Product-Matching-export .header-buttons {
  min-width: 644px !important;
  max-width: 644px !important;
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed; }
  .SqlSync-Product-Matching-export .header-buttons .b-btn,
  .SqlSync-Product-Matching-export .header-buttons .b-btn:hover,
  .SqlSync-Product-Matching-export .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important;
    text-transform: unset; }
    .SqlSync-Product-Matching-export .header-buttons .b-btn i,
    .SqlSync-Product-Matching-export .header-buttons .b-btn:hover i,
    .SqlSync-Product-Matching-export .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.SqlSync-Product-Matching-export .ant-checkbox,
.SqlSync-Product-Matching-export .ant-checkbox-input,
.SqlSync-Product-Matching-export .ant-checkbox-inner {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important; }

.SqlSync-Product-Matching-export .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
  border-top: unset !important;
  border-bottom: 1px solid #f0f0f0 !important; }

.SqlSync-Product-Matching-export .export-table .ant-table-tbody > tr > td {
  padding: 12px 12px !important; }

.SqlSync-Product-Matching-export .export-table .ant-table table {
  border: none !important;
  box-shadow: none !important; }

.SqlSync-Product-Matching-export .export-table table thead {
  background-color: #fafafb !important; }

.SqlSync-Product-Matching-export .export-table .ant-table-thead th {
  background: #fafafb 0% 0% no-repeat padding-box !important;
  font-size: 12px !important;
  color: #647176 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  height: unset !important; }

.SqlSync-Product-Matching-export .export-table .ant-table-thead > tr > th {
  border-bottom: none !important; }

.SqlSync-Product-Matching-export .export-table .un-text-truncate {
  font-weight: bold !important; }

.SqlSync-Product-Matching-export .export-table .un-light-label {
  font-size: 14px !important; }

.SqlSync-Product-Matching-export .export-table .ant-pagination {
  margin-bottom: 20px;
  margin-right: unset !important;
  padding: 0 !important; }
  .SqlSync-Product-Matching-export .export-table .ant-pagination.with-quick-jumper {
    margin-bottom: 20px !important; }

.channel-list-tab {
  padding-bottom: 0 !important; }
  .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.summary {
  padding: 20px;
  border: 1px solid rgba(221, 221, 221, 0.5);
  width: 225px;
  border-radius: 4px; }

.product-mapping .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #f5f5f5 !important; }

.product-mapping .ant-table-footer {
  height: 40px !important; }

.company-list-dropdown-container {
  width: 297px; }
  .company-list-dropdown-container .un-dots-option-color {
    display: flex !important;
    height: unset !important;
    line-height: unset !important;
    min-height: 34px;
    align-items: baseline; }
    .company-list-dropdown-container .un-dots-option-color .status-tag {
      margin-top: 6px; }
    .company-list-dropdown-container .un-dots-option-color.current .body.set {
      color: #5acc5a !important; }
  .company-list-dropdown-container .caption {
    padding-left: 20px;
    margin-bottom: 0.5rem; }
  .company-list-dropdown-container .plain-btn {
    margin-left: 20px;
    margin-top: 0.5rem; }
  .company-list-dropdown-container .feather-settings {
    margin-right: 8px; }

.sql-sync-modal {
  overflow-y: hidden !important; }
  .sql-sync-modal .icon-delete {
    border: none;
    box-shadow: none;
    background: transparent; }
  .sql-sync-modal .company-table .ant-table-content {
    overflow-x: hidden !important; }
  .sql-sync-modal .company-table .ant-table-title {
    padding: 0 !important;
    z-index: 1001 !important;
    width: calc(100% - 80px) !important;
    margin-top: 2px !important;
    margin-left: 70px !important;
    background: #fafafb !important; }
  .sql-sync-modal .company-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .sql-sync-modal .company-table table thead {
    background-color: #fafafb !important; }
  .sql-sync-modal .company-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 32px !important; }
  .sql-sync-modal .company-table .ant-table-thead > tr > th {
    border-bottom: none !important; }
  .sql-sync-modal .company-table .ant-table-tbody > tr > td {
    padding: 4px 12px !important; }
  .sql-sync-modal .company-table .un-text-truncate {
    font-weight: bold !important; }
  .sql-sync-modal .company-table .un-light-label {
    font-size: 14px !important;
    color: #0c2028 !important; }
  .sql-sync-modal .company-table .ant-pagination {
    margin-bottom: 20px;
    margin-top: 20px !important;
    width: max-content !important;
    float: right !important; }
  .sql-sync-modal .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .sql-sync-modal .company-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    font-size: 14px; }
  .sql-sync-modal .company-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 14px; }
  .sql-sync-modal .company-table .ant-table-footer {
    display: none !important; }
  .sql-sync-modal .ant-collapse {
    border: none !important;
    background-color: unset !important;
    margin-bottom: 20px; }
    .sql-sync-modal .ant-collapse .ant-collapse-item {
      border: none !important;
      margin-bottom: 20px; }
      .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header {
        height: 34px;
        border: none !important;
        background-color: #fafafb !important;
        padding: 0 16px; }
        .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow i {
          font-size: 18px !important;
          color: #647176 !important; }
        .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header {
          display: flex;
          align-items: center;
          font-size: 16px !important;
          font-weight: 500 !important;
          color: #0c2028 !important; }
          .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) {
            display: flex;
            align-items: center; }
            .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header > div:nth-child(2) img {
              margin-right: 8px !important;
              margin-top: 2px !important; }
          .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item {
            width: fit-content !important;
            margin-bottom: 0 !important; }
            .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper {
              height: unset !important;
              line-height: unset !important;
              margin-bottom: 0 !important; }
              .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-header .channel-header .ant-form-item .ant-checkbox-wrapper .ant-checkbox {
                margin-right: 16px; }
      .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content {
        border: none !important; }
        .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
          padding: 16px 16px 0 49px; }
          .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-row {
            row-gap: 8px !important; }
          @media (max-width: 1024px) {
            .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
              margin-bottom: 20px !important; } }
          .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper {
            height: unset;
            min-height: 21px !important;
            line-height: unset !important;
            margin-bottom: 0 !important;
            display: flex;
            align-items: baseline; }
            .sql-sync-modal .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-wrapper .ant-checkbox {
              top: 3px; }

@media (min-width: 1024px) {
  .sqlaccount-sync {
    width: 900px !important;
    margin: 0 auto !important; } }

.sqlaccount-sync .header-buttons {
  width: 100% !important;
  top: 10px !important;
  display: flex;
  position: fixed;
  padding-right: 0 !important; }
  @media (min-width: 1024px) {
    .sqlaccount-sync .header-buttons {
      min-width: 900px !important;
      max-width: 900px !important;
      margin: 0 auto; } }
  .sqlaccount-sync .header-buttons .b-btn,
  .sqlaccount-sync .header-buttons .b-btn:hover,
  .sqlaccount-sync .header-buttons .b-btn:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #0c2028 !important;
    font-size: 20px;
    padding-left: 0 !important; }
    .sqlaccount-sync .header-buttons .b-btn i,
    .sqlaccount-sync .header-buttons .b-btn:hover i,
    .sqlaccount-sync .header-buttons .b-btn:focus i {
      font-size: 20px !important;
      margin-right: 12px !important; }

.sqlaccount-sync .ant-radio-group {
  width: fit-content; }
  .sqlaccount-sync .ant-radio-group .ant-radio-button-wrapper {
    padding: 8px !important;
    height: fit-content !important;
    line-height: 15px !important; }
    .sqlaccount-sync .ant-radio-group .ant-radio-button-wrapper:last-child {
      margin-left: -1px; }
    .sqlaccount-sync .ant-radio-group .ant-radio-button-wrapper i {
      font-size: 20px !important; }

.sqlaccount-sync .unicart-table .ant-list-item {
  width: 100%;
  min-width: 250px;
  padding: 0;
  margin-bottom: 12px; }
  .sqlaccount-sync .unicart-table .ant-list-item .ant-list-item-meta {
    width: 100%; }
  .sqlaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-avatar {
    margin-right: 12px;
    height: 48px;
    width: 48px; }
    .sqlaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
      height: 48px;
      width: 48px;
      border: none !important; }
  .sqlaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-content {
    width: calc(100% - 50px); }
  .sqlaccount-sync .unicart-table .ant-list-item .ant-list-item-meta-title {
    cursor: pointer;
    padding-left: 0;
    margin-bottom: 4px;
    color: #0c2028 !important;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 17px !important; }

.sqlaccount-sync .unicart-table .feather-trash-2 {
  font-size: 20px !important;
  color: #90999d; }
  .sqlaccount-sync .unicart-table .feather-trash-2:hover {
    color: #e0241a !important; }

.sqlaccount-sync .ant-table table {
  border-collapse: separate !important; }

.sqlaccount-sync .ant-table-thead > tr > th {
  border-bottom: none !important; }

.sqlaccount-sync .ant-table-tbody > tr:nth-child(2) > td {
  border-top: 1px solid #e5e5e5 !important; }

.sqlaccount-sync .item-count {
  margin-left: 6px;
  background-color: #e5e5e5 !important;
  color: #0c2028 !important;
  font-size: 11px;
  padding: 2px 6px !important;
  border-radius: 11px;
  width: fit-content; }

.sqlaccount-sync .ant-tabs-tab-active .item-tab {
  font-weight: bold; }

.sqlaccount-sync .ant-tabs-tab-active .item-count {
  margin-left: 6px;
  background-color: #5acc5a !important;
  color: #ffffff !important;
  font-size: 11px;
  padding: 2px 6px !important;
  border-radius: 11px;
  width: fit-content; }

.sqlaccount-sync .video-container {
  margin-bottom: 32px; }

.sqlaccount-sync .video-container > div {
  width: 713px !important;
  height: 401px !important; }
  @media (max-width: 425px) {
    .sqlaccount-sync .video-container > div {
      width: 100% !important;
      height: 220px !important; } }

.sqlaccount-sync .autocount-sync-img {
  margin-bottom: 32px; }

.sqlaccount-sync .benefits {
  padding-inline-start: 24px !important;
  margin-bottom: 32px; }

.sqlaccount-sync .un-box-flat.pricing {
  background: none !important;
  margin-bottom: 32px !important; }
  .sqlaccount-sync .un-box-flat.pricing .pricing-container {
    display: flex;
    align-items: center; }
    .sqlaccount-sync .un-box-flat.pricing .pricing-container .exclusive-container {
      height: fit-content; }

.sqlaccount-sync .download-installer {
  display: inline-flex;
  justify-content: center;
  height: 94px;
  margin-bottom: 32px !important; }

.sqlaccount-sync .contact-us {
  width: 408px;
  margin: 0 auto 20px; }
  @media (max-width: 425px) {
    .sqlaccount-sync .contact-us {
      width: 100% !important; } }

.sqlaccount-sync .contact-us-img {
  height: 120px;
  width: 120px;
  object-fit: contain;
  margin: 0 auto 12px; }

.sqlaccount-sync .contact-name {
  width: fit-content;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto 5px; }
  .sqlaccount-sync .contact-name svg {
    margin-bottom: -2px;
    margin-right: 3px; }

.sqlaccount-sync .contact-no {
  width: fit-content;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #0c2028;
  margin: 0 auto; }

.sqlaccount-sync .un-box-flat {
  align-items: center;
  margin-bottom: 20px !important; }
  .sqlaccount-sync .un-box-flat .body.set {
    align-self: center; }

.sqlaccount-sync .how-to-use {
  width: 100%;
  text-align: right; }
  .sqlaccount-sync .how-to-use .plain-btn i {
    margin-left: 8px; }

.sqlaccount-sync img {
  height: 100%;
  width: 100%;
  object-fit: contain; }

.sql-sync-popover {
  padding: 0 10px; }
  .sql-sync-popover:hover {
    cursor: pointer;
    background-color: #f6f6f6 !important; }

.sync-sales-invoice .ant-table-title,
.sync-sales-order .ant-table-title,
.sync-cash-sales .ant-table-title {
  background-color: transparent !important; }

.sync-sales-invoice .ant-table-title:has(.input-group),
.sync-sales-order .ant-table-title:has(.input-group),
.sync-cash-sales .ant-table-title:has(.input-group) {
  position: absolute !important;
  z-index: 1 !important;
  width: calc(100% - 80px) !important;
  background: #ffffff !important;
  margin-left: 100px !important;
  margin-top: 1px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  border-top-right-radius: 12px !important; }

.sync-sales-invoice .my-color,
.sync-sales-order .my-color,
.sync-cash-sales .my-color {
  background-color: #f6f6f6 !important; }

.sqlsync-po-sync-card .ant-table-title {
  background-color: transparent !important; }

.sqlsync-po-sync-card .ant-table-title:has(.input-group) {
  position: absolute !important;
  z-index: 1 !important;
  width: calc(100% - 80px) !important;
  background: #ffffff !important;
  margin-left: 95px !important;
  margin-top: 1px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  border-top-right-radius: 12px !important; }

.error-row {
  background-color: #ffe0e0; }

.sql-po-quick-view .sql-po-quick-view-general-table tr td:first-child {
  padding-right: 10px !important;
  display: block;
  min-width: 125px; }

.sql-po-quick-view .sql-po-quick-view-product-table {
  overflow-x: auto; }
  .sql-po-quick-view .sql-po-quick-view-product-table .unicart-table .un-table-cell {
    margin-top: 0px !important; }
    .sql-po-quick-view .sql-po-quick-view-product-table .unicart-table .un-table-cell.item-desc-container {
      white-space: normal !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table table {
    border: none !important;
    box-shadow: none !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table table thead {
    background-color: #fafafb !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-thead th {
    background: #fafafb 0% 0% no-repeat padding-box !important;
    font-size: 12px !important;
    color: #647176 !important;
    padding: 9px 12px !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-thead > tr > th,
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-summary > tr > td {
    border-bottom: none !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f0f0 !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table .ant-table-footer {
    height: 0px !important;
    border: none !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-summary tr:first-child td {
    border-top: 1px solid #e5e5e5 !important; }
  .sql-po-quick-view .sql-po-quick-view-product-table .ant-table-summary tr > td {
    padding: 16px 12px !important; }

.header-buttons .btn-add-new-company-profile {
  position: relative;
  float: right; }

.marketplaceTools .ant-modal.migrationModal {
  width: 400px !important; }
  .marketplaceTools .ant-modal.migrationModal .ant-modal-content {
    width: 400px !important; }

.malaysiaMarketplaces .ant-card {
  height: 88px;
  margin-bottom: 20px; }
  .malaysiaMarketplaces .ant-card .ant-card-body {
    height: 88px;
    padding: 20px !important; }
    .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item {
      width: 100%;
      padding: 0; }
      .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta {
        width: 100%; }
      .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-avatar {
        margin-right: 12px; }
        .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
          height: 48px;
          width: 48px;
          border: none !important; }
      .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-content {
        width: calc(100% - 50px); }
      .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-title {
        margin-bottom: 4px;
        color: #0c2028 !important;
        font-size: 14px !important;
        font-weight: bold;
        line-height: 17px !important; }
      .malaysiaMarketplaces .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-description {
        margin-bottom: 4px;
        color: #647176 !important;
        font-size: 14px !important;
        line-height: 17px !important; }

.customMarketplaceLayout {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .customMarketplaceLayout > a {
    width: 269px;
    padding: 10px; }
    @media (max-width: 480px) {
      .customMarketplaceLayout > a {
        width: 100% !important; } }
  .customMarketplaceLayout .ant-card {
    border-radius: 10px !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important; }
    .customMarketplaceLayout .ant-card img {
      height: 48px;
      width: 48px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border: none !important; }
    .customMarketplaceLayout .ant-card .ant-card-body {
      padding: 20px !important; }
      .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item {
        padding: 0 !important; }
        .customMarketplaceLayout .ant-card .ant-card-body .ant-list-item .ant-list-item-meta-avatar {
          margin-right: 12px !important; }
  .customMarketplaceLayout .un-menu-eye-shopify {
    width: fit-content;
    width: -moz-fit-content;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 500;
    margin-left: auto;
    margin-right: 0; }
    .customMarketplaceLayout .un-menu-eye-shopify .un-feather-eye {
      color: #90999d !important;
      font-size: 16px !important; }
    .customMarketplaceLayout .un-menu-eye-shopify:hover .un-feather-eye {
      color: #0c2028 !important;
      font-size: 16px !important; }

.sqlsync-delete-company-profile-modal .ant-modal-body {
  color: #0c2028; }

.sqlsync-delete-company-profile-modal .radio-group span.ant-radio + * {
  padding-left: 16px; }

.sqlsync-delete-company-profile-modal .radio-group .caption-large {
  padding-left: 32px;
  margin-bottom: -8px;
  display: block;
  text-wrap: wrap; }

.sqlsync-delete-company-profile-modal .radio-group .radio-item {
  height: 30px; }

.sqlsync-delete-company-profile-modal .ant-modal-footer .destructive-btn {
  padding: 4px 15px !important; }

.channel-list-tab {
  padding-bottom: 0 !important; }
  .channel-list-tab .ant-tabs {
    border-radius: 0 !important;
    border: none !important; }
  .channel-list-tab .ant-tabs-bar {
    border-bottom: none !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 16px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    color: #0c2028; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
      margin-right: 8px !important; }
    .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
      padding: 0 !important; }
  .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    border: 1px solid #5acc5a !important;
    border-bottom: 3px solid #5acc5a !important; }
  .channel-list-tab .store-list-checkbox {
    padding-bottom: 20px !important; }
    .channel-list-tab .store-list-checkbox .ant-checkbox + span {
      color: #0c2028 !important;
      padding-right: 41px !important;
      padding-left: 12px !important; }

.migrate-sales-order .unicart-filter .date-period .label,
.migrate-sales-invoice .unicart-filter .date-period .label,
.migrate-cash-sales .unicart-filter .date-period .label {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400; }

.sqlsync-po-sync-card .status-row {
  align-items: center; }

.sqlsync-po-sync-card .small-light-font {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #647176 !important;
  letter-spacing: 0px !important;
  min-width: 90px !important; }

.sqlsync-po-sync-card .ant-table-row.ant-table-row-level-0 td {
  vertical-align: middle !important; }

.sqlsync-po-sync-card .ant-table-row.ant-table-row-level-1 .ant-select-arrow {
  user-select: none !important;
  vertical-align: middle !important; }

.sqlsync-po-sync-card .ant-card-head .ant-tabs {
  margin-bottom: 0px !important; }

.sqlsync-po-sync-card .ant-card-head .ant-tabs-content {
  padding-top: 0px !important; }

.sync-error-modal .error-msg {
  font-size: inherit;
  color: #e0241a; }

.sync-error-modal .table-responsive .header {
  display: inline-flex;
  width: 100%;
  background-color: #fafafb;
  border-radius: 4px !important; }
  .sync-error-modal .table-responsive .header .h-item {
    font-size: 12px;
    color: #647176;
    height: 32px;
    padding: 9px 12px; }
    .sync-error-modal .table-responsive .header .h-item.quickbooks-po-number {
      width: 250px; }
    .sync-error-modal .table-responsive .header .h-item.error {
      width: 302px; }

.sync-error-modal .table-responsive .body {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  .sync-error-modal .table-responsive .body .b-row {
    display: inline-flex; }
    .sync-error-modal .table-responsive .body .b-row:not(:last-child) .b-r-item {
      border-bottom: 1px solid #e5e5e5; }
    .sync-error-modal .table-responsive .body .b-row .b-r-item {
      padding: 12px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.quickbooks-po-number {
        width: 250px; }
      .sync-error-modal .table-responsive .body .b-row .b-r-item.error {
        width: 302px; }

.migrate-sales-order .unicart-filter .date-period,
.migrate-sales-invoice .unicart-filter .date-period,
.migrate-cash-sales .unicart-filter .date-period {
  height: 41px !important; }
  .migrate-sales-order .unicart-filter .date-period .label,
  .migrate-sales-invoice .unicart-filter .date-period .label,
  .migrate-cash-sales .unicart-filter .date-period .label {
    color: #0c2028;
    padding-top: 11px;
    padding-right: 20px; }
  .migrate-sales-order .unicart-filter .date-period .date-range2,
  .migrate-sales-invoice .unicart-filter .date-period .date-range2,
  .migrate-cash-sales .unicart-filter .date-period .date-range2 {
    background-color: #ffffff;
    height: 41px !important;
    width: 230px !important;
    border: 1px solid #d4d4d4;
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker {
      width: 200px !important;
      height: 39px !important;
      border: none !important;
      box-shadow: none !important;
      background: none !important;
      left: 30px; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-suffix,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-suffix,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-suffix {
      position: absolute;
      right: 196px; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-input,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-input,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-input {
      width: fit-content;
      width: -moz-fit-content; }
      .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-input input,
      .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-input input,
      .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-input input {
        color: #0c2028 !important; }
    .migrate-sales-order .unicart-filter .date-period .date-range2 .ant-picker-clear,
    .migrate-sales-invoice .unicart-filter .date-period .date-range2 .ant-picker-clear,
    .migrate-cash-sales .unicart-filter .date-period .date-range2 .ant-picker-clear {
      display: none !important; }
  .migrate-sales-order .unicart-filter .date-period .feather-calendar,
  .migrate-sales-invoice .unicart-filter .date-period .feather-calendar,
  .migrate-cash-sales .unicart-filter .date-period .feather-calendar {
    color: #90999d !important;
    font-size: 20px !important; }
  .migrate-sales-order .unicart-filter .date-period .date-picker-button,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button {
    height: 41px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    color: #38484f !important; }
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:hover,
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:active,
  .migrate-sales-order .unicart-filter .date-period .date-picker-button:focus,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:hover,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:active,
  .migrate-sales-invoice .unicart-filter .date-period .date-picker-button:focus,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:hover,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:active,
  .migrate-cash-sales .unicart-filter .date-period .date-picker-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important; }

.migrate-sales-order .unicart-table .ant-table-tbody > tr > td,
.migrate-sales-invoice .unicart-table .ant-table-tbody > tr > td,
.migrate-cash-sales .unicart-table .ant-table-tbody > tr > td {
  border-top: 1px solid #e5e5e5 !important; }

.purchase-order .unicart-table .ant-table-tbody > tr:nth-child(2) > td {
  vertical-align: middle !important;
  border-top: 1px solid #e5e5e5 !important; }