@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap);
/**************Pimerce Blue Theme***************/

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sales-version-two *::-webkit-scrollbar-thumb,
.rating-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sales-version-two *::-webkit-scrollbar-track-piece,
.rating-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.main_container .sales-version-two.card > .common-card-header {
  padding-bottom: 0;
  height: auto;
  padding-top: 2px;
  padding-bottom: 18px; }

.sales-version-two.card {
  height: calc(100vh - 50px);
  border: unset; }
  .sales-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin: 0; }
  .sales-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .sales-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .sales-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset; }
    .sales-version-two.card .common-card-header .common-header-component {
      align-items: center;
      position: relative;
      right: 4px; }
      .sales-version-two.card .common-card-header .common-header-component .page-title {
        font-size: 24px;
        font-weight: 700;
        color: #212427;
        font-family: 'Chivo'; }
  .sales-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -7px; }
  .sales-version-two.card .panel-main-container {
    height: 95%;
    position: relative;
    margin: 0 -1.25rem; }
  .sales-version-two.card .logo-container {
    height: 40px;
    width: 100%;
    align-items: center; }
  .sales-version-two.card .logo-container img {
    width: 100%; }
  .sales-version-two.card .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 0px 0px 12px 0; }
  .sales-version-two.card .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .sales-version-two.card .carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 12px; }
  .sales-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .sales-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .sales-version-two.card .grid-container {
    height: auto;
    width: 100%; }
  .sales-version-two.card .left-panel {
    width: 100%; }
  .sales-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .sales-version-two.card .right-panel,
  .sales-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem;
    margin-top: -5px; }
  .sales-version-two.card .right-panel {
    width: 440px;
    padding-right: 0; }
  .sales-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
  .sales-version-two.card .card-footer {
    background-color: #fff; }
  .sales-version-two.card .msg-box-container .align-items-start {
    align-items: center !important; }
  .sales-version-two.card .msg-box-container .flex-column {
    flex-direction: row !important; }
  .sales-version-two.card .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .sales-version-two.card .msg-box-container .card {
    border: none; }
  .sales-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .sales-version-two.card .load-no-data-container .pimerce-table-v-two-layout .clickable-grid-container {
    min-height: 67vh; }
  .sales-version-two.card .clickable-grid-container.card-body .data-table-version-two {
    width: 100%;
    height: auto !important;
    overflow: auto;
    padding: 0px 0px 5px; }
  .sales-version-two.card .action-list.sort-container {
    width: 10.5%;
    min-width: 190px; }
  .sales-version-two.card .p-datatable-tbody .cell-content.p-highlight {
    background: unset !important; }
  .sales-version-two.card .retailer-logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 18px; }
  .sales-version-two.card .retailer-logo-container img {
    height: 100%;
    width: 100%; }
  .sales-version-two.card .api-error-card {
    min-height: 55vh; }
  .sales-version-two.card .enable-loader .p-datatable .p-datatable-tbody > tr > td.expander-column button.p-row-toggler.p-link {
    display: none; }
  .sales-version-two.card #sales-logo.logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 15px;
    margin-top: 10px; }
    .sales-version-two.card #sales-logo.logo-container img {
      height: 40px;
      width: 100px;
      object-fit: cover;
      position: relative; }
  .sales-version-two.card .pi-custom-breadcrumnb .breadcrumb-item a {
    color: #212427;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Chivo'; }
  .sales-version-two.card .pi-custom-breadcrumnb .breadcrumb-item:first-child {
    pointer-events: none; }
  .sales-version-two.card .pi-custom-breadcrumnb .breadcrumb-item.active {
    color: #212427;
    font-size: 12px;
    font-family: 'Chivo';
    display: flex;
    align-items: end; }
  .sales-version-two.card .tile-carousel-container .tile-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    gap: 2rem; }
  .sales-version-two.card .tile-carousel-container .carousel-container {
    display: flex;
    width: max-content;
    overflow: auto;
    scroll-behavior: smooth;
    padding: 2px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px; }
  .sales-version-two.card .tile-carousel-container .title {
    display: flex;
    text-wrap: nowrap;
    flex-direction: row;
    font-size: 12px;
    font-family: 'Chivo';
    font-weight: 400;
    color: #212427;
    width: 100%;
    margin-left: 16px;
    line-height: 14.28px; }
  .sales-version-two.card .tile-carousel-container .subtitle-msg {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    text-wrap: nowrap;
    flex-direction: row;
    font-family: 'Chivo';
    color: #212427;
    padding-right: 16px;
    width: 100%; }
  .sales-version-two.card .tile-carousel-container .subtitle-msg-positive {
    display: flex;
    text-wrap: nowrap;
    flex-direction: row;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Chivo';
    color: #009688;
    padding-right: 16px;
    width: 100%; }
  .sales-version-two.card .tile-carousel-container .subtitle-msg-negative {
    display: flex;
    text-wrap: nowrap;
    flex-direction: row;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Chivo';
    color: #B3001C;
    padding-right: 16px;
    width: 100%; }
  .sales-version-two.card .tile-carousel-container .view-by {
    display: flex;
    text-wrap: nowrap;
    flex-direction: row;
    font-size: 12px;
    font-family: 'Chivo';
    font-weight: 400;
    color: #60666B;
    width: 100%;
    margin-left: 16px;
    margin-top: 2px; }
  .sales-version-two.card .tile-carousel-container .tile-header-toDate {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-around;
    padding: 16px;
    margin-top: -7px;
    height: 112px; }
  .sales-version-two.card .tile-carousel-container .title-toDate {
    font-size: 12px;
    font-family: 'Chivo';
    font-weight: 400;
    color: #212427;
    width: 88px;
    position: relative;
    top: -9px; }
  .sales-version-two.card .tile-carousel-container .subtitle-msg-toDate {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Chivo';
    justify-content: center;
    display: flex;
    color: #212427; }
  .sales-version-two.card .sales-graph-container {
    border-radius: 8px;
    width: 100%;
    height: 463px;
    overflow: hidden; }
    .sales-version-two.card .sales-graph-container .custom-graph-container.tabmenu-enabled .custom-graph-panel {
      margin-left: 0px;
      margin-top: -15px; }
    .sales-version-two.card .sales-graph-container .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
      left: -6px !important;
      bottom: 0px !important; }
    .sales-version-two.card .sales-graph-container .apexcharts-legend-text {
      font-family: 'Chivo' !important;
      color: #60666B !important; }
    .sales-version-two.card .sales-graph-container .title {
      font-family: 'Chivo';
      font-size: 16px;
      font-weight: 500;
      color: #212427;
      margin-left: 1px; }
    .sales-version-two.card .sales-graph-container .card-body {
      flex: 1 1 auto;
      padding: 1.25rem 1.25rem 0 1.25rem; }
    .sales-version-two.card .sales-graph-container .reload-card-container {
      text-align: center;
      display: flex;
      width: 100%;
      height: 100%;
      min-height: inherit;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: transparent;
      border: none;
      position: relative;
      top: 6rem; }
  .sales-version-two.card .common-loader-enable.panel-main-container {
    height: 78vh;
    min-height: unset; }
  .sales-version-two.card .global-sales-common-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    height: 100%;
    width: 100%; }
  .sales-version-two.card .sales-grid {
    margin-top: 16px; }
    .sales-version-two.card .sales-grid .card-container-v-two .title {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      font-family: 'Chivo'; }
    .sales-version-two.card .sales-grid .cell-content {
      width: auto;
      height: 44px !important; }
    .sales-version-two.card .sales-grid .cell-content-ytd-positive {
      background-color: #D5F3F0; }
    .sales-version-two.card .sales-grid .cell-content-ytd-negative {
      background-color: #FFE7EB; }
    .sales-version-two.card .sales-grid .ytd-positive {
      width: auto;
      height: 44px;
      background-color: #D5F3F0;
      display: flex;
      align-items: center;
      justify-content: center; }
    .sales-version-two.card .sales-grid .ytd-negative {
      width: auto;
      height: 44px;
      background-color: #FFE7EB;
      display: flex;
      align-items: center;
      justify-content: center; }
  .sales-version-two.card .p-tabview-panels {
    padding: 0px; }
  .sales-version-two.card .p-tabview-selected {
    background: #ffff; }
    .sales-version-two.card .p-tabview-selected .p-tabview-title {
      color: #1B64F2 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .sales-version-two.card .p-tabview-nav li {
    border-right: 0px !important; }
  .sales-version-two.card .p-tabview-nav-container {
    padding-bottom: 16px;
    padding-top: 1px; }
  .sales-version-two.card .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .sales-version-two.card .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .sales-version-two.card .tab-component {
    padding-top: 16px; }
  .sales-version-two.card .superset-dashboard-button-container .superset-dashboard-view-button {
    margin-bottom: 20px;
    cursor: pointer; }

.sales-error-container.api-error-card {
  min-height: 90vh; }

/**************Pimerce Blue Theme***************/

.tooltip {
  position: relative;
  display: inline-block;
  z-index: 10 !important; }

.tooltip .tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s; }

/* Tooltip top content */
.top .tooltip-text {
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  /* 120/2 = 60 */ }

/* Tooltip right content */
.right .tooltip-text {
  top: -5px;
  left: 110%; }

/* Tooltip bottom content */
.bottom .tooltip-text {
  top: 100%;
  left: 50%;
  z-index: 10 !important;
  margin-left: -60px;
  /* 120/2 = 60 */ }

/* Tooltip left content */
.left .tooltip-text {
  top: -5px;
  right: 110%; }

.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid; }

/* Tooltip top arrow */
.top .tooltip-text::after {
  margin-left: -5px;
  left: 50%;
  top: 100%;
  border-color: #555 transparent transparent transparent; }

/* Tooltip bottom arrow */
.bottom .tooltip-text::after {
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
  border-color: transparent transparent #555 transparent; }

/* Tooltip left arrow */
.left .tooltip-text::after {
  top: 50%;
  margin-top: -5px;
  left: 100%;
  border-color: transparent transparent transparent #555; }

/* Tooltip right arrow */
.right .tooltip-text::after {
  top: 50%;
  margin-top: -5px;
  right: 100%;
  border-color: transparent #555 transparent transparent; }

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1; }

.tooltip-inner {
  max-width: 779px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #1B64F2;
  border-radius: 0rem;
  overflow-wrap: break-word;
  hyphens: auto; }

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #1B64F2; }

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #1B64F2; }

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #1B64F2; }

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #1B64F2; }

.tag-one {
  border-radius: 1px !important;
  margin-right: 10px;
  border: 1px solid rgba(200, 83, 195, 0.19);
  background: #FFE9FF;
  color: #C853C3;
  min-width: 100px;
  max-width: 100px;
  min-height: 20px;
  max-height: 20px; }

.tag-two {
  border-radius: 1px !important;
  background: #FDF6D4;
  color: #F47A36;
  min-width: 100px;
  max-width: 100px;
  min-height: 20px;
  max-height: 20px; }

.tag-one .p-tag-icon, .p-tag-value, .p-tag-icon.pi {
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
#overlay-tooltip .tooltip-inner {
  background-color: #003759;
  border-radius: 5px;
  padding: 6px 15px; }

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #003759; }

.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #003759; }

.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #003759; }

.pi-tooltip .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #003759; }

.nodata-message-color {
  color: #FFFFFF; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.api-error-card {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .api-error-card .heading-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: block;
    margin-bottom: 1px; }
  .api-error-card .sub-heading-msg {
    margin-top: 2px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    color: #60666B;
    display: block; }
    .api-error-card .sub-heading-msg a:hover {
      color: #007bff !important; }
  .api-error-card .admin-btn {
    background-color: white;
    color: #1B64F2;
    border-radius: 8px;
    width: 200px;
    height: 40px; }
  .api-error-card .card-body {
    flex: none; }
  .api-error-card .api-error-header {
    background-color: transparent;
    border: none; }
  .api-error-card .api-error-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .api-error-card .api-error-footer {
    background-color: transparent;
    border: none;
    margin-top: -36px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.common-header-component {
  align-items: center; }
  .common-header-component .page-title {
    font-size: 24px;
    font-weight: 700;
    color: #212427; }
  .common-header-component .btn-container {
    display: flex; }
  .common-header-component .filters-container {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .btn-component {
    height: 40px;
    padding: 0 11px;
    border: 1px solid;
    border-color: #a7abaf;
    border-radius: 8px;
    color: #212427;
    margin-right: 17px; }
  .common-header-component .p-button.p-component.btn-component:hover {
    padding: 0 11px;
    border: 1px solid;
    background-color: #c3c3c3cc !important;
    border-color: #a7abaf;
    color: #212427cc; }
  .common-header-component .icon-container {
    display: flex;
    padding: 5px 17px;
    border-left: 1px solid #b9b9b9; }
    .common-header-component .icon-container .pi-user {
      margin-top: 3px !important; }
  .common-header-component .icon-container i {
    font-size: 24px; }
  .common-header-component .icon-container i:not(:last-child) {
    margin-right: 17px; }
  .common-header-component .icon-container .header-flag-icon {
    position: unset;
    display: block; }
  .common-header-component .date-picker-container {
    position: absolute;
    z-index: 999;
    border-radius: 8px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 1.5px 10px 3.5px #ECECEC;
    border-color: #A7AbAf; }
  .common-header-component .btn-region-dashboard {
    width: 150px;
    height: 40px;
    padding: 0px;
    gap: 4px;
    border: 1px solid #A7ABAF;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 17px;
    margin-left: 15px; }
    .common-header-component .btn-region-dashboard .dropdown-menu {
      inset: 0px -15% auto auto !important; }
  .common-header-component .dashboard-Regional-Button-Row {
    margin-top: 0px;
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .global-Icon-Img {
    bottom: 4px;
    position: unset; }
  .common-header-component .db-global-icon-col {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0; }
  .common-header-component .db-region-label-col {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0px 30px; }
  .common-header-component .region-btn-label {
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 0px;
    color: #212427; }
  .common-header-component .btn-region-dashboard:hover {
    border: 1px solid #A7ABAF !important;
    background-color: #DBDCDC !important;
    color: #000000 !important; }
  .common-header-component .filters-container .filter-v-two .p-button-icon {
    font-size: 24px;
    margin-right: 8px;
    color: #000000; }
  .common-header-component .market-back-navigate-btn {
    height: 40px;
    gap: 4px;
    padding: 10px;
    border: 1px solid #1B64F2;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 17px; }
  .common-header-component .sai-header-icon-style {
    width: 23px;
    vertical-align: top; }
  .common-header-component .sai-header-hidtory-icon-style {
    width: 24px; }
  .common-header-component .sai-calendar-btn {
    background-color: transparent;
    color: #474751;
    border-color: transparent;
    padding: 0px;
    position: relative;
    top: -3px; }
  .common-header-component .sai-expert-icon-style {
    width: 32px;
    height: 25px;
    margin-top: -10px; }

* button {
  box-shadow: none !important; }

.modal-backdrop {
  background-color: rgba(0, 51, 83, 0.2) !important; }

.modal-backdrop.show {
  opacity: 0.5; }

.modal-header {
  align-items: center !important; }

.cutsom-header {
  display: flex;
  flex-direction: column; }

.header-date-style {
  font-size: 16px; }

/**************Pimerce Blue Theme***************/

.flagCircleIcon {
  width: 24px;
  height: 24px;
  object-fit: cover;
  cursor: default;
  border: 1px solid white;
  border-radius: 1em;
  margin-right: 16px; }

.flag-icon-div-style {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 1px;
  margin-bottom: 3px; }

.profile-info-icon-style {
  width: 23px;
  height: 23px;
  margin: 20px 21px 16px 10px;
  cursor: pointer; }

.support-link-style {
  position: relative;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-left: 22px;
  padding-top: -2px;
  width: 91px;
  height: 28px;
  margin-top: 17px; }

.support-link-Text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  padding: 20px; }

.support-icon-style {
  margin-right: 30px; }

.bkbtnalignment {
  border-radius: 19.5px;
  background-color: #e3f3ff;
  color: #1B64F2;
  width: 100px; }

.bkbtnalignmentDiv {
  display: flex;
  flex: inherit;
  margin-top: -5px; }

/**************Pimerce Blue Theme***************/

.profileDummyImage {
  position: absolute;
  z-index: 1;
  display: initial; }

.profileContainer {
  justify-content: center; }

.profileCardBody {
  margin-top: 6%;
  padding: 10%; }

.cardFieldRow {
  width: 50%; }

.LogoutbuttonStyle {
  position: absolute;
  right: 2%;
  width: 125px;
  height: 52px;
  padding: 0px;
  margin-top: -31px;
  cursor: pointer; }

.logoutModal .modal-content {
  background: #30191900 !important;
  border: none; }

.screenForm {
  text-align: center;
  padding: 8px !important;
  margin-top: -6px !important; }

.formgroup {
  position: relative;
  display: flex;
  justify-content: center;
  margin-left: 56px; }

.form-group-resetpassword {
  position: relative;
  display: flex;
  justify-content: center; }

.cardFieldCol {
  height: 100%;
  justify-content: center; }

.submitButton[type="button"] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 0px !important;
  color: #1B64F2; }

.submitButton[type="button"]:focus,
#cancelBtn:focus {
  box-shadow: 0 0 0 0.2rem transparent !important; }

#saveBtn {
  background-color: #e3f3ff;
  margin-top: 20px;
  margin-left: 55px;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

#cancelBtn {
  margin-top: -66px;
  border: solid 2px #c6cbd4;
  color: #000000;
  margin-left: 251px;
  color: #1B64F2;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff; }

.profileInputs input {
  text-align: left;
  padding-left: 15px;
  width: 325px;
  height: 50px;
  font-size: 14px;
  border-radius: 0px !important;
  border: solid 1px #c2d5e5;
  background-color: #edf1f4; }

.profilePlaceholder {
  font-style: italic;
  font-size: 12px;
  color: #999999; }

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: transparent; }

.currentPasswordValid {
  position: absolute;
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end;
  top: 38px;
  right: 3px; }

.logoutBtn {
  width: 105px;
  border-radius: 0px;
  border: none;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #000000;
  font-family: Chivo-Medium; }

.logoutBtn.setupProfilebtnColor {
  background-color: #1B64F2;
  color: #ffffff; }

.logoutBtn:hover {
  background: #1B64F2;
  border: none; }

.confrimPasswordValid {
  position: absolute;
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end;
  top: 38px;
  right: 3px;
  top: 48px; }

.profile-close-icon {
  width: 15px;
  height: 15px;
  margin: 7px -9px 2px 23px;
  cursor: pointer; }

.versioningText {
  color: #000000;
  font-weight: 200;
  font-size: 14px;
  margin-top: 107px;
  margin-left: 70px; }

.profileInputs input::-webkit-input-placeholder {
  font-size: 12px; }

.ChangePasswordStyle {
  color: #003353;
  font-weight: 200;
  font-size: 14px;
  margin-top: -19px;
  margin-left: -158px; }

.footerStyle {
  color: #FF0004;
  font-weight: 200;
  font-size: 14px;
  margin-top: -130px;
  margin-left: 215px; }

.support-link-style {
  position: relative;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-left: 22px;
  padding-top: -2px;
  width: 91px;
  height: 65px; }

.support-link-Text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  padding: 20px; }

.overlayOpen {
  margin-top: -65px; }

.overlayOpenLogout {
  position: absolute;
  right: 2%;
  width: 125px;
  height: 52px;
  padding: 0px;
  margin-top: -96px;
  cursor: pointer; }

.logoutBtnIcon {
  filter: brightness(1.5) invert(1);
  margin: 0px 0px 3px 4px;
  width: 20px; }

.setup-profile-style {
  color: #003353;
  font-size: 18px;
  font-weight: bolder;
  padding-bottom: 25px;
  padding-top: 10px;
  padding-left: 54px; }

.form-control:disabled.form-control {
  background-color: #f8fcff;
  opacity: 0.5;
  cursor: not-allowed !important; }

#saveBtn.setupProfilebtnColor, #cancelBtn.setupProfilebtnColor {
  background-color: #1B64F2;
  color: #ffffff; }

/**************Pimerce Blue Theme***************/

.loginBoxLayout {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; }

.loginTopContent {
  display: flex;
  padding: 40px; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 256px;
  padding-right: 0em; }

.textfield-login {
  top: 20px;
  width: 256px;
  margin-left: 118px; }

.login-block-info {
  color: #01337d;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 28px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.letsGet {
  line-height: 1.07;
  font-style: normal;
  font-stretch: normal;
  font-size: 60px;
  letter-spacing: normal;
  color: #ffffff;
  font-family: Chivo-Bold; }

.needInfo {
  font-family: Chivo-Regular;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff; }

.container-login {
  display: flex;
  justify-content: center; }

.login-box {
  width: 1000px;
  z-index: 1;
  height: 420px;
  background: #ffffff;
  display: -webkit-flex;
  flex-direction: row-reverse;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em; }

/*==================================================================
[ login more ]*/
.loginBgImage {
  width: 96%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  height: 420px;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em; }

/*[ Form Styles]*/
.login-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 101px; }

#loginLeftBlock {
  display: block; }

#loginBtnBlock {
  border-radius: 2em;
  position: absolute;
  margin-top: 195px;
  margin-left: -55px; }

@media (min-width: 320px) and (max-width: 414px) {
  #loginLeftBlock {
    display: none; }
  #loginBtnBlock {
    border-radius: 2em;
    position: absolute;
    margin-top: 195px;
    margin-left: -44px; }
  .loginTopContent {
    justify-content: center; }
  .forgot {
    color: #ff656c !important;
    font-family: Chivo-Regular;
    font-size: 12px !important;
    text-decoration: underline !important;
    font-weight: normal;
    display: flex;
    justify-content: center; }
  .login-box {
    width: 949px;
    height: 378px;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row-reverse;
    z-index: 1;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em; }
  .login-block-info {
    color: #01337d;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    bottom: 40px;
    left: 25px;
    line-height: normal;
    letter-spacing: normal; } }

.login-left-box {
  width: 115%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1; }

.login-left-image-box {
  z-index: 33;
  left: 24px;
  position: absolute;
  bottom: 47px;
  color: #ffffff; }

@media (min-width: 650px) {
  .loginBoxLayout {
    background-position: center center; }
  .loginTopContent {
    align-items: flex-end; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .login-form {
    display: flex;
    justify-content: center; }
  .login-block-info {
    color: #003353;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    bottom: 40px; } }

@media (min-width: 768px) and (max-width: 3440px) {
  .loginContentContainer {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

.logout-loading-style1 {
  justify-content: center;
  display: flex;
  color: #000000;
  font-weight: bolder;
  border-radius: 15px; }

.logout-loading-style2 {
  padding: 4px;
  padding-right: 8px;
  font-size: 30px;
  color: #ffffff; }

.login-btn-loading-style {
  color: #637280; }

.pixlogin {
  background-color: #1B64F2;
  overflow: auto; }

.modal-open .pixlogin {
  overflow: hidden; }

.features-section > ul {
  padding-left: 25px; }

.features-section > ul > li {
  margin-bottom: 30px; }

.pixlogin .pixContainer {
  width: 1251px;
  height: 665px;
  min-height: 500px;
  background: #ffffff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);
  margin: 30px auto; }

.pixlogin .emailid-placeholder,
.pixlogin .password-placeholder {
  background: #ffffff;
  border-radius: 0px !important;
  padding-left: "12px";
  padding-bottom: "3px"; }

.pixlogin .login-text {
  font-weight: 400;
  font-size: 12px;
  color: #181717; }

.pixlogin .pix-Description {
  padding: 0px;
  height: 100%; }

.pixlogin .project-title {
  font-family: Chivo-Italic;
  height: 170px;
  font-weight: 900;
  font-size: 143.033px;
  line-height: 170px;
  color: #ffffff;
  mix-blend-mode: normal;
  opacity: 0.05;
  text-indent: 220px;
  letter-spacing: 10px;
  text-transform: uppercase; }

.pixlogin .store-image {
  width: auto;
  height: auto;
  margin: 0px auto; }

.pixlogin .store-image > img {
  width: 347px;
  height: 285px; }

.pixlogin .Content-holder section {
  color: #ffffff; }

.pixlogin .login-header {
  font-weight: 900;
  font-size: 143.033px;
  line-height: 170px;
  mix-blend-mode: normal;
  opacity: 0.05;
  font-family: Chivo-Bold;
  text-indent: 180px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic; }

.pixlogin .content-text {
  word-break: break-all; }

.pixlogin .content-section {
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: 400; }

.pixlogin .section-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  font-family: Chivo-Bold; }

.pixlogin .about-section-content {
  margin-bottom: 40px;
  color: white; }

.pixlogin .login-svg {
  width: 100%;
  height: 100%; }

.pixlogin .pixloginForm {
  height: 100%; }

.pixlogin .logoSection {
  margin-top: 133px;
  margin-left: 75px; }

.pixlogin .logo-style {
  width: 145px; }

.pixlogin .login-form {
  margin-top: 52px; }

.pixlogin #new-login-btn {
  color: #ffffff;
  width: 120px;
  height: 32px;
  background: #1B64F2 !important;
  border-radius: 0px !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-left: -5px;
  margin-top: 18px; }

.pixlogin .forgot {
  margin-left: -5px;
  font-weight: 900;
  font-size: 12px;
  color: #000000; }

.pixlogin .emailid-field,
.pixlogin .password-field {
  border-radius: 0px !important;
  padding-left: 10px;
  padding-bottom: 3px; }

.pixlogin .login-page-constant {
  display: contents; }

.pixlogin .textbox-padding {
  padding-top: 1.5em; }

.pixlogin .inputGroup-Prepend1 {
  position: absolute;
  margin-top: 13px;
  margin-left: 200px;
  z-index: 5; }

.pixlogin .inputGroup-Prepend2 {
  position: absolute;
  margin-top: 13px;
  margin-left: 250px;
  z-index: 5; }

.pixlogin .fa {
  font-size: 14px; }

.otp-header {
  font-size: 16px;
  color: #003353;
  font-family: 'Chivo-Bold'; }

.otp-container {
  margin: 20px; }

.otp-label {
  font-size: 15px;
  color: #003353;
  font-weight: bold;
  margin-bottom: 15px;
  margin-left: 22px; }

.otp-input-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 15px; }

.otp-action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px; }

.otp-resend-btn {
  color: #637280;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 900;
  font-family: 'Chivo-Regular'; }

.otp-submit-btn {
  background-color: #1B64F2;
  font-size: 12px;
  color: #ffffff;
  border: none; }

.otp-error {
  color: #f15757;
  font-size: 12px;
  margin-top: 10px;
  text-align: center; }

.otp-input-container {
  display: flex !important;
  gap: 12px !important; }

.otp-input {
  width: 40px !important;
  height: 40px !important;
  font-size: 24px !important;
  text-align: center !important; }

/**************Pimerce Blue Theme***************/

.changePasswordCard {
  text-align: center;
  display: grid !important;
  border: none !important; }

.resetPasswordCard {
  text-align: center;
  justify-content: center;
  height: 625px; }

.screenForm {
  background: #ffffff;
  padding: 30px;
  border-radius: 2em; }

.resetPageLink {
  font-size: medium;
  font-family: Chivo-Regular; }

.resetPageLink:hover {
  color: #082056 !important; }

.reset-text {
  font-size: 20px;
  font-weight: bolder;
  padding-bottom: 2rem; }

.reset-link-text {
  font-size: small;
  color: darkgrey;
  margin-top: -31px;
  padding-bottom: 35px; }

.logo {
  width: 130px;
  height: 95px;
  justify-content: center;
  margin-left: 294px;
  margin-top: -97px; }

.inputField input {
  text-align: left;
  padding-left: 15px;
  width: 296px;
  height: 40px;
  font-size: 14px;
  border-radius: 20px !important; }

.inputField input::-webkit-input-placeholder {
  font-size: 12px; }

.submitButtonStyle[type='submit'] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 24px !important;
  color: #1B64F2; }

.submitButtonStyle:focus {
  border: 5px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(31, 96, 170, 0.11); }

.cancelButtonStyle[type='button'] {
  color: #ffffff;
  border: none;
  width: 183px;
  height: 40px;
  font-size: 12px;
  border-radius: 24px !important;
  color: #1B64F2; }

.cancelButtonStyle[type='button']:focus .submitButtonStyle[type='button']:focus,
#cancelButton:focus {
  box-shadow: 0 0 0 0.2rem transparent !important; }

#saveButton {
  background-color: #e3f3ff;
  margin-top: 20px;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

#save-button {
  background-color: #1B64F2;
  width: 296px;
  height: 40px;
  border-radius: 15px; }

.confrim-password-validation {
  color: #dc3545;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: italic;
  text-align: end; }

#cancelButton {
  margin-top: -114px;
  border: solid 2px #c6cbd4;
  color: black;
  margin-left: 199px;
  color: #1B64F2;
  border: 1px solid #c2d5e5;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff; }

.formgroupStyle {
  position: relative;
  display: flex;
  justify-content: center;
  margin-left: 56px; }

.profileInputStyle input {
  text-align: left;
  padding-left: 15px;
  width: 325px !important;
  height: 50px;
  font-size: 14px;
  border-radius: 20px !important;
  border: solid 1px #c2d5e5;
  background-color: #ffffff; }

.profileInputStyle input::-webkit-input-placeholder {
  font-size: 12px; }

.ProfileBoxStyle {
  width: 325px !important;
  height: 50px;
  margin-left: -54px;
  padding-top: 2px; }
  .ProfileBoxStyle .form-control {
    background-image: none; }

.card-style-div {
  padding: 4% 31% 0px 30%;
  border-radius: 25px; }

.card-style {
  border-radius: 25px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); }

.change-password-card-style {
  text-align: center;
  border: none;
  top: 50px; }

.change-password-style {
  color: #003353;
  font-size: 16px;
  font-weight: bolder;
  padding-bottom: 20px;
  padding-top: 28px; }

.change-password-form-group {
  color: #FF0004;
  font-size: 10px;
  padding-bottom: 1rem;
  margin-top: -30px; }

.change-password-button {
  background: #1B64F2 !important;
  color: #ffffff !important;
  height: 40px;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Chivo-Regular";
  margin-bottom: 20px;
  width: 150px; }

#password-cancel-btn {
  margin-left: 13px; }

.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  animation: Toastify__trackProgress linear 1;
  background-color: rgba(255, 255, 255, 0.7); }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 110%, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -110%, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
/**************Pimerce Blue Theme***************/

.modal-header {
  border-bottom: none;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 1rem 2rem 1rem 1rem;
  background-color: white; }

.modal-open {
  margin-right: -11.5px !important;
  padding-right: 16px !important; }

.modal-header-without-title {
  border-bottom: none;
  padding: 0rem 2rem 0rem 1rem;
  position: absolute;
  top: 2px;
  z-index: 5;
  right: 0;
  background-color: white; }

.modal-header .close {
  font-size: 28px;
  font-weight: bold;
  line-height: 2;
  color: #000;
  display: contents; }

.modal-title {
  font-family: Chivo-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  width: -webkit-fill-available; }

.modal-body {
  padding: 0px; }

.modal-content {
  border-radius: 8px;
  border: none !important; }

.modal-footer {
  border: none;
  display: flex;
  justify-content: flex-start;
  height: 90px; }

.hide-modal-footer {
  display: none; }

.modalButton, .submitBtn, .submitBtnDisbled, .cancelBtn {
  width: 105px;
  height: 32px;
  color: #1B64F2;
  font-family: Chivo-Medium;
  font-size: 12px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  padding: 1px 11px 1px 11px;
  border-radius: 19.5px;
  line-height: 2.14; }

.submitBtn, .submitBtnDisbled {
  background-color: #1B64F2 !important;
  color: #FFF !important;
  border: solid 1px #c2d5e5; }

.submitBtnDisbled {
  cursor: no-drop; }

.submitBtnDisbled.btn.btn-primary:hover {
  cursor: no-drop; }

button.submitBtnDisbled.btn.btn-primary {
  background-color: #e3f3ff;
  color: #1B64F2;
  cursor: no-drop; }

button.submitBtnDisbled.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #1B64F2; }

button.btn.submitBtn, button.btn.submitBtnDisbled {
  border-radius: 0px !important; }

button.submitBtn.btn.btn-primary:hover, button.btn.btn-primary.submitBtnDisbled:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #1B64F2; }

.cancelBtn {
  border: solid 1px #c2d5e5;
  background-color: #1B64F2;
  color: #FFF; }

button.btn.cancelBtn {
  border-radius: 0px !important; }

button.cancelBtn.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e3f3ff;
  color: #1B64F2; }

.modalDropdown, input.modalInputBox, input.modalInputBoxPromotion, input.modalInputBox:disabled, input.preferredEmailInputBox, .errorBox {
  width: 259px;
  height: 38px;
  border: solid 1px #bbbbbb;
  font-size: 14px;
  font-family: Chivo-Regular;
  line-height: 1.43;
  color: #3a3b3f;
  margin: 6px 90px 25px 1px;
  box-shadow: none; }

.exportText {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 8px 0px 9px 42px;
  margin-bottom: 34px;
  margin-left: -16px; }

input.modalInputBox {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 89% !important; }

input.modalInputBoxPromotion {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 97% !important;
  margin-bottom: 5px; }

input.modalInputBoxPromotion:focus {
  border: solid 1px #bbbbbb; }

input.modalInputBox:disabled {
  padding: 12px;
  color: #000000;
  background-color: #dddddd;
  width: 89% !important; }

.label-info {
  display: inline-block;
  background-color: #636c72;
  padding: 0 .4em .15em;
  border-radius: .25rem;
  margin-bottom: 0.4em;
  text-transform: lowercase; }

.modal-inputbox-email {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out; }
  .modal-inputbox-email.has-focus {
    background-color: #ffffff;
    border-color: #5cb3fd; }

.inner-input {
  border: none;
  font-size: 13px;
  font-family: 'Chivo-Regular';
  width: inherit; }

.modal-inputbox-email {
  margin-top: 6px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 4.5px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  max-width: 100%;
  line-height: 25px;
  cursor: text; }

.modal-inputbox-email .label-info {
  display: inline-block;
  background-color: #1B64F2;
  padding: 0 0.4em 0.15em;
  border-radius: 0.25rem;
  margin-bottom: 0.4em; }

.modal-inputbox-email .tag {
  margin-right: 2px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

input.modalInputBox:focus {
  border: solid 1px #bbbbbb; }

.remove-email-input {
  padding-left: 12px;
  cursor: pointer; }

.error-Message-Icon {
  padding-bottom: 3px; }

input.preferredEmailInputBox, .errorBox {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 71% !important; }

.errorBox {
  margin-bottom: 0px;
  border: 1px solid #ff000c;
  width: 89% !important; }

.errorBoxDatePicker .dateRangePickerContainer {
  justify-content: center;
  background: #ffffff;
  margin-top: 10px !important;
  width: 280px;
  height: 40px;
  border: solid 1px #e9eff4;
  background-color: #ffffff; }

.errorBoxDatePicker .dateRangePickerContainerClose {
  justify-content: center;
  background: #ffffff;
  margin-top: 10px !important;
  width: 280px;
  height: 40px;
  border: solid 1px #e9eff4;
  background-color: #ffffff; }

.errorMessage {
  height: 11px;
  width: 320px;
  font-size: 10px;
  color: #ff000c;
  padding-top: 5px; }

.limitErrorMessage {
  height: 11px;
  width: 320px;
  font-size: 10px;
  color: #ff000c;
  padding-top: 5px;
  margin-top: -11px; }

.notifytext {
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 0px 0px 25px 67px; }

.noteIcon {
  padding: 0px 7px 0px 7px; }

.submit-button {
  right: 50px;
  top: -20px;
  display: flex !important;
  padding-bottom: 25px;
  padding-top: 8px; }

.promotion-submit-button {
  padding-bottom: 25px;
  padding-top: 0px;
  padding-left: 55px; }

.submit-button-disabled-dashboard {
  padding-bottom: 25px;
  padding-top: 8px;
  cursor: no-drop;
  right: 50px;
  display: flex;
  justify-content: flex-end; }

.submit-button-disabled {
  padding-bottom: 25px;
  padding-top: 8px;
  cursor: no-drop;
  right: 50px;
  top: 110px;
  display: flex; }

.promotion-submit-button-disabled {
  right: 50px;
  top: -20px;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 25px;
  padding-top: 0px;
  padding-left: 55px;
  cursor: no-drop; }

.modalLine {
  margin: 42px 60px 11px 60px; }

.modalTitleStyles {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 0px 0px 9px 25px;
  margin-top: -49px;
  margin-bottom: 11px;
  margin-left: 29px;
  position: absolute; }

.export-selected-supercategory {
  margin-bottom: 19px;
  padding: 0px 0px 9px 53px; }

.modalText {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 57px;
  padding-bottom: 25px;
  padding-right: 0;
  margin-left: -21px; }

.email-notifytext {
  font-size: 9px;
  text-transform: none; }

.preferred-email-modal-text {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 68px;
  padding-bottom: 25px;
  padding-right: 0;
  padding-left: 0px; }

@media (min-width: 300px) and (max-width: 1200px) {
  .modalText {
    font-family: Chivo-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    padding-left: 78px;
    margin-left: -12px; } }

@media (min-width: 300px) and (max-width: 991px) {
  .modalText {
    font-family: Chivo-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    padding-left: 78px;
    margin-left: -23px; } }

.preferredEmail {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.mandatorySymbol {
  color: #fa042d; }

@media (min-width: 300px) and (max-width: 350px) {
  .modalDropdown, input.modalInputBox, input.modalInputBoxPromotion, input.modalInputBox:disabled, input.preferredEmailInputBox, .errorBox {
    width: 200px; } }

.body-title {
  padding: 11px; }

.body-sku {
  padding: 11px;
  pointer-events: none;
  word-break: break-word; }

.modal-promotionHeading {
  padding-left: 21em; }

@media only screen and (max-width: 1199px) {
  .modal-promotionHeading {
    padding-left: 14em; } }

@media only screen and (max-width: 991px) {
  .modal-promotionHeading {
    padding-left: 7em; } }

.dropDiv1 .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 8%;
  top: 52%;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 2px; }

.dropDiv2 .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 8%;
  top: 52%;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 2px; }

.dateRangePickerContainer .dropdown-toggle::after {
  content: '';
  width: 7px !important;
  height: 7px !important;
  position: absolute;
  top: 60% !important;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(135deg) !important;
  display: inline-block;
  padding: 2px; }

.dateRangePickerContainerClose .dropdown-toggle::after {
  content: '';
  width: 7px !important;
  height: 7px !important;
  position: absolute;
  top: 70% !important;
  right: -14% !important;
  margin-top: -3px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(-44deg) !important;
  display: inline-block;
  padding: 2px; }

.picky__input::after {
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  right: 8% !important;
  top: 52% !important;
  margin-top: -3px !important;
  border: solid #000000 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  display: inline-block !important;
  padding: 2px !important; }

button:focus {
  outline: none !important; }

.exportLabels {
  height: 16px;
  font-family: Chivo-Regular;
  font-size: 14px;
  letter-spacing: -0.04px;
  color: #3a3b3f;
  padding-top: 14px;
  padding-bottom: 75px; }

button.exportSubmitBtn.btn.btn-primary {
  border-radius: 2px !important; }

.exportInput[type='button'] {
  height: 45px !important;
  border-radius: 4px 0px 0px 4px !important;
  border: solid 1px #e9eff4;
  border-right-width: 0px !important;
  background-color: #ffffff;
  width: 280px; }

#otherInputs {
  width: 235px !important; }

#dateInputs {
  width: 89px !important; }

.exportdropdown {
  width: 45px;
  height: 45px;
  border-radius: 0px 4px 4px 0px;
  border: solid 1px #e9eff4;
  background-color: rgba(244, 247, 249, 0.4); }

.modalDateError .dateRangePickerContainer {
  max-width: 280px;
  min-width: 280px;
  border-radius: 4px;
  border: solid 1px #ff000c;
  background-color: #ffffff; }

.modalDateError .dateRangePickerContainerClose {
  max-width: 280px;
  min-width: 280px;
  border-radius: 4px;
  border: solid 1px #ff000c;
  background-color: #ffffff; }

.modalDateError .dateRangePickerContainer input.inputfontstyle.form-control {
  border-right: 1px solid #ff000c !important; }

.modalDateError .dateRangePickerContainerClose input.inputfontstyle.form-control {
  border-right: 1px solid #ff000c !important; }

.exportModalBtnContainer .btn.btn-primary {
  border-color: transparent; }

.modalMandatoryField {
  font-family: Chivo-Regular;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  display: flex;
  justify-content: center;
  padding-top: 6px; }

.mandatoryFieldBackground {
  height: 30px;
  background-color: #ffbfc2; }

.exportModalBody {
  padding-left: 0px;
  padding-right: 0px; }

.dateRangePickerContainer input.inputfontstyle.form-control,
.dateRangePickerContainerClose input.inputfontstyle.form-control {
  text-align: left;
  width: 208px; }

.dateRangePickerContainer input.inputfontstyle.form-control:focus,
.dateRangePickerContainerClose input.inputfontstyle.form-control:focus {
  box-shadow: none; }

.selectedDate.input-group.input-group-md {
  width: 109px; }

input.inputfontstyle.form-control {
  margin: -3px;
  margin-top: 14px; }

.toastModalTitleClass {
  padding-top: 0px; }

.toastModalHeaderClass {
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0px; }

.toastModalBodyClass {
  padding: 16px 19px; }

.exportDateRange {
  font-size: 10px;
  margin-top: 53px;
  cursor: default;
  color: #1B64F2; }

.toastImg {
  width: 12px;
  height: 12px;
  margin: 1px 10px 4px 2px;
  object-fit: contain; }

.modalLoading-forLogout1 {
  justify-content: center;
  display: flex;
  color: #000000;
  font-weight: bolder;
  border-radius: 15px; }

.modalLoading-forLogout2 {
  width: 50px;
  margin-top: -20px; }

.legend-text-style {
  color: #FF0004;
  font-weight: 200;
  font-size: 14px;
  padding-left: 83px; }

.date-container {
  margin-top: 5px;
  margin-bottom: 2px;
  margin-left: 33px; }

.date-excel {
  margin-top: 10px;
  margin-left: 2px; }

.excel-date {
  margin-left: 5px; }

.excel-powersku {
  margin-left: 50px; }

.p-checkbox .p-component .checkbox-power {
  width: 25px;
  height: 19px; }

.checkbox-power .p-checkbox-box {
  background: #003353;
  border-radius: 0px; }

.checkbox-power .p-checkbox-icon.p-c.pi.pi-check {
  color: whitesmoke; }

.checkbox-power .p-checkbox-box.p-highlight {
  border: none; }

.checkbox-power .p-checkbox-box {
  border: none; }

.checkbox-power .p-checkbox-box.p-highlight.p-focus {
  box-shadow: none; }

.checkbox-power .p-checkbox-box.p-focus {
  box-shadow: none; }

.checkbox-power .p-highlight {
  color: #000 !important;
  background: black !important; }

.excel-date .gridDayPickerdropdown {
  margin-left: 0px;
  margin-top: 18px; }

.excel-date .DayPicker-wrapper {
  width: 310px; }

.excel-powersku-checkbox {
  display: inline-flex;
  align-content: center;
  flex-wrap: wrap-reverse; }

.p-checkbox .p-component .checkbox-power {
  width: 19px;
  height: 19px; }

@media only screen and (max-width: 1199px) {
  .excel-powersku-checkbox {
    margin-left: 65px;
    margin-top: 10px; } }

.container-modal .modal-xl {
  display: flex;
  align-content: center;
  justify-content: center; }

.modal-dialog.modal-xl.modal-dialog-centered .modal-content {
  max-width: 750px;
  margin-left: 144px; }

.preferred-email-modal-text {
  padding-bottom: 0px; }

.p-inputtext {
  border-radius: 0px !important; }

label[for="attrName"] {
  margin-left: -8px; }

label[for="attrDesc"] {
  margin-left: -8px; }

.modalText {
  padding-bottom: 0px; }

.preferred-email-modal-text {
  padding-bottom: 0px; }

.export-filter-date-label-style {
  color: #637280; }

/**************Pimerce Blue Theme***************/

#profileHeader {
  width: fit-content;
  transition: margin-left 0.5s; }

.logoStyle {
  height: 100px;
  cursor: pointer; }

.userstyle {
  position: unset;
  display: -webkit-box;
  margin-top: -30px;
  cursor: pointer; }

.logoContent {
  margin-top: 7px;
  height: 35px;
  width: 85px; }

@media screen and (max-width: 500px) {
  .logoContent {
    margin-top: 10px;
    height: 30px; } }

#userCircleIcon {
  color: #2d363f;
  width: 24px;
  height: 24px; }

.profileIcon {
  margin-top: -4px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.DropdownControl {
  padding-top: 10px; }

.dropDivCountry {
  left: 18px; }

.sideNavProfileHeading {
  color: #000000;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 24px;
  margin: -13px 0 0 9.5px;
  position: absolute;
  cursor: default; }

.usertype {
  position: absolute;
  font-family: Chivo-Medium;
  color: #a2a2a2;
  font-size: 12px;
  line-height: 24px;
  margin: -5.5px 0 0 9.5px;
  cursor: default; }

.angleDownIcon {
  width: 19px;
  height: 19px;
  position: absolute;
  left: 209px;
  margin-top: -11px; }

.closeIcon {
  width: 10px;
  position: absolute;
  left: 209px;
  margin-top: -8px; }

.rectangle-style {
  width: 238px;
  height: 76px;
  flex-grow: 0;
  margin: 57px 7px 0px 0;
  padding: 15px 23px 17px 20px;
  background-image: linear-gradient(to bottom, #f8fcff 0%, rgba(255, 255, 255, 0) 100%, var(--white) 100%);
  border-bottom-right-radius: 20px; }

.header-component-container {
  display: flex;
  justify-content: flex-end;
  padding: 2px; }

.help-icon-style {
  position: absolute;
  top: 55px;
  z-index: 999;
  right: 0px; }

.applied-filter-headerlogo {
  position: absolute;
  left: 75px;
  top: 10px; }

.header-flag-icon {
  position: relative;
  top: -4px; }

/**************Pimerce Blue Theme***************/

.content-font-medium {
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Medium;
  margin-bottom: 10px; }

.content-font-regular-bold {
  font-size: 12px;
  font-weight: 600;
  font-family: Chivo-Regular; }

.content-font-regular {
  font-size: 12px;
  font-weight: 400;
  font-family: Chivo-Regular; }

.no-content {
  text-align: center;
  margin-top: 164px; }

#content-dock ::-webkit-scrollbar {
  display: none; }

.support-ticket-icon {
  width: 21px;
  float: right;
  margin-right: 40px;
  margin-top: -22px; }

.support-ticket-tooltip {
  position: relative;
  display: inline-block;
  float: right;
  top: 23px; }

.support-ticket-tooltip .support-ticket-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #1B64F2;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 3px;
  position: absolute;
  z-index: 1;
  top: -26px;
  right: 111%; }

.support-ticket-tooltip .support-ticket-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #1B64F2; }

.support-ticket-tooltip:hover .support-ticket-tooltiptext {
  visibility: visible; }

.no-content-image {
  width: 90%;
  height: auto; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker-dropdown {
  justify-content: center;
  margin-top: 20px; }

.pimerce-date-picker-dropdown .css-yk16xz-control {
  border-color: #A7ABAF;
  border-radius: 8px; }

.pimerce-date-picker-dropdown .css-yk16xz-control .css-1hwfws3 {
  justify-content: center; }

.pimerce-date-picker-dropdown .css-tlfecz-indicatorContainer .css-19bqh2r {
  width: 20px;
  color: #212427; }

.pimerce-date-picker-month-dropdown {
  font-size: 12px; }

.pimerce-date-picker-month-dropdown .css-1uccc91-singleValue {
  text-transform: uppercase;
  text-overflow: initial; }

.pimerce-date-picker-dropdown .css-1n7v3ny-option {
  background-color: #DBDCDC; }

.pimerce-date-picker-dropdown ::-webkit-scrollbar-thumb {
  background: #A7ABAF !important; }

.pimerce-date-picker-dropdown .col-md-4 {
  flex: 0 0 40%;
  max-width: 40%; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker-toggle .toggle-selected-tab {
  color: #1B64F2;
  border-bottom: 2px solid #1B64F2;
  cursor: pointer;
  display: flex;
  justify-content: center; }

.pimerce-date-picker-toggle .toggle-unselected-tab {
  border-bottom: 2px solid #A7ABAF;
  cursor: pointer;
  display: flex;
  justify-content: center; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-date-picker .DayPicker {
  display: block; }

.pimerce-date-picker .DayPicker-Weekdays {
  display: table-header-group;
  background-color: #E7F6FF; }

.pimerce-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #1B64F2;
  color: #ffffff; }

.pimerce-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #1B64F2; }

.pimerce-date-picker .DayPicker-Day--outside {
  color: #A3A4A7;
  pointer-events: none;
  cursor: default; }

.pimerce-date-picker .DayPicker-Caption > div {
  display: none; }

.pimerce-date-picker .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #DBDCDC; }

.pimerce-date-picker-component {
  position: absolute;
  z-index: 999;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 1.5px 10px 3.5px #ECECEC;
  border-radius: 8px;
  border-color: #A7ABAF; }

.pimerce-date-picker-button {
  height: 40px;
  background-color: #fff !important;
  border-color: #A7ABAF !important;
  border-radius: 8px;
  color: #212427 !important;
  margin-right: 17px;
  padding: 6px 7px;
  display: flex; }

.pimerce-date-picker-button:not(:disabled):not(.disabled):active {
  background-color: #DBDCDC;
  border-color: #A7ABAF;
  color: #212427; }

.pimerce-date-picker-button:hover {
  background-color: #DBDCDC !important;
  border-color: #A7ABAF !important;
  color: #212427 !important; }

.pimerce-date-picker-icon {
  height: 24px;
  width: 24px;
  margin-right: 3px; }

.pimerce-date-picker-button-text {
  height: 14px;
  width: 27px;
  font-size: 12px;
  font-weight: 400;
  width: fit-content;
  margin-top: 4px; }

.pimerce-date-picker-button.pimerce-date-picker-active {
  border-color: #1B64F2; }

.pimerce-date-picker .DayPicker-Months {
  font-size: 14px; }

.pimerce-date-picker .DayPicker-Weekday {
  padding: 0.55em 0;
  width: 44.5px;
  height: 35px; }

.pimerce-date-picker .DayPicker-Day {
  padding: 0;
  padding-bottom: 0;
  height: 41px; }

.css-1okebmr-indicatorSeparator {
  display: none; }

.pimerce-date-picker-component .loading-panel-datepicker {
  height: 279px;
  width: 339px; }

.pimerce-date-picker-component.weekRangeEnableEntireRow .pimerce-date-picker .DayPicker-Day--outside {
  color: #A3A4A7;
  pointer-events: all;
  cursor: pointer; }

.pimerce-date-picker-component.weekRangeEnableEntireRow .pimerce-date-picker .DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: #1B64F2;
  color: #ffffff; }

.pimerce-date-picker-button.btn.btn-primary.btn-primary:disabled {
  background-color: unset;
  color: unset;
  border-color: unset; }

.pimerce-date-picker.month-selection-enabled .DayPicker-Day--selected:not(.DayPicker-Day--outside) {
  background-color: #1B64F2;
  color: #ffffff !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.reload-card-container {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .reload-card-container .reload-msg {
    margin-top: 11px;
    font-family: Chivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .reload-card-container .card-body {
    flex: none; }
  .reload-card-container .reload-loading-spinner {
    animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .reload-card-container .card-img {
    width: unset; }
  .reload-card-container .reload-header {
    border: none;
    background-color: transparent;
    display: none; }
  .reload-card-container .reload-footer {
    border: none;
    background-color: transparent;
    display: none; }

.route-page {
  background-color: #FFFFFF;
  height: 100vh; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.modal-content-filter-v2 {
  width: 400px; }

.filter-v2-textaligin-left {
  text-align: left; }

.filter-v2-textaligin-right {
  text-align: right; }

.filter-selection-no-option-text {
  color: #60666B;
  font-size: 12px;
  font-weight: 400; }

.modal-content-filter-v2 .modal-content {
  border: none;
  border-radius: 8px;
  overflow: hidden; }

.modal-content-filter-v2 .modal-header {
  height: 57px; }

.modal-content-filter-v2 .p-highlight {
  background: none !important; }

.header-title-value {
  font-size: 24px;
  font-weight: 600;
  color: #212427; }

.filter-v2-header {
  font-size: 14px;
  text-align: center; }

.filter-v2-powersku-container {
  border-bottom: 1px solid #DADBDC;
  border-top: none; }

.filter-v2-box-container {
  border: none;
  border-bottom: 1px solid #DADBDC;
  border-radius: 0;
  background: none; }

.modal-content-filter-v2 *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.filter-v2-selection-container {
  height: 330px;
  overflow: scroll;
  overflow-x: auto; }

.modal-content-filter-v2 *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.filter-v2-powersku-text {
  font-size: 14px;
  font-family: 'Chivo-Medium';
  color: #212427; }

.filter-v2-box-container .accordion-tab-style {
  height: calc(100vh - 230px); }

.filter-v2-box-container .accordion-tab-style .p-accordion-header-text {
  font-size: 14px;
  color: #212427;
  font-family: 'Chivo-Medium';
  font-weight: 400; }

.filter-v2-box-container .filter-search {
  border-radius: 4px !important;
  height: 40px; }

.filter-v2-box-container .filter-v2-search-icon {
  color: #212427 !important;
  font-weight: 600; }

.filter-v2-box-container .p-input-icon-left.p-float-label > input:focus ~ label, .filter-v2-box-container .p-float-label input.p-filled ~ label {
  top: -1rem; }

.filter-v2-box-container .p-accordion-header {
  padding-left: 1rem;
  padding-right: 1rem; }

.filter-v2-reset-button.btn.btn-primary {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #1B64F2;
  border: none;
  transition: none; }

.filter-v2-reset-button.btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #1B64F2;
  text-decoration: none;
  border: none; }

.filter-v2-reset-button.btn.btn-primary:disabled {
  background-color: white;
  height: 40px;
  font-size: 16px;
  text-decoration: none;
  color: #1B64F2;
  border: none; }

.filter-v2-reset-button.btn.btn-primary:hover {
  background-color: white;
  height: 40px;
  font-size: 16px;
  color: #1B64F2;
  border: none; }

.filter-v2-apply-button {
  font-size: 16px;
  height: 40px;
  background-color: #1B64F2;
  color: white;
  border: none;
  border-radius: 8px; }

.filter-v-two {
  position: relative;
  overflow: visible; }
  .filter-v-two .filter-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 18px;
    height: auto;
    line-height: 18px;
    padding: 0 4px;
    background-color: #1B64F2;
    color: #fff; }

.filter-v2-box-container .dataview-mulitsort {
  height: 40px;
  display: flex; }

.filter-v2-box-container .dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 20px;
  height: 20px; }

.filter-v2-box-container .dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 12px;
  height: 12px; }

.filter-v2-box-container .Radiobutton-allignment {
  padding-left: 18px;
  padding-bottom: 2px; }

.filter-v2-box-container .filter-items-container .field-radiobutton {
  width: 100%; }

.filter-v-two.filter-active-border {
  border-color: #1B64F2; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label {
  width: 39px;
  height: 24px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label::before {
  left: 0;
  width: 39px;
  height: 24px;
  pointer-events: all;
  border-radius: 75px;
  cursor: pointer;
  border: #60666B solid 1.5px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label::after {
  top: 10px;
  left: 7px;
  width: 12px;
  height: 12px;
  background-color: #60666B;
  transition: 0.3s; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label:hover:after {
  transition: 0.3s;
  top: 6px;
  left: 1px;
  width: 21px;
  height: 21px;
  background-color: #60666B;
  border-radius: 40px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF;
  width: 18px;
  height: 18px;
  border-radius: 40px;
  top: 7px;
  left: 6px;
  transition: 0.3s; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label:hover::after {
  transition: 0.3s;
  left: 4px;
  width: 21px;
  height: 21px;
  top: 6px; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: unset; }

.filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1B64F2;
  border: unset; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:hover {
  box-shadow: 0px 0px 0px 9px #DBDCDC; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-highlight),
.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border: 2px solid #696e73; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  box-shadow: unset;
  border-color: #1B64F2; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  box-shadow: 0px 0px 0px 9px #DBDCDC;
  background: #DBDCDC; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box:not(.p-disabled):active {
  box-shadow: 0px 0px 0px 9px #CACACB; }

.pimerce-radio-btn.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #1B64F2; }

.filter-checkbox.common-filter-style {
  top: 3px !important; }

.filter-v-two .p-button-icon {
  font-size: 24px;
  margin-right: 8px;
  color: #000000; }

.filter-v-two .p-button-label {
  font-family: "chivo" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #212427; }

.modal-content-filter-v2 .modal-header {
  border-bottom: 1px solid #DADBDC; }

/**************Pimerce Blue Theme***************/

#cursor {
  border-left: 0.1em solid 14px;
  animation: blink 0.7s steps(1) infinite; }

#typer-header {
  font-size: 2em; }

@keyframes blink {
  50% {
    border-color: transparent; } }

/**
 * SliderDemo.css
 *
 * @format
 */
.slider-demo {
  padding-right: 16px;
  padding-left: 16px; }
  .slider-demo .p-slider-horizontal,
  .slider-demo .p-inputtext {
    width: 341px;
    left: 9px; }
  .slider-demo .p-slider-vertical {
    height: 14rem; }
  .slider-demo .card1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem; }
  .slider-demo .right {
    width: 75px; }
  .slider-demo .border1 {
    border: 1px solid #c5c4c4;
    padding: 2px 10px; }
  .slider-demo .mt {
    width: 75px; }
  .slider-demo .txtclr {
    color: #637280;
    text-align: center;
    border-radius: 5px; }
  .slider-demo .p-slider .p-slider-range {
    background: #1B64F2;
    max-width: 100%; }
  .slider-demo .p-slider-range,
  .slider-demo .p-slider-handle-end {
    max-width: 100%; }
  .slider-demo .p-slider-handle .p-slider-handle-end .p-slider-handle-active {
    left: 100% !important; }
  .slider-demo .p-slider-handle .p-slider-handle-end {
    left: 100% !important; }
  .slider-demo .p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
    left: 100% !important; }
  .slider-demo .p-slider .p-slider-handle {
    border: 2px solid #1B64F2; }
  .slider-demo .slider-heading {
    padding: 15px 0 22px 0;
    font-size: 14px;
    color: #212427;
    font-family: 'Chivo-Medium';
    font-weight: 400;
    font-style: normal; }
  .slider-demo .slider-min-max-controls {
    width: 100%; }
  .slider-demo .slider-min-max-controls {
    width: 100%;
    margin-top: 22px;
    display: flex;
    justify-content: space-between; }
  .slider-demo .slider-min-max-controls input {
    border: 1px solid #c5c4c4;
    padding: 2px 10px; }

/**************Pimerce Blue Theme***************/

#global-selection-filter .region-Button,
#global-selection-filter .region-Button:hover {
  background: #ffffff;
  color: #000000;
  border-color: #1B64F2;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

#global-selection-filter button.region-Button.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ffffff;
  border-radius: 0px;
  color: #000000;
  border-color: #1B64F2; }

#global-selection-filter button.region-Button-active.btn.btn-primary {
  background-color: #e3f3ff !important;
  color: #000000 !important;
  border-color: #1B64F2;
  border-radius: 0em;
  font-weight: bold;
  min-width: 170px;
  max-width: fit-content;
  text-align: center;
  font-size: 14px;
  font-family: Chivo-Bold;
  box-shadow: none !important;
  min-height: 48px; }

#global-selection-filter .btn-label {
  margin-top: 7px;
  font-size: 12px;
  cursor: pointer; }

#global-selection-filter .market-labels, #global-selection-filter .market-labels-active {
  margin-top: 2px;
  font-size: 11px;
  cursor: pointer;
  font-family: Chivo-Medium;
  width: max-content;
  padding-bottom: 14px; }

#global-selection-filter .market-labels-active {
  color: #1B64F2; }

#global-selection-filter .dashboardFilter-card {
  margin-top: -10px;
  min-height: 270px;
  min-width: fit-content;
  max-width: 796px;
  max-height: max-content;
  border-radius: 0px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  padding: 0 10px 10px 10px; }

#global-selection-filter .dashboardFilter-container {
  padding: 0px 16px; }
  #global-selection-filter .dashboardFilter-container div.region-container {
    padding: 0px 10px; }
    #global-selection-filter .dashboardFilter-container div.region-container .marketList {
      margin: 20px 0px; }
    #global-selection-filter .dashboardFilter-container div.region-container .market-label-size {
      padding: 1.25rem; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pix-sidebar {
  width: 376px; }

.pix-sidebar-container .p-sidebar-content {
  padding: 0px; }

.pix-sidebar-container .cs-message-input__content-editor-wrapper {
  background-color: #eaf4fb;
  border: solid 1px #d1dbe3; }

.pix-sidebar-container .cs-message-input__content-editor {
  background-color: #eaf4fb; }

.list-box-style {
  position: 'absolute';
  width: '95%';
  bottom: 0;
  margin-bottom: '47px';
  margin-left: '12px';
  z-index: 10;
  background: 'white';
  border: '1px solid #ccc';
  border-radius: '5px'; }

.prompt-list-box .p-inputtext {
  border-radius: 6px !important;
  margin-top: 0;
  margin-left: 0; }

.cs-avatar {
  width: unset !important;
  height: unset !important; }

.cs-avatar img {
  filter: brightness(115%); }

.sit-btn {
  height: 40px;
  gap: 4px;
  padding: 10px;
  border: 1px solid #1B64F2;
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-family: Chivo !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 17px; }

.sit-btn:hover {
  border: 1px solid #A7ABAF !important;
  background-color: #DBDCDC !important;
  color: #000000 !important; }

/* Custom sidebar overlay */
.p-sidebar-mask {
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* Change the background color and transparency */ }

/* Custom close icon size */
.custom-sidebar-close .p-sidebar-close .p-icon {
  font-size: 24px;
  /* Adjust the size as needed */
  width: 20px;
  height: 20px;
  color: #000000; }

.p-sidebar-header .export-icon {
  cursor: pointer;
  margin-left: 5px; }

.p-sidebar-header .export-img-disabled {
  opacity: 0.5; }

.p-sidebar .p-sidebar-header {
  border-bottom: solid 1px #d1dbe3; }

.cs-avatar img {
  padding: 5px; }

.message-text-style .cs-message__content {
  font-family: Chivo !important;
  font-size: 16px !important;
  line-height: 1.5;
  font-weight: 400 !important;
  margin-top: 10px; }
  .message-text-style .cs-message__content p {
    margin-bottom: 0.2rem; }

.cs-message-input__content-editor {
  font-family: Chivo !important;
  font-size: 12px !important;
  font-weight: 400 !important; }

.cs-message--outgoing .cs-message__content {
  background-color: #e7f6ff !important;
  padding: .6em 0em; }

.cs-message--incoming .cs-message__content {
  background-color: white !important;
  padding: .6em 0em; }

.cs-message__avatar {
  justify-content: flex-start !important; }

.conversation-title {
  font-family: Chivo !important;
  font-size: 14px !important;
  font-weight: 400 !important; }

.quick-reply-btn {
  font-family: Chivo !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 4px;
  gap: 10px;
  border-radius: 10px;
  opacity: 0px;
  color: #FFFFFF;
  background-color: #003759; }

.chat-bot-container .conversation-container {
  position: relative; }

.chat-bot-container .menu-container {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none; }

.chat-bot-container .conversation-container.active .menu-container {
  display: flex; }

.chat-bot-container .conversation-container:hover .menu-container {
  display: flex; }

.chat-bot-container .cs-main-container > .scrollbar-container {
  width: 280px;
  flex-basis: unset !important; }

.chat-bot-container .chat-list-panel {
  width: 65vw;
  transition: 0.5s;
  position: relative; }
  .chat-bot-container .chat-list-panel .msg-box-container {
    margin-top: 20px; }
    .chat-bot-container .chat-list-panel .msg-box-container .card {
      border: none; }

.chat-bot-container .cs-message-list .scrollbar-container {
  width: auto;
  padding: 0px; }

.chat-bot-container .chat-list-panel .stop-request {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer; }

.chat-bot-container .chat-list-panel .stop-request i {
  font-size: 19px;
  color: #ff4f4f; }

.chat-bot-container .request-processing.chat-list-panel .cs-message-input__content-editor-wrapper {
  max-width: calc(100% - 59px); }

.chat-bot-container .conversation-container input {
  padding-top: 0;
  padding-bottom: 0;
  height: 39px;
  margin: 0;
  border-radius: 4px !important; }

.chat-bot-container .conversation-container .p-inputtext:enabled:focus {
  border-color: #0089ff;
  box-shadow: unset; }

.chat-bot-container .sai-token-validator {
  position: fixed;
  bottom: 102px; }

.fullScreen .chat-bot-container .chat-list-panel {
  width: 78vw;
  transition: 0.5s; }

.p-menu .chatbot-delete-option .p-menuitem-link .p-menuitem-icon, .p-menu .chatbot-delete-option .p-menuitem-link .p-menuitem-text {
  color: #ff7b7b; }

.p-menu .chatbot-delete-option .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon, .p-menu .chatbot-delete-option .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #aa3232; }

.user-type-indicator {
  display: flex;
  justify-content: flex-end;
  padding: 5px; }

.conversation-group-date {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  cursor: default; }

.regenerate {
  position: relative;
  margin-top: -30px;
  display: flex;
  justify-content: center; }
  .regenerate span.fa-refresh {
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    color: white;
    width: fit-content;
    padding: 6px;
    background: #0d0d0d !important;
    height: max-content; }
  .regenerate .regenerate-name {
    margin-left: 4px; }

.cs-message__text-content {
  animation: none !important;
  transform: none !important;
  transition: none !important; }

.maxscreen-sidebar {
  width: 94% !important;
  height: auto !important;
  border-radius: 16px; }

.minscreen-sidebar {
  width: auto !important;
  height: 600px !important;
  border-radius: 16px; }

.App-chat-bot {
  position: relative;
  height: 525px;
  width: 100%; }

.fullScreen {
  height: 84vh; }

.pix-sidebar-container .p-sidebar-content {
  border-radius: 16px; }

.sai-suggestion {
  position: absolute;
  bottom: 30px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px 4px 4px 0px;
  width: auto;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px; }

.charater-count {
  font-size: 12px;
  color: #888;
  float: right;
  margin-right: 50px;
  position: relative;
  bottom: 3px; }

.sai-chatbot-main-container .chat-bot-container .chat-list-panel {
  width: 100%; }

.sai-chatbot-main-container .App-chat-bot {
  position: relative;
  height: 83vh;
  width: 100%;
  border-top: solid 1px #d1dbe3; }

.sai-chatbot-main-container .clear-chat {
  margin-left: 3em;
  margin-top: 2em; }

.sai-chatbot-main-container .cs-message-input__content-editor {
  background-color: #eaf4fb; }

.sai-chatbot-main-container .sai-suggestion {
  bottom: 56px; }

.cs-main-container {
  overflow: unset !important; }

.pix-wrapper {
  display: flex;
  align-items: center;
  height: 35px; }

.feedback-message {
  font-size: 12px;
  padding: 4px;
  cursor: pointer;
  margin-top: 2px;
  margin-left: 0px;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center; }

#inputField {
  padding-top: 20px;
  background-color: white; }

.message-list {
  padding-top: 18px; }

.suggestion {
  padding: 4px;
  cursor: pointer;
  font-family: 'Chivo-Regular'; }

.cs-main-container{position:relative;display:flex;flex-direction:row;height:100%;overflow:auto;border:solid 1px #d1dbe3;box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#fff;font-size:1rem}.cs-main-container>.cs-conversation-list{order:0;height:100%;flex-basis:300px;border-top:solid 0px #d1dbe3;border-right:solid 1px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;box-shadow:2px 0 5px -2px rgba(0,0,0,.38);z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--left{order:0;height:100%;max-width:320px;flex-basis:35%;border-right:solid 1px #d1dbe3;z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--right{flex-basis:25%;min-width:150px;max-width:320px;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 1px #d1dbe3}.cs-main-container>.cs-sidebar.cs-sidebar--left .cs-search{margin:.5em}.cs-main-container .cs-chat-container{order:1;z-index:1;flex-grow:1;flex-basis:65%;border-right:solid 0px #d1dbe3}.cs-main-container .cs-sidebar{order:2;height:100%;z-index:3}.cs-main-container .cs-sidebar .cs-expansion-panel{border-left:0;border-top:0;border-right:0}.cs-main-container .cs-sidebar .cs-expansion-panel:nth-last-child(3){border-bottom:0}.cs-main-container .cs-conversation-header{z-index:1}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:none}@media(max-width: 768px){.cs-main-container--responsive{min-width:calc( 1.6em + 40px + 180px )}.cs-main-container--responsive .cs-search{display:none}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{flex-basis:calc(1.6em + 40px);min-width:calc(1.6em + 40px)}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--right{display:none}.cs-main-container--responsive>.cs-conversation-list{flex-basis:calc(1.6em + 40px)}.cs-main-container--responsive .cs-conversation-list .cs-conversation>.cs-avatar,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation>.cs-avatar{margin-right:0}.cs-main-container--responsive .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__content{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__operations{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__last-activity-time,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__last-activity-time{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__unread-dot,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__unread-dot{position:absolute;top:.3em;right:.3em;margin-right:0}.cs-main-container--responsive .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:flex}}@media(max-width: 576px){.cs-main-container--responsive{min-width:auto}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:flex}}.cs-message{box-sizing:border-box;font-size:1em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.87);display:flex;flex-direction:row;padding:0;background-color:transparent;overflow:hidden;border-radius:0}.cs-message:only-child{margin:.2em 0 0 0}.cs-message:not(:only-child){margin:.2em 0 0 0}.cs-message__avatar{box-sizing:border-box;margin:0 8px 0 0;display:flex;flex-direction:column;justify-content:flex-end;width:42px}.cs-message__content-wrapper{box-sizing:border-box;display:flex;flex-direction:column}.cs-message__header{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-size:.8em;margin:0 .2em .1em .2em}.cs-message__header .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__header .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__footer{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;font-size:.8em;margin:.1em .2em 0 .2em}.cs-message__footer .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__footer .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__content{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#c6e3fa;margin-top:0;padding:.6em .9em;border-radius:.7em .7em .7em .7em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.91em;font-variant:normal}.cs-message--incoming{color:rgba(0,0,0,.87);background-color:transparent;margin-right:auto}.cs-message--incoming .cs-message__avatar{margin:0 8px 0 0}.cs-message--incoming .cs-message__sender-name{display:none}.cs-message--incoming .cs-message__sent-time{display:none}.cs-message--incoming .cs-message__content{color:rgba(0,0,0,.87);background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message--outgoing{color:rgba(0,0,0,.87);background-color:transparent;margin-left:auto;justify-content:flex-end}.cs-message--outgoing .cs-message__avatar{order:1;margin:0 0 0 8px}.cs-message--outgoing .cs-message__sender-name{display:none}.cs-message--outgoing .cs-message__sent-time{display:none}.cs-message--outgoing .cs-message__content{color:rgba(0,0,0,.87);background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--incoming.cs-message--single{border-radius:0}.cs-message.cs-message--incoming.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--single .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message.cs-message--incoming.cs-message--first{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--first:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--first .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__content{border-radius:0 .7em .7em 0;background-color:#c6e3fa}.cs-message.cs-message--incoming.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--incoming.cs-message--last .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--single{border-radius:0}.cs-message.cs-message--outgoing.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--single .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--first{border-radius:0 0 0 0;margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--first .cs-message__content{border-radius:.7em 0 0 .7em;background-color:#6ea9d7}.cs-message.cs-message--outgoing.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--outgoing.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--outgoing.cs-message--last .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message--incoming.cs-message--avatar-spacer{margin-left:50px}.cs-message--outgoing.cs-message--avatar-spacer{margin-right:50px}.cs-message--avatar-tl .cs-message__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-tl .cs-message__message-wrapper{order:1}.cs-message--avatar-tr .cs-message__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-tr .cs-message__message-wrapper{order:0}.cs-message--avatar-br .cs-message__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-br .cs-message__message-wrapper{order:0}.cs-message--avatar-bl .cs-message__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-bl .cs-message__message-wrapper{order:1}.cs-message--avatar-cl .cs-message__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-cl .cs-message__message-wrapper{order:1}.cs-message--avatar-cr .cs-message__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-cr .cs-message__message-wrapper{order:0}.cs-message-group{box-sizing:border-box;display:flex;flex-direction:row;margin:.4em 0 0 0}.cs-message-group__avatar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.cs-message-group__content{box-sizing:border-box;display:flex;flex-direction:column}.cs-message-group__header{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:0 0 .2em 0;padding:0}.cs-message-group__footer{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:.2em 0 0 0;padding:0}.cs-message-group__messages{box-sizing:border-box}.cs-message-group__messages .cs-message:first-child{margin-top:0}.cs-message-group__messages .cs-message .cs-message__content{background-color:#c6e3fa;margin-top:0}.cs-message-group--incoming{justify-content:flex-start}.cs-message-group--incoming .cs-message-group__avatar{margin-right:8px;order:0}.cs-message-group--incoming .cs-message-group__content{order:1}.cs-message-group--incoming .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message .cs-message__content{border-radius:0 .7em .7em 0;color:rgba(0,0,0,.87);background-color:#c6e3fa}.cs-message-group--incoming .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message-group--incoming .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message-group--outgoing{justify-content:flex-end;margin-left:auto}.cs-message-group--outgoing .cs-message-group__avatar{margin-left:8px;order:1}.cs-message-group--outgoing .cs-message-group__content{order:0}.cs-message-group--outgoing .cs-message-group__messages .cs-message{justify-content:flex-end}.cs-message-group--outgoing .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message .cs-message__content{border-radius:.7em 0 0 .7em;color:rgba(0,0,0,.87);background-color:#6ea9d7}.cs-message-group--outgoing .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message-group--avatar-tl .cs-message-group__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-tl .cs-message-group__content{order:1}.cs-message-group--avatar-tr .cs-message-group__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-tr .cs-message-group__content{order:0}.cs-message-group--avatar-bl .cs-message-group__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-bl .cs-message-group__content{order:1}.cs-message-group--avatar-br .cs-message-group__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-br .cs-message-group__content{order:0}.cs-message-group--avatar-cl .cs-message-group__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-cl .cs-message-group__content{order:1}.cs-message-group--avatar-cr .cs-message-group__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-cr .cs-message-group__content{order:0}.cs-message-separator{box-sizing:border-box;color:#6ea9d7;background-color:#fff;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.cs-message-separator::before,.cs-message-separator::after{box-sizing:border-box;content:"";background-color:#6ea9d7;display:block;flex-grow:1;height:1px}.cs-message-separator:not(:empty)::before{margin:0 1em 0 0}.cs-message-separator:not(:empty)::after{margin:0 0 0 1em}.cs-message-list{box-sizing:border-box;width:100%;height:100%;overflow:hidden;min-height:1.25em;position:relative;color:rgba(0,0,0,.87);background-color:#fff}.cs-message-list__scroll-wrapper{box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;padding:0 1.2em 0 .8em}.cs-message-list__scroll-to:first-child{box-sizing:border-box;float:left;clear:both;height:0}.cs-message-list__scroll-wrapper>.cs-message:nth-last-child(4){margin-bottom:2.65em}.cs-message-list__scroll-wrapper>.cs-message-group:nth-last-child(4){margin-bottom:2.65em}.cs-message-list .cs-typing-indicator{position:absolute;bottom:0;left:0;right:15px;background-color:#fff;padding:.5em .5em;font-size:.9em;height:1.25em;line-height:1.25em}.cs-message-list__scroll-wrapper>.cs-message,.cs-message-list__scroll-wrapper>.cs-message-group{max-width:85%}.cs-message-list .cs-message.cs-message--incoming,.cs-message-list .cs-message-group.cs-message-group--incoming{margin-right:auto}.cs-message-list .cs-message.cs-message--outgoing,.cs-message-list .cs-message-group.cs-message-group--outgoing{margin-left:auto}.cs-message-list .cs-message-separator:not(:first-child){margin-top:1.2em}.cs-message-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:#fff;padding:2px 0;top:0;left:0;right:0;height:1.2em;z-index:1}.cs-message-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-message-list__loading-more .cs-loader::before,.cs-message-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-message-list__loading-more--bottom{top:initial;bottom:0}.cs-message-list .ps__rail-y{z-index:2}.cs-avatar{position:relative;width:42px;height:42px;border-radius:50%;box-sizing:border-box}.cs-avatar>img{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.cs-avatar:hover>img{filter:brightness(115%)}.cs-avatar.cs-avatar--xs{width:16px;height:16px;min-width:16px;min-height:16px}.cs-avatar.cs-avatar--sm{width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar.cs-avatar--md{width:42px;height:42px;min-width:42px;min-height:42px}.cs-avatar.cs-avatar--lg{width:68px;height:68px;min-width:68px;min-height:68px}.cs-avatar.cs-avatar--fluid{width:100%;height:100%}.cs-avatar.cs-avatar--fluid .cs-status{right:5%;width:22%;height:22%}.cs-avatar .cs-status{box-sizing:border-box;position:absolute;right:-1px;bottom:3%}.cs-avatar .cs-status__bullet{box-sizing:content-box;border:solid 2px #fff}.cs-avatar .cs-status--xs,.cs-avatar .cs-status--xs:not(.cs-status--named){font-size:1em;width:6px;height:6px;right:0;bottom:0}.cs-avatar .cs-status--xs .cs-status__bullet,.cs-avatar .cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-avatar .cs-status--sm,.cs-avatar .cs-status--sm:not(.cs-status--named){font-size:1em;width:12px;height:12px;right:-3px;bottom:-1px}.cs-avatar .cs-status--sm .cs-status__bullet,.cs-avatar .cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-avatar .cs-status--md,.cs-avatar .cs-status--md:not(.cs-status--named){font-size:1em;width:15px;height:15px}.cs-avatar .cs-status--md .cs-status__bullet,.cs-avatar .cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-avatar .cs-status--lg,.cs-avatar .cs-status--lg:not(.cs-status--named){font-size:1em;width:18px;height:18px;bottom:4%}.cs-avatar .cs-status--lg .cs-status__bullet,.cs-avatar .cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-avatar-group{display:flex;flex-direction:row-reverse;overflow:visible;position:relative;flex-wrap:wrap;box-sizing:border-box;min-width:40px;align-content:flex-start;justify-content:flex-end}.cs-avatar-group .cs-avatar--active{z-index:1}.cs-avatar-group .cs-avatar--active-on-hover:hover{z-index:2}.cs-avatar-group--xs{padding-left:6.112px;padding-top:6.112px}.cs-avatar-group--xs .cs-avatar{margin-top:-6.112px;margin-left:-6.112px;width:16px;height:16px;min-width:16px;min-height:16px;border:none;border-right:1px solid #f2f2f2}.cs-avatar-group--sm{padding-left:9.932px;padding-top:9.932px}.cs-avatar-group--sm .cs-avatar{margin-top:-9.932px;margin-left:-9.932px;width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar-group--md{padding-left:16.044px;padding-top:16.044px}.cs-avatar-group--md .cs-avatar{margin-top:-16.044px;margin-left:-16.044px;width:42px;height:42px;min-width:42px;min-height:42px;border:2px solid #f2f2f2}.cs-avatar-group--lg{padding-left:25.976px;padding-top:25.976px}.cs-avatar-group--lg .cs-avatar{margin-top:-25.976px;margin-left:-25.976px;width:68px;height:68px;min-width:68px;min-height:68px;border:2px solid #f2f2f2}.cs-message-input{display:flex;flex-direction:row;position:relative;background-color:#fff;border-top:none;border-right:none;border-bottom:none;border-left:none;box-sizing:border-box;padding:0;overflow:visible;flex-shrink:0}.cs-message-input__content-editor-wrapper{box-sizing:border-box;position:relative;background-color:#c6e3fa;margin:0;padding:.6em .9em;border-radius:.7em;flex-grow:1}.cs-message-input--disabled .cs-message-input__content-editor-wrapper{background-color:rgba(198,227,250,.38);color:rgba(0,0,0,.6)}.cs-message-input__content-editor-container{box-sizing:border-box;position:relative;background-color:#c6e3fa;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;overflow-y:auto;font-size:.94em;line-height:1.35em;min-height:1.35em;max-height:5.4em;padding:0em 0em 0em 0em;scroll-padding:0em}.cs-message-input--disabled .cs-message-input__content-editor-container{color:rgba(0,0,0,.6);background-color:transparent}.cs-message-input__content-editor{box-sizing:border-box;flex-grow:1;background-color:#c6e3fa;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;outline:0;border-top:0 none;border-right:0 none;border-bottom:0 none;border-left:0 none;overflow:visible;color:rgba(0,0,0,.87);overflow-wrap:anywhere;word-break:break-word}.cs-message-input--disabled .cs-message-input__content-editor{background-color:transparent;color:rgba(0,0,0,.6)}.cs-message-input__content-editor[data-placeholder]:empty:before{box-sizing:border-box;content:attr(data-placeholder);color:rgba(0,0,0,.38);display:block;cursor:text}.cs-message-input__tools{display:flex;flex-direction:row;box-sizing:border-box}.cs-message-input__tools .cs-button{font-size:1.2em;margin-top:0;margin-bottom:0}.cs-message-input__tools .cs-button--send{align-self:flex-end}.cs-message-input__tools .cs-button--attachment{align-self:flex-end}.cs-message-input__tools:first-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:first-child .cs-button:last-child{margin-right:0}.cs-message-input__tools:last-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:last-child .cs-button:last-child{margin-right:0}.cs-input-toolbox{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0 0 .4em 0}.cs-input-toolbox .cs-button{margin:0;padding:0;background:none;border:none;margin:0 .5em 0 0;font-size:1.2em}.cs-chat-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:180px;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input{border-top:solid 1px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;margin-top:auto;padding:.3em 0 .3em 0em;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:first-child{margin-left:.8em}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:last-child{margin-right:.8em}.cs-chat-container .cs-input-toolbox{margin:0;padding:0 .8em .17em 0;color:rgba(0,0,0,.87);background-color:#fff}.cs-typing-indicator{box-sizing:content-box;font-size:inherit;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;align-items:stretch}.cs-typing-indicator__indicator{box-sizing:inherit;background-color:transparent;display:flex;flex-direction:row;align-items:center}.cs-typing-indicator__dot{box-sizing:inherit;-webkit-animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;border-radius:100%;display:inline-block;height:4px;width:4px;background-color:#6ea9d7}.cs-typing-indicator__dot:not(:last-child){margin-right:3px}.cs-typing-indicator__dot:nth-child(1){box-sizing:inherit}.cs-typing-indicator__dot:nth-child(2){-webkit-animation-delay:300ms;animation-delay:300ms}.cs-typing-indicator__dot:nth-child(3){-webkit-animation-delay:400ms;animation-delay:400ms}.cs-typing-indicator__text{box-sizing:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6ea9d7;background-color:transparent;margin:0 0 0 .5em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@-webkit-keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}@keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}.cs-conversation-header{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:stretch;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 1px #d1dbe3;border-left:solid 0px #d1dbe3;padding:.6em .9em}.cs-conversation-header__back{box-sizing:border-box;margin-right:.5em;display:flex;flex-direction:row;align-items:center;cursor:pointer;order:1}.cs-conversation-header__back button{font-size:1.4em;padding:0}.cs-conversation-header__avatar{box-sizing:border-box;width:42px;height:42px;margin-right:1em;order:2}.cs-conversation-header__avatar>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f6fbff}.cs-conversation-header__avatar .cs-avatar-group{padding-right:0 !important}.cs-conversation-header__content{box-sizing:border-box;display:flex;flex-direction:column;order:3;flex-grow:2;justify-content:center;min-width:0}.cs-conversation-header__content .cs-conversation-header__user-name{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;color:rgba(0,0,0,.87);background-color:#f6fbff}.cs-conversation-header__content .cs-conversation-header__info{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.6);background-color:#f6fbff;font-weight:normal;font-size:.9em}.cs-conversation-header__actions{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:rgba(0,0,0,.87);background-color:transparent;margin:0 0 0 .5em;order:4}.cs-conversation-header__actions .cs-button:not(:first-child){margin-left:.2em}.cs-conversation-header__actions .cs-button{padding:0}.cs-conversation-header__actions .cs-button.cs-button--arrow,.cs-conversation-header__actions .cs-button.cs-button--info,.cs-conversation-header__actions .cs-button.cs-button--voicecall,.cs-conversation-header__actions .cs-button.cs-button--videocall,.cs-conversation-header__actions .cs-button.cs-button--star,.cs-conversation-header__actions .cs-button.cs-button--adduser,.cs-conversation-header__actions .cs-button.cs-button--ellipsis,.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.4em;color:normal;background-color:transparent}.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.3em}.cs-conversation{display:flex;flex-direction:row;box-sizing:border-box;position:relative;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;padding:.675em .8em .675em .8em;cursor:pointer;justify-content:flex-start;color:rgba(0,0,0,.87);background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation:hover{background-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>img{filter:none}.cs-conversation.cs-conversation:active{color:rgba(0,0,0,.87);background-color:#d5e7f5;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation:active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active{color:#2b6a9b;background-color:#d5e7f5;font-weight:normal;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation--active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active .cs-conversation__name{color:#2b6a9b;font-weight:normal}.cs-conversation.cs-conversation--active .cs-conversation__info{color:#2b6a9b;font-weight:normal}.cs-conversation>.cs-avatar{width:42.1px;height:42.1px;margin-right:1em}.cs-conversation>.cs-avatar>.cs-status{border-color:#fff}.cs-conversation>.cs-avatar-group{width:42.1px;height:42.1px;min-width:42.1px;min-height:42.1px;padding-right:0 !important;margin-right:1em}.cs-conversation__content{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin-right:1.1em;flex-grow:1}.cs-conversation__operations{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;margin:0 0 0 auto;color:rgba(179,179,179,.87);visibility:hidden}.cs-conversation__operations--visible{visibility:visible}.cs-conversation__operations:hover{color:rgba(102,102,102,.87)}.cs-conversation:hover .cs-conversation__operations{visibility:visible}.cs-conversation__name{box-sizing:border-box;color:rgba(0,0,0,.87);font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__info{box-sizing:border-box;color:rgba(0,0,0,.6);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__last-sender{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__info-content{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__last-activity-time{box-sizing:border-box;margin:0 0 0 auto;font-size:.8em;display:flex;flex-direction:row;align-items:center}.cs-conversation__last-activity-time+.cs-conversation__operations{margin-left:.5em}.cs-conversation__unread-dot{box-sizing:content-box;display:flex;flex-direction:row;align-items:center;margin-right:.5em;align-self:center;border-radius:50%;width:.7em;min-width:.7em;height:.7em;box-shadow:1px 1px 1px 0px #b3b3b3;perspective:200px;perspective-origin:50% 50%;background:radial-gradient(circle at 3px 3px, #7c9df1, #2e63e8)}.cs-conversation__unread-dot:hover::before{content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-conversation__unread-dot:hover::after{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);-webkit-animation:cs-unread-anim 2s ease-out infinite;animation:cs-unread-anim 2s ease-out infinite}.cs-conversation__unread{box-sizing:border-box;position:absolute;right:.8em;top:.3em;padding:.01em .3em;border-radius:.3em;font-size:.75em;font-weight:600;color:#fff;background-color:#ec1212;max-width:30em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:100}@-webkit-keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}@keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-conversation-list{box-sizing:border-box;position:relative;overflow:hidden;height:100%;color:rgba(0,0,0,.87);background-color:transparent}.cs-conversation-list>div>ul{margin:0;padding:0;list-style-type:none}.cs-conversation-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:transparent;padding:2px 0;bottom:0;left:0;right:0;height:1.2em;z-index:1}.cs-conversation-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-conversation-list__loading-more .cs-loader::before,.cs-conversation-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-conversation-list .ps__rail-y{z-index:2}.cs-status{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;font-size:1em}.cs-status .cs-status__bullet{box-sizing:content-box;width:11px;height:11px;border-radius:50%;position:relative;perspective:200px;perspective-origin:50% 50%}.cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status--named{width:auto;height:auto}.cs-status__name{margin:0 0 0 .58em;line-height:1.5}.cs-avatar:hover .cs-status__bullet:before,.cs-status:hover .cs-status__bullet:before{box-sizing:border-box;content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-avatar:hover .cs-status__bullet:after,.cs-status:hover .cs-status__bullet:after{box-sizing:border-box;content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);-webkit-animation:cs-bubble-anim 2s ease-out infinite;animation:cs-bubble-anim 2s ease-out infinite}.cs-status--available .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #00d5a6, #00a27e)}.cs-status--available .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--unavailable .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffb527, #a66d00)}.cs-status--unavailable .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--away .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffdbb0, #fc8b00)}.cs-status--away .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--dnd .cs-status__bullet{background-color:#ec1212;background:radial-gradient(circle at 3px 3px, #f89f9f, #ec1212)}.cs-status--dnd .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--invisible .cs-status__bullet{background-color:#c2d1d9;background:radial-gradient(circle at 3px 3px, white, #c2d1d9)}.cs-status--invisible .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--eager .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #fffccc, #ffee00)}.cs-status--eager .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--xs:not(.cs-status--named){font-size:1em;width:4px;height:4px}.cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status--sm:not(.cs-status--named){font-size:1em;width:8px;height:8px}.cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status--md:not(.cs-status--named){font-size:1em;width:11px;height:11px}.cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status--lg:not(.cs-status--named){font-size:1em;width:14px;height:14px}.cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-status--fluid{width:100%;height:100%}.cs-status--fluid .cs-status__bullet{width:100%;min-width:100%;height:100%}@-webkit-keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}@keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-sidebar{box-sizing:border-box;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.cs-sidebar--left{background-color:#fff}.cs-sidebar--right{background-color:#fff}.cs-sidebar .cs-expansion-panel+.cs-expansion-panel{border-top:0}.cs-expansion-panel{box-sizing:border-box;display:flex;flex-direction:column;color:rgba(0,0,0,.87);background-color:#fff;border:solid 1px #d1dbe3;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:inherit;font-variant:normal}.cs-expansion-panel__header{box-sizing:border-box;display:flex;flex-direction:row;color:rgba(0,0,0,.6);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:bold;font-size:.75em;font-variant:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.8em .8em;align-items:center;user-select:none;cursor:pointer}.cs-expansion-panel__header:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-expansion-panel__title{box-sizing:border-box;flex-grow:1}.cs-expansion-panel__icon{box-sizing:border-box;margin-left:1em;margin-right:.5em}.cs-expansion-panel__content{display:none;color:rgba(0,0,0,.87);background-color:#fff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.8em;font-variant:normal;padding:.4em .8em}.cs-expansion-panel--open .cs-expansion-panel__content{display:block;color:rgba(0,0,0,.87);background-color:#fff}.cs-expansion-panel--closed .cs-expansion-panel__content{display:none}.cs-expansion-panel--open .cs-expansion-panel__header{color:rgba(0,0,0,.6);background-color:#f6fbff}.cs-search{box-sizing:border-box;display:flex;flex-direction:row;margin:0;padding:0;background-color:#c6e3fa;align-items:center;position:relative;border-radius:.7em;padding:.6em .9em;font-size:inherit;font-family:inherit}.cs-search__input{box-sizing:border-box;order:1;color:rgba(0,0,0,.87);border:none;width:100%;min-width:0;outline:0;margin-right:.5em;background-color:#c6e3fa;font-size:.8em;font-family:inherit}.cs-search__input:disabled{color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-search__input::-moz-placeholder{color:rgba(0,0,0,.87)}.cs-search__input::placeholder{color:rgba(0,0,0,.87)}.cs-search__search-icon{box-sizing:border-box;order:0;display:block;margin-right:.5em;color:#6ea9d7}.cs-search__clear-icon{box-sizing:border-box;order:2;color:#6ea9d7;visibility:hidden}.cs-search__clear-icon:hover{color:rgba(110,169,215,.6);cursor:pointer}.cs-search__clear-icon--active{visibility:visible}.cs-search--disabled{opacity:.38;color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-button{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:center;color:#6ea9d7;background-color:transparent;border:none;border-radius:.7em;margin:.1em .2em;padding:.2em .7em;outline:none;font-size:1em;line-height:1.5}.cs-button:focus{outline:none}.cs-button:disabled{opacity:.38}.cs-button:not(:disabled){cursor:pointer}.cs-button.cs-button--border{border:solid 1px #d1dbe3}.cs-button:hover:not(:disabled){opacity:.6}.cs-button.cs-button--right>svg[data-icon]:first-child{margin-right:.5em}.cs-button.cs-button--left>svg[data-icon]:last-child{margin-left:.5em}.cs-button--adduser{color:#6ea9d7;background-color:transparent}.cs-button--arrow{color:#6ea9d7;background-color:transparent}.cs-button--ellipsis{color:#6ea9d7;background-color:transparent}.cs-button--info{color:#6ea9d7;background-color:transparent}.cs-button--star{color:#6ea9d7;background-color:transparent}.cs-button--videocall{color:#6ea9d7;background-color:transparent}.cs-button--voicecall{color:#6ea9d7;background-color:transparent}.cs-button--send{color:#6ea9d7;background-color:transparent}.cs-button--attachment{color:#6ea9d7;background-color:transparent}.cs-loader{box-sizing:border-box;display:inline-flex;position:relative;font-size:1em;width:1.8em;height:1.8em;color:rgba(0,0,0,.87);background-color:transparent}.cs-loader::before,.cs-loader::after{box-sizing:border-box;display:block;width:1.8em;height:1.8em;margin:0 0 0 -0.9em}.cs-loader::before{position:absolute;content:"";top:0;left:50%;border-radius:50%;border-color:#c6e3fa;border-style:solid;border-width:.2em}.cs-loader::after{position:absolute;content:"";top:0;left:50%;-webkit-animation:loader-default .6s linear;animation:loader-default .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%;border-color:#6ea9d7 transparent transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 transparent}.cs-loader--content{width:auto;height:auto;padding-top:2.6em}@-webkit-keyframes loader-default{to{transform:rotate(360deg)}}@keyframes loader-default{to{transform:rotate(360deg)}}.cs-overlay{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(10%);backdrop-filter:blur(10%)}.cs-overlay__content{z-index:220}.cs-overlay::before{box-sizing:border-box;content:"";background-color:rgba(198,227,250,.38);position:absolute;top:0;left:0;right:0;bottom:0;z-index:200}.cs-overlay--blur::before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cs-overlay--grayscale::before{-webkit-backdrop-filter:grayscale(50%);backdrop-filter:grayscale(50%)}.cs-status-list{box-sizing:border-box;list-style-type:none;margin:0;padding:1em;color:rgba(0,0,0,.87);background-color:#fff}.cs-status-list>li{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-status-list>li>.cs-status{margin:0;padding:.4em .8em;width:auto;height:auto}.cs-status-list>li .cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li .cs-status--selected .cs-status__name{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-status-list>li:focus{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list>li:active{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list--xs>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--xs>li>.cs-status .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status-list--sm>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--sm>li>.cs-status .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status-list--md>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--md>li>.cs-status .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status-list--lg>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--lg>li>.cs-status .cs-status__bullet{width:14px;min-width:14px;height:14px}.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;left:auto !important;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;background-color:#f6fbff;opacity:.9}.ps__thumb-x{background-color:#6ea9d7;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#c6e3fa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#c6e3fa;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#c6e3fa;width:11px}@supports(-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto !important}}.scrollbar-container{position:relative;height:100%}
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.data-not-available-card {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none; }
  .data-not-available-card .heading-msg {
    font-family: Chivo-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block; }
  .data-not-available-card .content-msg {
    margin-top: -9px;
    font-family: Chivo-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #60666B;
    display: block; }
  .data-not-available-card .card-body {
    flex: none; }
  .data-not-available-card .data-not-available-header {
    background-color: transparent;
    border: none;
    display: none; }
  .data-not-available-card .data-not-available-footer {
    background-color: transparent;
    border: none;
    display: none; }

.alert-box-title {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.alert-box-title-link {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  font-weight: 700; }

.msg-box-alignment {
  padding: 16px; }

.p-inline-message.p-inline-message-info {
  padding: 0; }

.alert-box-title-link-url {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  font-weight: 700;
  cursor: pointer; }

.alert-box-title-inValid-url {
  font-family: Chivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: none;
  font-weight: 400;
  cursor: default; }

.message-widget-container .chat-graph-img {
  width: 260px;
  height: auto;
  object-fit: cover;
  image-rendering: auto; }

.message-widget-container .apexcharts-svg.apexcharts-zoomable.hovering-zoom {
  cursor: default; }

#redirect-mail-box a:hover {
  color: #007bff;
  text-decoration: underline; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-custom-breadcrumnb .breadcrumb-item.active {
  color: #212427cc; }

.pi-custom-breadcrumnb .breadcrumb-item a {
  color: #212427cc; }

.pi-custom-breadcrumnb .breadcrumb-item a:hover {
  color: #1B64F2;
  text-decoration: underline; }

.breadcrumb {
  display: inline-flex;
  margin-bottom: 0px;
  margin: 0px 0 0 0;
  height: auto;
  width: auto;
  padding: 0px;
  background-color: #ffffff;
  font-family: "Chivo-Regular";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  margin-left: 12px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.global-pricing-version-two *::-webkit-scrollbar-thumb,
.global-pricing-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.global-pricing-version-two *::-webkit-scrollbar-track-piece,
.global-pricing-panel .p-dropdown-items-wrapper::-webkit-scrollbar-piece {
  background: #F3F3F3 !important; }

.main_container .global-pricing-version-two.card > .common-card-header {
  padding-bottom: 0;
  height: auto;
  padding-top: 2px;
  padding-bottom: 0; }

.global-pricing-version-two.card {
  height: 96vh !important;
  border: unset; }
  .global-pricing-version-two.card .breadcrum-container {
    height: 5%;
    width: 100%;
    margin: 0; }
  .global-pricing-version-two.card .breadcrum-container .col-md-12 {
    padding: 0; }
  .global-pricing-version-two.card .breadcrum-container .breadcrumb {
    margin: 0; }
  .global-pricing-version-two.card .common-card-header {
    height: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset; }
  .global-pricing-version-two.card .card-body.main-panel {
    height: 92%;
    padding-top: 0;
    overflow: hidden;
    overflow: visible;
    padding-bottom: 0; }
  .global-pricing-version-two.card .panel-main-container {
    height: 83vh;
    min-height: unset;
    position: relative;
    margin: 0 -1.25rem; }
  .global-pricing-version-two.card .logo-container {
    height: 40px;
    width: 100%;
    align-items: center; }
  .global-pricing-version-two.card .logo-container img {
    width: 100%; }
  .global-pricing-version-two.card .msg-box-container {
    min-height: 56px;
    width: 100%;
    margin: 0px 0px 16px 0; }
  .global-pricing-version-two.card .p-inline-message {
    width: 100%;
    text-align: left;
    justify-content: left;
    height: 100%; }
  .global-pricing-version-two.card .carousal-container {
    height: auto;
    width: 100%;
    display: flex;
    overflow: overlay;
    margin-bottom: 12px; }
  .global-pricing-version-two.card .carousal-container .carousal {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center; }
  .global-pricing-version-two.card .carousal-container .tile {
    height: 112px;
    width: 216px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    display: inline-block; }
  .global-pricing-version-two.card .grid-container {
    height: auto;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px; }
  .global-pricing-version-two.card .left-panel {
    width: 100%; }
  .global-pricing-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .global-pricing-version-two.card .right-panel,
  .global-pricing-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.25rem; }
  .global-pricing-version-two.card .right-panel {
    width: 440px;
    padding-right: 0; }
  .global-pricing-version-two.card .sidepanel-parent-container {
    height: 100%;
    margin: 0% 2%; }
    .global-pricing-version-two.card .sidepanel-parent-container .side-panel .card-header .titlelogo-container {
      width: 100px; }
  .global-pricing-version-two.card .card-footer {
    background-color: #fff; }
  .global-pricing-version-two.card .msg-box-container .align-items-start {
    align-items: center !important; }
  .global-pricing-version-two.card .msg-box-container .flex-column {
    flex-direction: row !important; }
  .global-pricing-version-two.card .msg-box-container .alert-box-title-link {
    margin-left: 3px; }
  .global-pricing-version-two.card .msg-box-container .card {
    border: none; }
  .global-pricing-version-two.card .chart .tile-body {
    margin-right: 10px; }
  .global-pricing-version-two.card .load-no-data-container .pimerce-table-v-two-layout .clickable-grid-container {
    min-height: 67vh; }
  .global-pricing-version-two.card .pimerce-table-v-two-layout .clickable-grid-container {
    padding-bottom: 20px; }
  .global-pricing-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table,
  .global-pricing-version-two.card .p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: fixed;
    width: 87vw; }
  .global-pricing-version-two.card .global-pricing-common-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    height: 100%;
    width: 100%; }
  .global-pricing-version-two.card .action-list.sort-container {
    width: 41%;
    min-width: 190px; }
  .global-pricing-version-two.card .p-datatable-tbody .cell-content.p-highlight {
    background: unset !important; }
  .global-pricing-version-two.card .tile-carousel-container .tile-item .tile-header {
    flex-direction: row;
    align-content: center;
    margin-top: 0; }
  .global-pricing-version-two.card .tile-carousel-container .tile-item .title {
    color: #212427;
    font-family: 'Chivo-Regular'; }
  .global-pricing-version-two.card .tile-carousel-container .tile-item .tilenumber {
    font-size: 24px;
    font-weight: 700;
    width: 109px;
    text-align: center; }
  .global-pricing-version-two.card .enable-loader .p-datatable .p-datatable-tbody > tr > td.expander-column button.p-row-toggler.p-link {
    display: none; }
  .global-pricing-version-two.card .data-table-version-two .retailer-content .p-column-header-content {
    padding-left: 0; }
  .global-pricing-version-two.card .retailer-logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 18px; }
  .global-pricing-version-two.card .retailer-logo-container img {
    height: 100%;
    width: 100%; }
  .global-pricing-version-two.card .api-error-card {
    min-height: 55vh; }
  .global-pricing-version-two.card .filters-container .btn-container > div:first-child {
    margin-right: 17px; }
  .global-pricing-version-two.card .common-header-component .btn-region-dashboard {
    margin-left: 0; }
  .global-pricing-version-two.card .common-header-component .btn-component {
    padding: 0 11px; }
  .global-pricing-version-two.card .gridContentAlign11.index-container {
    display: flex;
    justify-content: left; }
  .global-pricing-version-two.card .gridContentAlign11.index-container .index-content {
    text-align: center;
    padding: 0px 10px 0px 0px; }
  .global-pricing-version-two.card .gridContentAlign11.index-container .index-content:first-of-type {
    text-align: right; }
  .global-pricing-version-two.card .common-loader-enable.panel-main-container {
    height: 78vh;
    min-height: unset; }
  .global-pricing-version-two.card .custom-graph-container .custom-graph-panel {
    margin-left: -50px;
    width: calc(100% + 65px); }
  .global-pricing-version-two.card .card-container-v-two .title {
    font-weight: 500;
    margin-right: 4px;
    font-family: 'Chivo-Bold'; }

.global-pricing-error-container.api-error-card {
  min-height: 90vh; }

.global-pricing-version-two.global-pricing-landing .data-table-version-two .p-datatable .p-datatable-tbody > tr > td {
  border: unset; }

.status-highlights-panel {
  font-size: 10px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center; }

.global-pricing-version-two.competitor-pricing-dashboard .custom-graph-container .custom-graph-panel {
  margin-left: 0;
  width: calc(100%);
  overflow-x: auto;
  overflow-y: hidden; }

.global-pricing-version-two.competitor-pricing-dashboard .custom-graph-container .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  left: -9px !important; }

.global-pricing-version-two.regional-pricing-dashboard .custom-graph-container .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
  bottom: -1px !important; }

.global-pricing-version-two.regional-pricing-dashboard .custom-graph-container .graph-heading-container {
  flex: 65%;
  max-width: unset !important; }

.global-pricing-version-two.regional-pricing-dashboard .graph-tab-container {
  flex: 35%;
  max-width: unset !important; }

.global-pricing-version-two.regional-pricing-dashboard .price-index-panel {
  font-weight: 700; }

.global-pricing-version-two.regional-pricing-dashboard .index-panel,
.global-pricing-version-two.regional-pricing-dashboard .price-index-panel {
  padding-left: 35px; }

.global-pricing-version-two.regional-pricing-dashboard .price-index-panel-container .price-index-panel,
.global-pricing-version-two.regional-pricing-dashboard .price-index-panel-container .index-panel {
  padding-left: 0; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .msg-box-container {
  margin: 0; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .panel-main-container {
  height: 90vh !important; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .grid-container {
  margin-left: 0;
  margin-right: 0; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .side-panel.expanded.card,
.dashboard-version-two.global-pricing-version-two.threep-version-two .side-panel.card {
  min-height: unset;
  height: 82%; }

.dashboard-version-two.global-pricing-version-two.threep-version-two td.p-highlight {
  color: #495057 !important; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .breadcrum-container {
  padding: 0; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .grid-container .p-datatable-table .p-datatable-thead .custom-selling-price-cell-content .p-column-header-content .p-column-title {
  width: auto; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .graphComponentTitle {
  padding-top: 13px; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .graph-drop-down {
  margin-top: 13px; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .graphComponentHeader {
  padding-right: 0px; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .Pip-Container-two .graphContainerStyle .card-body {
  padding: 0 1.25rem 0rem 1.25rem; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .left-panel .pimerce-table-v-two-layout {
  margin-bottom: 80px; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .left-panel > .grid-container .p-column-header-content {
  width: 100%; }

.dashboard-version-two.global-pricing-version-two.threep-version-two .left-panel > .grid-container th .p-column-header-content .p-column-title {
  width: 100% !important;
  color: #1e1e1e; }

.global-pricing-version-two > .common-card-header > .common-header-component > div {
  flex: 0 0 50%;
  max-width: 50%; }

.competitor-pricing-dashboard .custom-graph-container .graph-heading-container .sub-title {
  margin-top: 3px; }

.global-pricing-version-two.competitor-pricing-dashboard .regional-chrt-container.one-day .custom-graph-container .custom-graph-panel {
  width: calc(100% + 23px); }
  .global-pricing-version-two.competitor-pricing-dashboard .regional-chrt-container.one-day .custom-graph-container .custom-graph-panel .apexcharts-canvas .apexcharts-align-left {
    left: 12px !important; }

.global-pricing-version-two.competitor-pricing-dashboard .action-container {
  min-width: 75%; }

.regional-pricing-dashboard.global-pricing-version-two.card .gridContentAlign11.price-index-panel-container .index-content {
  text-align: left;
  padding: 0px 10px 0px 0px; }

.regional-pricing-dashboard.global-pricing-version-two.card .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:has(.gridContentAlign11.na-column) {
  pointer-events: none;
  cursor: default; }

.regional-pricing-dashboard.global-pricing-version-two.card .competitor-pricing-dashboard.container-v-two.action-container {
  min-width: 75% !important; }

.inner-breadcrumb {
  color: #212427cc;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Chivo-Regular'; }

.inner-breadcrumb {
  color: #212427cc;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Chivo-Regular'; }

.inner-breadcrumb {
  color: #212427cc;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Chivo-Regular'; }

.competitor-pricing-dashboard .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
  color: #212427 !important; }

.regional-grid .data-table-version-two .p-datatable.p-datatable-selectable-cell .p-selectable-cell:hover:has(.pricing-hover-effect) {
  background-color: unset;
  cursor: default; }

.regional-grid .gridcontent-regional {
  cursor: default !important; }

/**************Pimerce Blue Theme***************/

.reload {
  text-align: center;
  padding: 145px;
  font-family: Chivo-Medium;
  font-size: medium;
  color: #003353; }

.reloadButton {
  font-size: 42px;
  position: relative;
  padding: 15px;
  cursor: pointer; }

.reloadButtonIcon {
  font-size: 15px;
  position: relative;
  padding: 15px;
  cursor: pointer;
  margin-left: -27px; }

.rotate {
  animation: rotation 2s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.card-container-v-two {
  width: 100%;
  border: none;
  justify-content: center;
  flex-direction: column; }
  .card-container-v-two .title-container {
    display: flex;
    align-items: start;
    justify-content: center;
    justify-items: center;
    flex-direction: column;
    padding: 0;
    min-width: 20%;
    width: auto; }
  .card-container-v-two .action-container {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
    width: auto;
    min-width: 80%; }
  .card-container-v-two .title-icon {
    margin-left: 16px;
    display: flex;
    align-items: center;
    font-size: 24px; }
  .card-container-v-two .title {
    margin: 0;
    font-size: 16px;
    font-weight: bold; }
  .card-container-v-two .sub-title {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px; }
  .card-container-v-two .action-list {
    padding: 8px 0px 8px 16px; }
  .card-container-v-two .sort-list {
    border: 1px solid #a8a8a8;
    border-radius: 10px;
    display: flex;
    align-items: center; }
  .card-container-v-two .sort-list .filter-btn {
    margin-right: 17px; }
  .card-container-v-two .action-list.search-container {
    width: 50%;
    min-width: 426px;
    height: 100%; }
  .card-container-v-two .action-list.sort-container {
    width: 17.5%;
    min-width: 190px; }
  .card-container-v-two .export-icon {
    cursor: pointer;
    margin-left: 8px; }
  .card-container-v-two .header-info-icon {
    width: 21px;
    margin: 0px 0px 3px 12px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.p-autocomplete-panel .p-autocomplete-items-wrapper .p-autocomplete-items .p-autocomplete-item.p-highlight, .p-autocomplete-item .p-highlight {
  color: #000 !important;
  background: rgba(218, 219, 220, 0.84) !important;
  margin: 5px 5px;
  padding: 0.25rem 0.7rem;
  border: 0 none;
  border-radius: 8px;
  font-family: 'Chivo-Regular';
  font-size: 13px; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #000 !important;
  background: #EEF2FF; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  border-radius: 8px;
  color: #000 !important;
  background: rgba(218, 219, 220, 0.46) !important; }

.p-autocomplete .p-autocomplete-loader {
  display: none; }

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 5px 2px;
  padding: 0.25rem 0.7rem;
  border: 0 none;
  color: #000;
  background: transparent;
  border-radius: 0;
  font-family: Chivo-Regular;
  font-size: 13px;
  word-break: break-all; }

.p-autocomplete-item {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: wrap; }

.p-autocomplete-panel {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px;
  border: 1px solid #777C82;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 0px solid !important;
  z-index: 1 !important;
  overflow: auto;
  box-shadow: 0px 0px 0px;
  max-width: min-content;
  overflow-x: hidden;
  padding: 4px 0px 10px;
  margin-top: -4px; }

.p-autocomplete-items-wrapper {
  border-top: 1px solid #cfcfcf;
  overflow: auto; }

::-webkit-scrollbar-thumb:hover {
  background: #555; }

.p-autocomplete-panel .p-autocomplete-items {
  padding: 0.05rem 0.09rem; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-button {
  background: transparent;
  height: 8px; }

.p-autocomplete-items-wrapper::-webkit-scrollbar-track-piece, .p-autocomplete-items-wrapper::-webkit-scrollbar-track {
  background: transparent !important; }

.p-autocomplete-panel .p-component .p-ripple-disabled .p-connected-overlay-enter-done {
  max-width: 100%;
  transform-origin: center top;
  top: 78px !important;
  left: 842px !important;
  min-width: 100%; }

.version2-search-brand-icon {
  margin: 0px;
  width: 100%; }

.p-inputtext-left {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-left: 36px;
  padding-right: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-autocomplete-panel.p-component.p-connected-overlay-enter-done:has(ul:empty) {
  display: none; }

.p-inputtext-left-with-text {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  border-top: 1px solid #777C82 !important;
  border-left: 1px solid #777C82 !important;
  border-right: 1px solid #777C82 !important;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-inputtext-right {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-left: -8px;
  padding-right: 30px;
  padding-left: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset; }

.p-inputtext-right-with-text {
  border-radius: 6px !important;
  border: solid 1px #777C82;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top: 1px solid #777C82 !important;
  border-left: 1px solid #777C82 !important;
  border-right: 1px solid #777C82 !important;
  font-size: 14px;
  height: 40px;
  margin-top: 0px;
  margin-right: -8px;
  padding-right: 30px;
  padding-left: 10px;
  font-family: 'Chivo-Regular';
  width: 100% !important;
  max-width: unset;
  outline: 0 none;
  outline-offset: 0; }

.auto-suggestion-search-container-left {
  width: 100%;
  margin-right: -10px; }

.auto-suggestion-search-container-lefticon {
  width: 100%;
  justify-content: flex-end;
  display: flex; }

.auto-suggestion-search-container-right {
  width: 100%;
  overflow: hidden;
  min-height: 40px;
  position: relative;
  top: 0;
  left: 0; }

.autosuggestion-card .p-autocomplete {
  top: 8px;
  height: 100%;
  left: 8px; }

.p-inputtext {
  border-radius: 6px;
  border: solid 1px #777C82;
  font-size: 14px;
  height: 40px;
  margin-top: -8px;
  margin-left: -8px;
  width: 100%;
  max-width: unset;
  color: #212427;
  font-family: Chivo-Regular; }

.search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-left: 3px; }

.auto-suggestion-search {
  cursor: pointer !important; }

.search-bar-boxing-search-icon-right {
  margin-left: -23px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.search-bar-boxing-search-icon-left {
  margin-right: -23px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.search-icon-left {
  margin-right: 0px !important;
  position: relative;
  z-index: 0;
  cursor: pointer; }

.auto-suggestion-search-container-right .p-inputtext:enabled:focus,
.auto-suggestion-search-container-right .p-inputtext:enabled,
.auto-suggestion-search-container-right .p-inputtext:hover {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem transparent;
  border-color: #777C82;
  padding-right: 30px; }

.fa-search:before {
  font-size: 16px; }

.p-autocomplete {
  display: inline-flex;
  width: 100% !important;
  position: relative; }

.p-autocomplete-items-wrapper {
  max-height: 275px; }

.autosuggestion-card ::placeholder {
  font-size: 12px; }

.search-bar-boxing {
  position: relative;
  z-index: 0;
  width: 20px;
  cursor: pointer;
  margin-left: 3px; }

.search-bar-close {
  position: relative;
  z-index: 0;
  width: 20px;
  cursor: pointer;
  right: 9px;
  top: 11px;
  background: #fff;
  position: absolute; }

.searchboxHeader {
  height: 45px !important;
  margin-top: -50px;
  background: transparent !important;
  border: 0px; }

.searchboxBody {
  padding: 0px; }

.auto-suggestion-container {
  position: relative; }

.autosuggestion-card {
  display: flex;
  margin-top: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent;
  width: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2; }

.autosuggestion-card.show-autosuggestion {
  opacity: 1;
  width: 100%;
  z-index: 1;
  transition: width 1s; }

.autosuggestion-card.close-autosuggestion {
  opacity: 1;
  width: 0%;
  z-index: 3;
  transition: width 1s; }

.search-icon-left.search-bar-active {
  opacity: 0; }

.search-icon-left.search-bar-deactive {
  opacity: 1;
  transition-delay: 1s; }

.noResultSuggestion {
  color: #777C82; }

.p-autocomplete-items .searchBox-No-Result {
  color: #60666b; }

.version2-search-brand-icon {
  height: 24px;
  position: relative; }
  .version2-search-brand-icon .search-bar-boxing {
    position: absolute;
    left: -3px;
    top: 0px;
    width: auto; }
  .version2-search-brand-icon .search-icon-left {
    margin-right: 0px !important;
    position: absolute;
    z-index: 0;
    cursor: pointer;
    top: -2px;
    right: -4px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sort-container .selected-text-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #212427; }

.sort-container .dropdown-padding {
  padding: 4px 2px; }

.sort-container .dropdown-border-radius {
  border-radius: 8px;
  width: 100%;
  height: 40px; }

.sort-container .dropdown-border-radius:active {
  border-color: blue !important; }

.sort-container .p-dropdown:not(.p-disabled).p-focus, .sort-container .p-dropdown.sort-active {
  border-color: #1B64F2; }

.sort-container .selected-text-padding {
  padding: 4px 0px;
  margin-left: 1px; }

.sort-container .text-color .p-dropdown-trigger {
  width: 30px; }

.sort-container .p-dropdown:not(.p-disabled):hover {
  border-color: unset !important; }

.sort-container .p-dropdown-label.p-inputtext.p-placeholder {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin: 0px;
  color: #212427; }

.sort-container .p-dropdown:not(.p-disabled).p-focus {
  box-shadow: none !important; }

.dropdown-text-color {
  color: #212427; }

.drop-panel.p-dropdown-panel {
  font-size: 12px;
  font-family: Chivo-Regular;
  width: min-content; }
  .drop-panel.p-dropdown-panel .panel-padding {
    width: auto;
    margin-left: 8px;
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal;
    font-weight: 400; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    background-color: unset !important;
    color: unset; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: unset;
    background: unset; }
  .drop-panel.p-dropdown-panel .p-dropdown-items-wrapper {
    max-height: none;
    overflow: auto; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    margin: auto; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding: 5px; }
  .drop-panel.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
    padding: unset; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box {
    width: 20px;
    height: 20px;
    margin: auto; }
  .drop-panel.p-dropdown-panel .p-radiobutton {
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .drop-panel.p-dropdown-panel .p-dropdown-panel {
    top: 373.516px !important;
    left: 1644.95px !important;
    width: 194px; }
  .drop-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: white !important; }
  .drop-panel.p-dropdown-panel .p-radiobutton .p-radiobutton-box.p-highlight {
    background: white !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.main {
  position: relative;
  width: 100%; }

.maincardregistered,
.mainCardAlternative,
.maincardalternativefocus {
  width: 100%;
  border: 0px;
  background-color: transparent;
  border-radius: 8px;
  padding: 10px; }

.email-container .p-inputtext {
  margin: 0px;
  background-color: transparent;
  height: fit-content;
  padding: 2px;
  border: 0px; }

.maincardregistered .email-container .p-inputtext {
  margin: 0px;
  height: fit-content;
  background: transparent;
  padding: 2px;
  border: 0px; }

.p-chips .p-chips-multiple-container .p-chips-input-token input:disabled {
  padding: 0px 10px;
  margin: 0;
  cursor: default !important;
  font-family: "Chivo-Regular"; }

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0rem #C7D2FE; }

.p-chips .p-chips-multiple-container .p-chips-input-token input {
  padding: 0px 10px;
  margin: 0;
  font-family: "Chivo-Regular"; }

.email-container .p-chips .p-inputtext .p-highlight {
  background: #ada8a8 !important;
  margin: 5px;
  color: #000; }

.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0.375rem 0; }

.maincardregistered .maincardbody {
  padding: 0px;
  flex: 0; }

.mainCardAlternative .maincardbody,
.mainCardAlternativeError .maincardbody,
.maincardalternativefocuserror .maincardbody,
.maincardalternativefocus .maincardbody {
  padding: 10px 0px 0px 0px; }

.maincardregistered .maincardfooter,
.mainCardAlternative .maincardfooter,
.maincardalternativefocus .maincardfooter,
.mainCardAlternativeError .maincardfooter,
.maincardalternativefocuserror .maincardfooter {
  background: transparent;
  padding: 0px 0px 0px 10px;
  font-size: 12px;
  font-family: "Chivo-Regular"; }

.maincardregistered .form-floating > label,
.mainCardAlternative .form-floating > label,
.maincardalternativefocus .form-floating > label,
.mainCardAlternativeError .form-floating > label,
.maincardalternativefocuserror .form-floating > label {
  padding: 1rem 0.75rem;
  color: #4b5563; }

.maincardregistered .errorMessage,
.mainCardAlternative .errorMessage,
.maincardalternativefocus .errorMessage,
.mainCardAlternativeError .errorMessage,
.maincardalternativefocuserror .errorMessage {
  font-size: 10px;
  color: #f00;
  margin-bottom: -30px;
  margin-top: 10px; }

.maincardregistered .form-control:disabled.form-control,
.mainCardAlternative .form-control:disabled.form-control,
.maincardalternativefocus .form-control:disabled.form-control,
.mainCardAlternativeError .form-control:disabled.form-control,
.maincardalternativefocuserror .form-control:disabled.form-control {
  background-color: #fff; }

.maincardregistered input#floatingInput:enabled:focus,
.mainCardAlternative input#floatingInput:enabled:focus,
.maincardalternativefocus input#floatingInput:enabled:focus,
.mainCardAlternativeError input#floatingInput:enabled:focus,
.maincardalternativefocuserror input#floatingInput:enabled:focus {
  box-shadow: 0px 0px 0px;
  border-color: #777C82; }

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.15rem 0.55rem;
  border-radius: 6px; }

.maincardregistered {
  max-height: 65px !important;
  border-radius: 8px;
  width: 100%;
  padding: 25px 0px 3px 0px !important;
  border: 1px solid #dadbdc;
  background-color: #f3f3f3; }

.emailfieldgrouped {
  display: flex; }

.email-container .maincardregistered .p-chips .p-inputtext .p-highlight {
  background: transparent !important;
  color: #000 !important;
  margin: 0px; }

.mainCardAlternative {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 1px solid #777C82;
  margin-left: 17px;
  background-color: transparent; }

.mainCardAlternative .p-float-label label {
  position: absolute;
  pointer-events: none;
  top: 10%;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  margin-top: -0.5rem;
  transition-property: all;
  transition-timing-function: ease;
  line-height: 1; }

.maincardalternativefocus {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 3px solid #777C82;
  margin-left: 17px;
  background-color: transparent;
  justify-content: center; }

.mainCardAlternativeError {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 1px solid #ff0000;
  margin-left: 17px;
  background-color: transparent;
  justify-content: center; }

.maincardalternativefocuserror {
  width: 100%;
  padding: 15px 0px 3px 0px !important;
  border-radius: 8px;
  border: 3px solid #ff0000;
  margin-left: 17px;
  background-color: transparent;
  justify-content: center; }

.maincardregistered .maincardbody,
.mainCardAlternative .maincardbody,
.maincardalternativefocus .maincardbody,
.mainCardAlternativeError .maincardbody,
.maincardalternativefocuserror .maincardbody {
  padding: 0px;
  flex: 0; }

.form-floating {
  position: relative; }

.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25; }

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none; } }

.form-floating > .form-control {
  padding: 1rem 0.75rem; }

.form-floating > .form-control::-moz-placeholder {
  color: transparent; }

.form-floating > .form-control::placeholder {
  color: transparent; }

.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.senddocument {
  padding: 15px 0px;
  border-top: 2px solid #ccc;
  font-family: "Chivo-Medium";
  color: #000; }

.p-chips-token.p-highlight .p-chips-token-icon.pi.pi-times {
  font-size: 12px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.email-container {
  position: relative;
  flex-direction: column;
  display: flex;
  padding: 0px 15px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control {
  width: auto;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown .react-select__control.css-18no9bb-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown svg.dropdownColor_svg {
  fill: #212427; }

.pimerce-export-filter-dropdown svg.css-19bqh2r {
  display: none; }

.pimerce-export-filter-dropdown .react-select__indicators.css-1wy0on6 {
  display: inline-grid;
  align-content: center; }

.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control:hover {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown .react-select__control--is-focused {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-powersku-button {
  width: 160px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px !important;
  border-color: #1B64F2 !important;
  color: 'black'; }

.pimerce-export-filter-powersku-text {
  height: 14px;
  width: 70px;
  font-size: 12px;
  font-weight: 400;
  color: #212427;
  display: flex;
  align-items: center; }

.pimerce-export-filter-powersku-button .pimerce-export-toggle-switch {
  left: 10px;
  bottom: 5px; }

.pimerce-export-filter-powersku-button:hover {
  background-color: #fff; }

.pimerce-export-filter-powersku-button:not(:disabled):not(.disabled):active {
  background-color: #fff; }

.pimerce-export-filter-dropdown {
  width: 160px; }

.datePickerContainerStyle {
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 1px 1px #ccc;
  margin: 5px 0px;
  padding: 10px;
  z-index: 10; }

.p-chips {
  display: inline-flex;
  width: 100%; }

.exportLayout {
  flex-direction: column;
  align-items: flex-start;
  display: inline-block;
  width: -webkit-fill-available; }

.p-dialog .p-dialog-content:last-of-type {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: auto; }

.exportExcel .p-dialog-header {
  padding: 1rem; }

.exportExcel {
  min-width: 60%;
  max-width: 60%;
  min-height: 475px;
  max-height: -webkit-fill-available; }

.pimerce-export-filter-dropdown .list::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.pimerce-export-filter-dropdown .react-select__option--is-focused {
  background-color: #DBDCDC; }

.pimerce-export-filter-dropdown .react-select__option--is-selected:hover {
  background-color: #1B64F2; }

.export-footer {
  display: flex;
  justify-content: flex-end; }

.datePickerContainerClass {
  position: fixed;
  z-index: 999;
  min-width: 25%;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 1.5px 10px 0.5px #ccc;
  border-radius: 8px; }

.css-tlfecz-indicatorContainer {
  color: #ccc;
  display: flex;
  margin-top: -5px;
  transition: color 150ms ease 0s;
  box-sizing: border-box; }

.email-container .p-chips .p-inputtext .p-highlight {
  background: #f3f3f3 !important;
  margin: 5px;
  color: #212427 !important; }

.export-excel-status-modal-container .modal-content .modal-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Chivo-Regular"; }

.export-excel-status-modal-container .modal-content .modal-body {
  font-family: "Chivo-Regular";
  font-size: 18px;
  font-weight: 500; }

.export-excel-status-modal-container .modal-content .modal-footer {
  display: flex; }

.export-excel-status-modal-container .modal-content .modal-footer .pi-btn-primary {
  height: 40px;
  width: 80px; }

.request-failed-modal-container {
  width: 65%; }

.modal-dialog.request-failed-modal-container {
  z-index: 1000; }

.request-failed-modal-container .p-dialog-content {
  padding: 20px; }

.request-failed-modal-container {
  width: 30%;
  height: 16%; }

.request-failed-modal-container .modal-content .modal-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Chivo-Regular"; }

.request-failed-modal-container .modal-content .modal-body {
  font-family: "Chivo-Regular";
  font-size: 18px;
  font-weight: 500; }

.request-failed-modal-container .modal-content .modal-footer {
  display: flex; }

.request-failed-modal-container .modal-content .modal-footer .pi-btn-primary {
  height: 40px;
  width: 80px; }

.export-filter-support-email {
  font-size: 12px;
  font-weight: 400;
  font-family: "Chivo-Regular";
  padding: 0px 15px;
  padding-bottom: 15px; }

.support-link,
.support-link:hover {
  color: #1B64F2;
  text-decoration: underline; }

.dropDownColumn .pimerce-date-picker-component {
  position: fixed;
  z-index: 999;
  background: #fff;
  margin-top: 10px;
  box-shadow: 0px 1.5px 10px 1.5px #ccc;
  border-radius: 8px;
  border-color: #A7ABAF; }

.export-filter-container-main .col-md-4 {
  flex: 0 0 40%;
  max-width: 40%; }

.export-filter-container-main .export-filter-container {
  padding: 14px 0px 0px 0px;
  overflow-y: hidden; }

.export-filter-container-main .export-filter-container > div > div > div {
  padding: 0px 0px !important;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.export-filter-container-main .export-filter-container > div {
  border-top: 1px solid #212427;
  border: none;
  margin-top: -36px;
  margin-left: 25px; }

.export-filter-container-main .dropdownRow,
.filter-container-style-filter {
  flex-wrap: nowrap; }

.export-filter-container .dropdownRow,
.filter-container-style-filter {
  flex-wrap: wrap; }

.export-filter-container-main .dropDownColumn .pimerce-date-picker-button {
  border-color: #1B64F2;
  width: 160px;
  background-color: #fff; }

.export-filter-container-main .dropDownColumn .pimerce-date-picker-button:not(:disabled):not(.disabled):active {
  background-color: #fff;
  border-color: #1B64F2; }

.exportLayout .export-footer .p-button.p-component.p-button-outlined.pi-btn-font.pi-button-secondary {
  height: 40px;
  width: 80px;
  justify-content: center; }

.exportLayout .export-footer .p-button.p-component.pi-btn-primary.pi-btn-font {
  height: 40px;
  width: 80px;
  justify-content: center; }

.exportSubmitDisabled {
  cursor: no-drop; }

.exportSubmitEnabled {
  cursor: default; }

.exportLayout .modal-footer {
  display: flex; }

.modal-content-filter-v2 .modal-title {
  font-weight: 100; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown .react-select__control.css-18no9bb-control {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown svg.dropdownColor_svg {
  fill: #212427; }

.pimerce-export-filter-dropdown svg.css-19bqh2r {
  display: none; }

.pimerce-export-filter-dropdown .react-select__indicators.css-1wy0on6 {
  display: inline-grid;
  align-content: center; }

.pimerce-export-filter-dropdown .react-select__control.css-10u4t4s-control:hover {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-dropdown .react-select__control--is-focused {
  width: 160px;
  height: 40px;
  border-radius: 8px !important;
  border-color: #1B64F2 !important; }

.pimerce-export-filter-powersku-button {
  width: 160px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px !important;
  border-color: #1B64F2 !important;
  color: #212427; }

.pimerce-export-filter-powersku-text {
  height: 14px;
  width: 70px;
  font-size: 12px;
  font-weight: 400;
  color: #212427;
  display: flex;
  align-items: center; }

.pimerce-export-filter-powersku-button .pimerce-export-toggle-switch {
  left: 10px;
  bottom: 5px; }

.pimerce-export-filter-powersku-button:hover {
  background-color: #fff; }

.pimerce-export-filter-powersku-button:not(:disabled):not(.disabled):active {
  background-color: #fff; }

.export-filter-container-main {
  padding: 0px 0px 10px 15px;
  display: flex;
  flex-wrap: wrap; }

.export-filter-container-main .row {
  display: flex;
  flex-wrap: wrap;
  width: inherit; }

.export-filter-container-main .container .row .dropDownColumn.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 170px;
  max-width: 170px; }

.export-filter-container-main .container .row .dropDownColumnPowerSku.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 170px;
  max-width: 170px; }

.css-512urr-singleValue {
  font-size: 12px; }

/**************Pimerce Blue Theme***************/

.optionStyle {
  font-weight: 'bold';
  margin-left: '10px';
  color: '#556063';
  font-size: '10px';
  font-family: Chivo-Regular; }

.dropdownItemStyle {
  overflow: hidden;
  font-family: Chivo-Regular;
  text-overflow: ellipsis !important;
  white-space: initial !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  height: 47px !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.5 !important; }

.dropDownEllipseText {
  overflow: "hidden";
  text-overflow: "ellipsis";
  white-space: "initial";
  display: "-webkit-box";
  -webkit-line-clamp: 2;
  height: "47px";
  -webkit-box-orient: "vertical";
  line-height: 1.5; }

.iconStyle {
  z-index: 0; }

.indicatorSeparatorStyle {
  align-self: 'stretch';
  background-color: 'none';
  margin-bottom: 8;
  margin-top: 8;
  width: 1; }

.superCategory-dropdown .css-2b097c-container {
  display: flex;
  justify-content: center; }

.css-es53b3-multiValue {
  background-color: #ffffff;
  display: flex;
  margin: 0px;
  min-width: 65px;
  font-size: 14px;
  font-family: Chivo-Regular;
  box-sizing: border-box; }

.css-1hwfws3 {
  flex-wrap: initial;
  cursor: pointer !important; }

.css-1alnv5e {
  padding-left: 1px;
  padding-right: 1px; }

.limitStyle {
  margin: 10px;
  text-align: center;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding: 10px; }

@media (min-width: 992px) and (max-width: 1200px) {
  .css-1ju5jrz-control {
    width: 175px; }
  .css-wrqit4-control {
    width: 175px; } }

@media (min-width: 300px) and (max-width: 350px) {
  .css-1ju5jrz-control {
    width: 200px; }
  .css-wrqit4-control {
    width: 200px; } }

.css-1rhbuit-multiValue {
  background-color: unset;
  min-width: 60px; }

.css-1rhbuit-multiValue .css-12jo7m5 {
  color: #2e3d4a;
  padding-left: 0px;
  font-size: 12px;
  font-family: Chivo-Regular; }

.css-16629it-option:active {
  background-color: transparent; }

.css-16629it-option {
  background-color: transparent; }

.css-lr915d-option:active {
  background-color: transparent; }

.css-lr915d-option {
  background-color: transparent; }

.css-14xkxcv-option:active {
  background-color: transparent; }

.css-14xkxcv-option {
  background-color: transparent;
  color: #2e3d4a; }

.css-xb97g8 {
  display: none; }

.css-19bqh2r {
  width: 16px; }

.css-10u4t4s-control:hover {
  border-color: #1B64F2; }

.css-6jztv8::-webkit-scrollbar {
  height: 8px;
  overflow: visible;
  width: 5px; }

.checkbox input[type='checkbox']:focus + label::before {
  outline: 0; }

.css-qlqwgq-menu {
  z-index: 2; }

.css-1jea7q0-singleValue.css-2df376-option {
  background-color: #2e3d4a !important; }

.css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: 5px !important;
  top: 6px !important; }

.css-1nqgufb-option, .css-1sx5vg2-option {
  background-color: transparent;
  color: #2e3d4a;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular; }

.css-1nqgufb-option:active, .css-1sx5vg2-option:active {
  background-color: transparent; }

.css-1wr21wx-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular; }

.css-1wr21wx-option:active {
  background-color: transparent; }

.css-1wr21wx-option:hover {
  background-color: transparent; }

.css-1puajjh-option, .css-1nqgufb-option, .css-1sx5vg2-option, .css-1wr21wx-option, .css-1e0mtz0-option, .css-17os4r0-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  padding: 5px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Medium; }

.css-1nqgufb-option, .css-1sx5vg2-option {
  color: #2e3d4a; }

.css-1puajjh-option:active, .css-1nqgufb-option:active, .css-1sx5vg2-option:active, .css-1wr21wx-option:active, .css-1e0mtz0-option:active, .css-17os4r0-option:active {
  background-color: transparent; }

.css-jz4unx-option {
  background-color: #1B64F2;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  max-height: 47px; }

.css-1xnm5y9-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 9px 12px;
  min-height: 40px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Barlow-Regular;
  outline: none !important;
  border: none !important;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2e3d4a; }

.css-1x0jd2r-option {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 9px 12px;
  min-height: 40px; }

input.filterMenuOptionCheckbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 0px solid #1B64F2;
  margin: 3px 3px 0px 0px;
  box-sizing: border-box;
  padding: 0;
  background-color: #003353; }

input.filterMenuOptionCheckbox:checked:before {
  position: absolute; }

input.filterMenuOptionCheckbox:checked:after {
  content: '';
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMenuOptionCheckbox:checked:after {
  display: block; }

input.filterMenuOptionCheckbox:disabled:after {
  border-color: #ffffff; }

.dropDownLabel {
  overflow-wrap: break-word;
  width: 85%;
  cursor: pointer; }
  @supports (-webkit-line-clamp: 2) {
    .dropDownLabel {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: contents;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-family: Chivo-Regular; } }

.contexual-filter-title-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280; }

.react-select__loading-indicator {
  display: inline-block;
  width: 1rem;
  margin-left: -18px;
  margin-bottom: -18px;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-radius: 50%;
  border-width: 0.2em;
  animation: spinner-border 0.75s linear infinite;
  color: #1B64F2;
  font-size: unset;
  padding: 0; }
  .react-select__loading-indicator > * {
    display: none; }

.predictiveSearchLoading {
  display: inline-flex;
  padding: 0.8em 2.8em 0.9em 0.8em;
  justify-items: center;
  margin-left: 8.6em; }

.searchLoading {
  display: inline-flex;
  padding: 0.8em 2.8em 0.9em 0.8em;
  justify-items: center;
  margin-left: 2.4em; }

.no-option-title-style {
  height: 60px;
  text-align: center;
  padding: 8px 12px;
  color: #999999;
  cursor: context-menu; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

.filter-label-text {
  height: 13px;
  margin-bottom: 0px; }

.reload-loading-spinner {
  animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-btn-font {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.pi-btn-font .p-button-label {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal; }

.pi-btn-primary {
  color: #ffffff;
  background: #1B64F2;
  border: none;
  border-radius: 8px;
  padding: 11px 1.25rem; }

.pi-btn-primary:hover {
  background-color: #35A2E6 !important; }

.pi-btn-primary:active {
  background-color: #48ABE8 !important; }

.pi-btn-primary-loding {
  background: #1B64F2 !important; }

.secondary-button-disabled {
  background-color: transparent;
  color: #8E9398;
  border: 1px solid;
  cursor: not-allowed;
  border-radius: 8px;
  padding: 0.48rem 1.25rem; }

.pi-btn-loading .p-disabled, .p-component:disabled {
  opacity: unset; }

.pi-button-secondary {
  background-color: transparent;
  color: #1B64F2;
  border: 1px solid;
  border-radius: 8px; }

.pi-button-secondary.p-button.p-button-outlined {
  background-color: transparent;
  color: #1B64F2;
  border: 1px solid;
  padding: 10px 1.25rem; }

.pi-button-secondary.p-button.p-button-outlined:hover {
  background-color: #DBDCDC;
  color: #1B64F2;
  border: 1px solid; }

.pi-button-secondary.p-button.p-button-outlined:active {
  background-color: #CACACB;
  color: #1B64F2;
  border: 1px solid; }

.reload-loading-spinner {
  animation: loading-spinner 2s linear infinite; }

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pi-modal .modal-content {
  border-radius: 8px;
  border: none; }

.pi-modal .modal-content .close {
  font-weight: 100; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pimerce-table-v-two-layout {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  overflow-x: auto;
  border-color: #A7ABAF; }
  .pimerce-table-v-two-layout .card-header {
    background-color: #fff;
    border: none;
    height: auto;
    max-height: 80px;
    display: flex;
    min-width: 825px; }
  .pimerce-table-v-two-layout .clickable-grid-container {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 825px; }
  .pimerce-table-v-two-layout .clickable-grid-container.no-data-content {
    min-height: 53vh; }
  .pimerce-table-v-two-layout .row {
    margin-left: 0; }
  .pimerce-table-v-two-layout .data-table-version-two.apply-ellipsis-text .p-datatable .p-datatable-tbody > tr > td div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .pimerce-table-v-two-layout .data-table-version-two::-webkit-scrollbar-thumb {
    background: #DADBDC !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two::-webkit-scrollbar-thumb {
    background: #DADBDC !important;
    width: 0px !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two::-webkit-scrollbar {
    width: 0px !important; }
  .pimerce-table-v-two-layout .inner-data-table-version-two .data-table-version-two .p-datatable-thead {
    visibility: collapse;
    display: none; }
  .pimerce-table-v-two-layout .no-more-records-show {
    margin: 10px 0px; }

.data-table-version-two {
  width: 100%;
  overflow: auto;
  padding: 0px 0px 5px; }
  .data-table-version-two .p-datatable table {
    border-collapse: separate;
    border-spacing: 0 0.5px; }
  .data-table-version-two .p-datatable-tbody {
    display: table-row-group; }
  .data-table-version-two .p-datatable-tbody tr.p-disabled {
    opacity: unset; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:not(:first-child),
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
    min-width: 110px;
    max-width: 410px;
    padding: 0; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr {
    background-color: #fff;
    border: none;
    border-color: #fff; }
  .data-table-version-two tr.p-selectable-row.p-row-odd,
  .data-table-version-two .p-datatable .p-datatable-tbody > tr.p-row-odd,
  .data-table-version-two .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #fff;
    border: none;
    border-color: #fff; }
  .data-table-version-two .gridContentAlign11 {
    text-align: inherit;
    cursor: default;
    display: block;
    align-items: center;
    padding: 0 1rem;
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    color: #212427; }
  .data-table-version-two .gridContentAlign11.loader-container {
    display: flex; }
  .data-table-version-two .p-selectable-cell .gridContentAlign11 {
    cursor: pointer; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background-color: #F3F3F3;
    border: none;
    border-color: #F3F3F3; }
  .data-table-version-two .p-column-header-content {
    padding: 0 1rem; }
  .data-table-version-two .p-datatable .p-column-header-content {
    display: inline-flex;
    align-items: center; }
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th {
    background-color: #E7F6FF;
    border: none;
    padding: 0 1rem;
    height: 44px; }
  .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
    font-family: Chivo !important;
    font-size: 12px;
    color: #5b6063;
    font-weight: 400; }
  .data-table-version-two .p-datatable-thead {
    position: sticky;
    top: 0;
    z-index: 1; }
  .data-table-version-two th.p-frozen-column, .data-table-version-two td.p-frozen-column {
    width: auto;
    right: unset;
    position: sticky;
    min-width: 10%; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td {
    background-color: inherit;
    border: 1px solid;
    border-color: inherit;
    height: 44px;
    padding: 0 1rem;
    opacity: 1; }
  .data-table-version-two .data-table-version-two .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-color: #a4a4a4; }
  .data-table-version-two .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-color: #a4a4a4; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #fff; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F3F3F3; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:first-child, .data-table-version-two .p-datatable .p-datatable-tbody > tr > th:first-child {
    width: 65px;
    padding: 0rem; }
  .data-table-version-two .p-datatable.p-datatable-selectable-cell .p-selectable-cell:hover {
    background-color: #e2e2e2; }
  .data-table-version-two .p-datatable.p-datatable-selectable-cell .p-selectable-cell:active {
    background-color: #dcdcdc; }
  .data-table-version-two .p-datatable-responsive-scroll > .p-datatable-wrapper {
    overflow-x: unset; }
  .data-table-version-two .grid-loader-skeleton {
    width: 60% !important; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight),
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr:has(td.p-highlight) {
    border: 1.5px solid #1B64F2; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: inherit;
    border-top: inherit; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td:first-child {
    border-left: inherit; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr:has(td.p-highlight) td:last-child {
    border-right: inherit; }
  .data-table-version-two .p-highlight:focus {
    border: unset !important;
    border-bottom: inherit !important;
    border-top: inherit !important; }
  .data-table-version-two .p-datatable-row-expansion > td {
    padding: 0px !important; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
    background: none; }
  .data-table-version-two .p-datatable .p-datatable-tbody .expander-column.p-frozen-column .p-row-toggler.p-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 20px; }
  .data-table-version-two .p-datatable .p-datatable-tbody > tr > td.expander-column button.p-row-toggler.p-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 20px; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
    background-color: #FFFFFF !important; }
  .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
    background-color: #f2f2f2 !important;
    border: 0px; }
  .data-table-version-two .p-datatable table {
    width: max-content; }

.inner-data-table-version-two .data-table-version-two {
  max-height: 215px; }

.inner-data-table-version-two .p-datatable-thead {
  visibility: collapse; }

.inner-data-table-version-two .p-datatable-row-expansion > td {
  padding: 0px !important; }

.inner-data-table-version-two .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
  background: none; }

.inner-data-table-version-two .p-datatable .p-datatable-tbody .expander-column.p-frozen-column .p-row-toggler.p-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  left: 20px; }

.inner-data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
  background-color: #FFFFFF !important; }

.inner-data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + tr.p-datatable-row-expansion > td .retailer-sub-cell-content {
  background-color: #f2f2f2 !important;
  border: 0px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pagination-card {
  width: fit-content;
  height: fit-content;
  margin: auto;
  float: inherit; }

.pagination-Container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#paginationbtn Button {
  background-color: transparent;
  font-family: Chivo-Regular;
  font-weight: 400;
  color: #000000;
  border: none;
  padding: 10px;
  margin: 8px;
  cursor: pointer;
  border-radius: 60%;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, border-color 0.3s; }

#paginationbtn Button.active {
  background-color: #4A4F54;
  border-color: #4A4F54;
  color: #FFFFFF;
  min-width: 40px;
  max-width: 50px; }

#paginationbtn Button:not(.active):hover {
  background-color: #21242726; }

#paginationbtn .btn:disabled {
  opacity: .20; }

#paginationbtn .btn {
  line-height: unset; }

.pageNumber {
  margin: 0 5px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px; }

.p-paginator {
  background: none;
  flex: none; }

.currentPageReport {
  font-family: Chivo;
  font-size: 10px;
  font-style: normal;
  height: 12px;
  color: #60666B;
  padding: inherit;
  font-weight: 500;
  line-height: 11.9px; }

.pagination-card {
  box-sizing: none;
  background: transparent;
  box-shadow: none;
  height: 112px;
  display: flex;
  align-items: center; }

.pagination-card .p-card-body, .pagination-card .p-card-content {
  padding: 0; }

#paginationbtn .btn-arrow:active {
  background-color: #4A4F54 !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pagination-card {
  width: fit-content;
  height: fit-content;
  margin: auto;
  float: inherit; }

.pagination-Container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#paginationbtn Button {
  background-color: transparent;
  font-family: Chivo-Regular;
  font-weight: 400;
  color: #000000;
  border: none;
  padding: 10px;
  margin: 8px;
  cursor: pointer;
  border-radius: 60%;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, border-color 0.3s; }

#paginationbtn Button.active {
  background-color: #4A4F54;
  border-color: #4A4F54;
  color: #FFFFFF;
  min-width: 40px;
  max-width: max-content; }

#paginationbtn Button:not(.active):hover {
  background-color: #21242726; }

#paginationbtn .btn:disabled {
  opacity: .20; }

#paginationbtn .btn {
  line-height: unset; }

.pageNumber {
  margin: 0 5px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px; }

.p-paginator {
  background: none;
  flex: none; }

.currentPageReport {
  font-family: Chivo;
  font-size: 10px;
  font-style: normal;
  height: 12px;
  color: #60666B;
  padding: inherit;
  font-weight: 500;
  line-height: 11.9px; }

.pagination-card {
  box-sizing: none;
  background: transparent;
  box-shadow: none;
  height: 112px;
  display: flex;
  align-items: center; }

.pagination-card .p-card-body, .pagination-card .p-card-content {
  padding: 0; }

#paginationbtn .btn-arrow:active {
  background-color: #4A4F54 !important; }

@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url(c08d00cac4f2edb5ade360a193fcd08e.eot);
    src: url(c08d00cac4f2edb5ade360a193fcd08e.eot?#iefix) format('embedded-opentype'), url(c0929a1e055f2ceb5c889501c24a24e1.woff2) format('woff2'), url(062070972fbad0f4fbb3505e6d013a39.woff) format('woff'), url(acb19296cb26b15dcf42e13c603217f2.ttf) format('truetype'), url(1d854e3ab2c37173804a0d1d1af229ee.svg?#primeicons) format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.custom-graph-container {
  border: 1px solid;
  border-color: #A7ABAF;
  border-radius: 8px;
  padding: 30px 20px 20px 20px;
  height: 100%;
  overflow: hidden; }
  .custom-graph-container .custom-graph-panel {
    height: auto; }
  .custom-graph-container .row {
    margin-left: 0;
    margin-bottom: 4px; }
  .custom-graph-container .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex;
    margin-right: 10px !important; }
  .custom-graph-container .customToolTipHeader {
    background: #eceff1;
    border-bottom: 1px solid #ddd; }
  .custom-graph-container .custom-graph-panel > div {
    min-height: 390px !important; }
  .custom-graph-container .title-container .row {
    width: 100%; }
  .custom-graph-container .graph-tab-container {
    display: flex;
    justify-content: end; }
  .custom-graph-container .graph-tab-container .graph-tab {
    margin-top: 5px; }
  .custom-graph-container .action-list.sort-container {
    padding-bottom: 0px; }
  .custom-graph-container .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left {
    left: 39px !important; }
  .custom-graph-container .graph-heading-container {
    display: flex;
    align-items: center; }
  .custom-graph-container .graph-heading-container .sub-title {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400; }
  .custom-graph-container .custom-graph-panel > div > div {
    min-height: unset !important;
    align-content: center; }
  .custom-graph-container .apexcharts-legend-marker {
    margin-right: 5px;
    position: relative; }
  .custom-graph-container .apexcharts-legend-marker::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    /* Adjust size of the inner white circle */
    height: 80%;
    /* Adjust size of the inner white circle */
    background-color: white;
    /* Inner circle color */
    border-radius: 50%;
    transform: translate(-48%, -48%); }
  .custom-graph-container .customToolTipHeader, .custom-graph-container .customTooltip {
    font-size: 12px; }
  .custom-graph-container .apexcharts-legend-text {
    font-family: 'Chivo-Regular' !important; }
  .custom-graph-container .chartCheckBox {
    display: flex;
    align-items: center;
    justify-content: center; }
    .custom-graph-container .chartCheckBox .chart-checkboxlabel {
      text-wrap: noWrap;
      margin-left: 10px; }
  .custom-graph-container .Select-All-Legend, .custom-graph-container .DeSelect-All-Legend {
    background-color: #1B64F2 !important;
    /* Green */
    border: none;
    color: white !important;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    border-radius: 12px;
    transition-duration: 0.4s; }
  .custom-graph-container .apexcharts-legend-text {
    cursor: pointer !important; }
  .custom-graph-container .chartCheckBox .p-checkbox .p-checkbox-box.p-highlight {
    background-color: #1B64F2;
    border-color: #1B64F2; }

.custom-graph-container.tabmenu-enabled {
  padding: 10px 20px 15px 20px; }
  .custom-graph-container.tabmenu-enabled .row {
    margin-bottom: 0px; }
  .custom-graph-container.tabmenu-enabled .graph-heading-container {
    padding-top: 16px;
    padding-left: 0px; }
  .custom-graph-container.tabmenu-enabled .apexcharts-legend {
    padding: 2px 10px; }
  .custom-graph-container.tabmenu-enabled .custom-graph-panel {
    margin-left: 0px; }

.pt-panel-active-cls {
  background: #ffff; }
  .pt-panel-active-cls .p-tabview-title {
    color: #1B64F2 !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .pt-panel-active-cls .p-tabview-nav li {
    border-right: 0px !important; }

.pt-panel-cls .p-tabview-nav li {
  border-right: 0px !important; }

.p-tabview-title {
  color: #60666b !important;
  font-family: Chivo !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: 0em !important;
  text-align: center !important; }

.p-tabview .p-tabview-nav {
  border: none !important; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.competitor-pricing-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.competitor-pricing-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.competitor-pricing-version-two.card {
  border: unset;
  overflow: hidden;
  height: 93vh;
  margin-top: -18px; }
  .competitor-pricing-version-two.card .common-card-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    padding: 20px;
    padding-left: 15px; }
  .competitor-pricing-version-two.card .competitor-price-index {
    color: #495057; }
  .competitor-pricing-version-two.card .main-panel {
    padding-top: 0px;
    overflow: unset; }
  .competitor-pricing-version-two.card .no-relevent-sku {
    color: #1B64F2;
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.28px;
    text-align: left;
    width: auto;
    display: inline-block;
    padding: 4px;
    background-color: #E7F6FF;
    border-radius: 21px; }
  .competitor-pricing-version-two.card .panel-main-container {
    height: calc(100vh - 190px);
    position: relative;
    margin: 0 -1.25rem;
    overflow: overlay; }
  .competitor-pricing-version-two.card .side-panel {
    height: 64vh !important; }
  .competitor-pricing-version-two.card .logo-container {
    height: 40px;
    width: 100px;
    margin-bottom: 15px;
    margin-top: 10px; }
    .competitor-pricing-version-two.card .logo-container img {
      height: 40px;
      width: 100px;
      object-fit: cover;
      position: relative; }
  .competitor-pricing-version-two.card .image-column {
    max-width: 45px !important;
    padding: 8px 0px; }
  .competitor-pricing-version-two.card .left-panel {
    width: 100%; }
  .competitor-pricing-version-two.card .left-panel.open-panel {
    width: calc(100% - 440px); }
  .competitor-pricing-version-two.card .left-panel > .grid-container > .pimerce-table-v-two-layout {
    margin-bottom: 45px;
    overflow-x: hidden; }
  .competitor-pricing-version-two.card .right-panel,
  .competitor-pricing-version-two.card .left-panel {
    height: 100%;
    overflow: overlay;
    position: unset;
    padding: 0.15rem 1.09rem; }
  .competitor-pricing-version-two.card .right-panel {
    width: 440px;
    padding-right: 0;
    overflow: hidden; }
  .competitor-pricing-version-two.card .right-panel .body-content {
    height: auto;
    max-height: calc(100vh - 350px); }
  .competitor-pricing-version-two.card .side-panel-body {
    height: 100%; }
  .competitor-pricing-version-two.card .sidepanel-parent-container {
    height: 94%; }
    .competitor-pricing-version-two.card .sidepanel-parent-container .side-panel.expanded {
      height: 94%; }
  .competitor-pricing-version-two.card .msg-box-pricing {
    min-height: 56px;
    width: 100%;
    margin: 20px 0px 16px 0; }
    .competitor-pricing-version-two.card .msg-box-pricing .align-items-start {
      align-items: center !important; }
    .competitor-pricing-version-two.card .msg-box-pricing .flex-column {
      flex-direction: row !important; }
    .competitor-pricing-version-two.card .msg-box-pricing .alert-box-title-link {
      margin-left: 3px; }
    .competitor-pricing-version-two.card .msg-box-pricing .card {
      border: none; }
  .competitor-pricing-version-two.card .p-datatable-table .p-datatable-tbody .custom-cell-content .seller-container .lowest-seller-priceName {
    max-width: 177px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .competitor-pricing-version-two.card .pip-competitor-img-container .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:not(:first-child),
  .competitor-pricing-version-two.card .pip-competitor-img-container .data-table-version-two .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
    padding-right: 12px !important; }
  .competitor-pricing-version-two.card .pip-competitor-img-container .pip-competitor-img-container {
    align-self: center; }
  .competitor-pricing-version-two.card .pip-competitor-img-container .pricing-side-panel .pip-skuname-info-card .img-responsive {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    width: 50px;
    height: 50px; }
  .competitor-pricing-version-two.card .pip-competitor-img-container .image-column-style .image-column {
    width: 40px;
    height: 40px; }
  .competitor-pricing-version-two.card .competitor-sku {
    color: #212427;
    max-width: 177px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .competitor-pricing-version-two.card .competitor-sellingprice {
    color: #212427;
    text-align: left;
    font-weight: 700;
    font-family: 'Chivo-Regular'; }
  .competitor-pricing-version-two.card .card-footer {
    background-color: white !important; }
  .competitor-pricing-version-two.card .pricing-dashboard-side-panel.competitor-dashboard .graph-drop-down {
    width: 200px;
    margin-top: 0px; }
  .competitor-pricing-version-two.card .pricing-dashboard-side-panel.competitor-dashboard .graphComponentHeader {
    padding-right: 0; }
  .competitor-pricing-version-two.card .pricing-dashboard-side-panel.competitor-dashboard .chartCardInv {
    height: 463px; }
  .competitor-pricing-version-two.card .data-table-version-two .p-datatable .p-datatable-thead > tr > th .p-column-title {
    color: #212427 !important; }

.competitor-pricing-version-two .card-container-v-two .title {
  margin: 0;
  font-size: 16px;
  font-weight: 200;
  font-family: 'Chivo'; }

.competitor-pricing-version-two .pi-custom-breadcrumnb .breadcrumb-item.active {
  color: #212427; }

.competitor-pricing-version-two .pi-custom-breadcrumnb .breadcrumb-item a {
  color: #212427; }

.competitor-pricing-version-two.pricing-dashboard.data-table-version-two
.p-datatable .p-datatable-thead > tr > th .p-column-title {
  color: #212427; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.side-panel {
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: width 0.3s ease;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.side-panel .card {
  border: unset;
  border-radius: 16px;
  background-color: #fff; }

.side-panel .side-panel-body {
  height: 100%; }

.side-panel.expanded {
  position: absolute;
  height: 100%;
  z-index: 3;
  right: 0;
  top: 0;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.side-panel .card-header {
  justify-content: space-between;
  background-color: unset;
  border-bottom: unset; }

.side-panel .card-header .titlelogo-container img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.side-panel .card-header .titlelogo-container {
  height: 40px;
  width: 100px; }

.side-panel .card-footer {
  background-color: #fff;
  align-content: center; }

.header-buttons {
  justify-content: flex-end; }

.card-header .btn-primary:hover {
  color: unset;
  background-color: unset;
  border-color: unset; }

.card .card-header .btn-primary:active {
  color: unset;
  background-color: unset;
  border-color: unset; }

.expand-button,
.close-button {
  color: #000000;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  margin-right: auto;
  background: transparent; }

.side-panel .header-content {
  display: flex;
  justify-content: space-between;
  border-bottom: unset; }

.side-panel .body-content {
  padding: 10px 18px 10px 10px;
  overflow: auto; }

.side-panel .body-content::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.side-panel .body-content::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.side-panel .body-content {
  padding: 0 20px 20px 20px; }

.side-panel .card-header {
  padding: 20px; }

.side-panel.expanded .body-content {
  padding: 0 20px 20px; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.pricing-dashboard-side-panel {
  margin-top: 10px;
  height: 100%;
  /* Hide scrollbar for IE, Edge and Firefox */ }
  .pricing-dashboard-side-panel .side-panel .card-header {
    background-color: unset !important; }
  .pricing-dashboard-side-panel .side-panel .graphComponentTitle {
    font-size: 16px;
    font-weight: 500; }
  .pricing-dashboard-side-panel .side-panel .side-panel-container {
    display: flex;
    flex-direction: column; }
  .pricing-dashboard-side-panel .side-panel .sku-info-container {
    padding-left: 10px; }
  .pricing-dashboard-side-panel .side-panel .sku-info-container .sap-code {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    color: #60666B; }
  .pricing-dashboard-side-panel .side-panel .sku-info-container .sku-title {
    font-size: 14px;
    font-weight: 700;
    font-family: Chivo-Regular;
    color: #212427; }
  .pricing-dashboard-side-panel .side-panel .pip-cps-dropdown {
    margin: 10px 0; }
  .pricing-dashboard-side-panel .side-panel .pip-cps-dropdown {
    margin: 10px 0; }
  .pricing-dashboard-side-panel .side-panel .sku-detail-date {
    color: #60666B;
    font-size: 12px;
    margin-left: 0px; }
  .pricing-dashboard-side-panel .side-panel .product-link {
    color: #60666B;
    position: relative;
    left: 12px;
    text-decoration: underline !important;
    cursor: pointer; }
  .pricing-dashboard-side-panel .side-panel .sap-code {
    color: #60666B; }
  .pricing-dashboard-side-panel .side-panel .side-panel-body {
    height: unset; }
  .pricing-dashboard-side-panel .side-panel.expanded .side-panel-container {
    display: flex;
    flex-direction: row; }
  .pricing-dashboard-side-panel .side-panel.expanded .Pip-Container-one {
    width: 376px; }
  .pricing-dashboard-side-panel .side-panel.expanded .Pip-Container-two {
    width: calc(100% - 376px);
    padding-left: 15px;
    padding-right: 20px; }
  .pricing-dashboard-side-panel .side-panel .side-panel-container .pip-Accordion-container {
    padding-left: 4px; }
  .pricing-dashboard-side-panel .side-panel .Pip-Container-one {
    width: 376px; }
  .pricing-dashboard-side-panel .side-panel .Pip-Container-two {
    width: 376px; }
  .pricing-dashboard-side-panel .side-panel-container .sku-date-info {
    display: flex;
    height: 14px;
    align-items: center; }
  .pricing-dashboard-side-panel .side-panel-container .sku-date-info .sku-updated-date {
    padding: unset;
    font-size: 12px;
    font-weight: 400;
    height: 23px;
    font-family: Chivo-Regular;
    color: #60666B; }
  .pricing-dashboard-side-panel .side-panel-container .sku-date-info .sku-link {
    padding-left: 12px;
    border-left: 1px solid #60666b;
    height: 14px;
    display: flex;
    align-items: center; }
  .pricing-dashboard-side-panel .side-panel-container .sku-date-info .sku-link a {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    color: #212427;
    text-decoration-line: underline;
    text-decoration-color: #212427; }
  .pricing-dashboard-side-panel .side-panel-container .score-card-container {
    padding-top: 15px;
    padding-bottom: 20px; }
  .pricing-dashboard-side-panel .side-panel-container .key-Insights-container {
    padding-top: 10px; }
  .pricing-dashboard-side-panel .side-panel-container .key-Insights {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
  .pricing-dashboard-side-panel .side-panel-container .key-Insights .body-content {
    width: 100%;
    height: 168px;
    padding: 0;
    overflow: hidden;
    padding-bottom: 6px; }
  .pricing-dashboard-side-panel .side-panel-container .key-Insights.show-more .body-content {
    height: 100%;
    border-bottom: none; }
  .pricing-dashboard-side-panel .side-panel-container .show-more-button {
    justify-content: center;
    margin: auto;
    align-items: center;
    display: flex;
    height: 46px;
    color: #1B64F2;
    bottom: -13px;
    width: 100%;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    cursor: pointer; }
  .pricing-dashboard-side-panel .key-Insights .show-more-button {
    background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }
  .pricing-dashboard-side-panel .key-Insights.show-more .show-more-button {
    background: unset;
    bottom: 12px;
    position: relative; }
  .pricing-dashboard-side-panel .side-panel-container .overall-nodata {
    background: 1px solid black; }
  .pricing-dashboard-side-panel .pip-Accordion-container .accordion-container.collapse:last-child {
    border-bottom: unset; }
  .pricing-dashboard-side-panel .pricing-side-panel-grid-container {
    width: 100% !important; }
  .pricing-dashboard-side-panel .pricing-side-panel-grid-container .content-version-two.card .p-datatable-responsive-scroll > .p-datatable-wrapper > table {
    width: 100% !important; }
  .pricing-dashboard-side-panel .logo-size {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: unset;
    border-style: unset; }
  .pricing-dashboard-side-panel .pi-outline-border {
    border: 1px solid #a7abaf;
    border-radius: 8px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 1px; }
  .pricing-dashboard-side-panel .pricing-trent .chartCardInv {
    margin: 0px;
    box-shadow: none; }
  .pricing-dashboard-side-panel .promotion-grid {
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    color: #1B64F2;
    padding: 0 1rem; }
  .pricing-dashboard-side-panel .pip-skuname-info-card {
    align-items: center; }
    .pricing-dashboard-side-panel .pip-skuname-info-card .skuname-info-image {
      height: 50px;
      width: 50px;
      background-size: 100%;
      background-size: cover;
      /* <------ */
      background-repeat: no-repeat;
      background-position: center center; }
    .pricing-dashboard-side-panel .pip-skuname-info-card .sku-name-style {
      font-family: chivo;
      font-size: 14px;
      font-weight: 400;
      padding-right: 16px; }
    .pricing-dashboard-side-panel .pip-skuname-info-card .price-lable {
      color: #60666B;
      font-family: Chivo-Regular;
      font-size: 12px;
      font-weight: 400; }
    .pricing-dashboard-side-panel .pip-skuname-info-card .price-amount {
      font-family: Chivo-Bold;
      font-weight: 400; }
    .pricing-dashboard-side-panel .pip-skuname-info-card .price-index {
      font-family: Chivo-Regular; }
  .pricing-dashboard-side-panel .most-relevant-tag {
    border-radius: 16px;
    color: #00619D;
    background-color: #E7F6FF;
    font-size: 10px;
    padding: 4px 10px 4px 10px; }
  .pricing-dashboard-side-panel .pricing-side-panel .card {
    overflow: visible; }
  .pricing-dashboard-side-panel .pricing-side-panel .body-content {
    overflow: visible; }
  .pricing-dashboard-side-panel .pip-card-title {
    font-family: Chivo-Bold;
    font-size: 16px;
    font-weight: 500; }
  .pricing-dashboard-side-panel .pip-skuname-container {
    max-height: 66rem;
    overflow: scroll; }
  .pricing-dashboard-side-panel .pip-skuname-container::-webkit-scrollbar {
    display: none; }
  .pricing-dashboard-side-panel .chartCardInv .verticalLine {
    border-left: none; }
  .pricing-dashboard-side-panel .pip-skuname-container {
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .pricing-dashboard-side-panel .trendOverlay {
    margin: 16px 2px 16px 0px; }
    .pricing-dashboard-side-panel .trendOverlay img {
      width: 100%;
      height: 275px;
      cursor: pointer; }
  .pricing-dashboard-side-panel .chartCardInv .verticalLine {
    border-left: none; }
  .pricing-dashboard-side-panel .img-responsive {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    width: 50px;
    height: 50px; }
  .pricing-dashboard-side-panel .pip-left-panel {
    width: calc(100% - 25px);
    display: flex; }
  .pricing-dashboard-side-panel .pip-right-panel {
    width: 25px;
    height: 100%; }
  .pricing-dashboard-side-panel .pip-left-panel .pip-competitor-img-container {
    height: 50px;
    width: 50px;
    margin: 4px 16px 4px 0px; }
  .pricing-dashboard-side-panel .pip-right-panel i {
    font-size: 15px;
    cursor: pointer; }
  .pricing-dashboard-side-panel .pip-skuname-container {
    padding: 10px 16px 10px 16px;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #dadbdc; }
  .pricing-dashboard-side-panel .pip-skuname-container:not(:last-child) {
    margin-bottom: 16px; }
  .pricing-dashboard-side-panel .seller-info * {
    font-family: 'Chivo';
    font-size: 14px;
    color: #60666B;
    margin-bottom: 2px;
    width: 200px; }
  .pricing-dashboard-side-panel .seller-currency {
    font-family: 'Chivo-Bold';
    font-weight: 400;
    color: #212427; }
  .pricing-dashboard-side-panel .seller-info h5 {
    text-decoration: underline;
    color: #1B64F2; }
  .pricing-dashboard-side-panel .tag-info img {
    height: 22px;
    width: 22px;
    margin-right: 5px; }
  .pricing-dashboard-side-panel .status-info {
    background-color: #E7F6FF;
    color: #00619D;
    height: 16px;
    padding: 4px 8px 4px 8px;
    font-size: 10px;
    border-radius: 8px;
    display: flex;
    margin: 0px 0px 10px !important;
    width: max-content;
    align-items: center; }
  .pricing-dashboard-side-panel .seller-info-container:not(:last-of-type) {
    margin-bottom: 16px; }

/**************Pimerce Blue Theme***************/

.chartContainer {
  width: 1150px;
  height: 349px;
  border-radius: 14px;
  background-color: #ffffff; }

.chart-component-chexbox {
  position: absolute;
  top: 31px;
  right: 15px; }

.chexbox_onchange-disbled {
  pointer-events: none; }

.chartContainerDashboard {
  width: 100%; }

.noDataFound_Position {
  text-align: center;
  position: initial;
  height: 21.8em;
  padding: 150px; }

.apexcharts-legend-marker {
  background: none !important;
  border: 1px solid !important; }

.graphContainerStyle {
  border: none;
  border-radius: 0px; }

.graphComponentTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212529;
  margin-left: 1px; }

.graphComponentRatingTitle {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  width: max-content;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-left: 1px;
  user-select: none;
  cursor: default; }

.nationalLegendMsgText {
  color: #1B64F2;
  margin-top: -20px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.nationalLegendMsgTextOnKeywordSpecificTrend {
  color: #1B64F2;
  margin-top: -57px;
  margin-right: 29px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.pricing-trend-chartcomponentbg .nationalLegendMsgTextOnKeywordSpecificTrend {
  margin-top: 0px !important; }

.nationalLegendMsgTextOnPricingTrend {
  color: #1B64F2;
  margin-top: -20px;
  margin-right: 5px;
  font-family: Chivo-Medium;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  padding: 10px; }

.graphComponentHeader {
  padding-top: 0px;
  padding-right: 28px; }

.graphToggle {
  float: right; }

.customTooltip {
  font-family: Chivo-Regular;
  text-align: center;
  padding: 5px;
  word-wrap: break-word; }

.customToolTipHeader {
  font-family: Chivo-Bold;
  text-align: center;
  background: gray;
  padding: 5px; }

.chartInfoIconStyle {
  display: flex;
  bottom: 28px;
  width: 100%;
  right: 0;
  flex-direction: row-reverse;
  justify-content: end;
  align-items: baseline; }

.graph-staticLegendStyle {
  padding-left: 8px;
  margin-top: -6px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.graph-HeadingStyle {
  margin-bottom: -22px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-family: Chivo-Regular;
  font-weight: 500; }

.custom-apexchart-tooltip {
  width: 90%;
  white-space: break-spaces;
  position: absolute;
  left: 50% !important; }

.colorScaleContainerColGraph {
  width: 30px;
  height: 9px;
  border-radius: 0px !important; }

.color-scale-container {
  display: flex;
  margin-left: 55px;
  justify-content: flex-start;
  margin-top: -25px; }

.footerbackgroundstyle {
  background: none !important;
  margin-top: -23px; }

.footerbackground-ms {
  background: none !important;
  margin-top: -42px; }

.graph-chart-colorScaleContainer {
  width: 100%;
  height: 0px;
  background-color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: 0px;
  margin-top: -11px; }

.footer-remove {
  background: none !important; }

.category-growth-chart-style .apexcharts-tooltip.apexcharts-theme-light {
  top: -75px !important; }

.infoStylePosition {
  position: absolute;
  padding-right: 30px;
  padding-left: 26px;
  padding-top: 3px; }

.infoStyle {
  font-family: Chivo-Regular !important;
  font-size: 12px;
  font-weight: 600;
  background-color: #1B64F2;
  color: white;
  padding-right: 5px;
  padding-left: 5px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }

.hideFooterClassName {
  display: none; }

.marketshare-info-names {
  display: flex;
  justify-content: flex-end; }

.market-share-text-info-msg {
  margin-right: '10px'; }

.checkBoxStyle {
  margin-right: -131px; }

.headerTooltip {
  margin-left: 21px; }

.graph-tab.three-li {
  float: inline-end;
  width: auto;
  min-width: 180px;
  margin-top: -20px; }
  .graph-tab.three-li .p-tabview-selected .p-tabview-title {
    color: #1B64F2 !important;
    font-family: Chivo !important;
    font-size: 12px !important; }
  .graph-tab.three-li .p-tabview-title {
    font-size: 12px !important;
    font-weight: 400 !important; }

.graph-tab.two-li {
  float: inline-end;
  width: auto;
  min-width: 130px;
  margin-top: -20px; }
  .graph-tab.two-li .p-tabview-selected .p-tabview-title {
    color: #1B64F2 !important;
    font-family: Chivo !important;
    font-size: 12px !important; }
  .graph-tab.two-li .p-tabview-title {
    font-size: 12px !important;
    font-weight: 400 !important; }

.graph-tab.one-li {
  float: inline-end;
  width: auto;
  min-width: 70px;
  margin-top: -20px; }
  .graph-tab.one-li .p-tabview-selected .p-tabview-title {
    color: #1B64F2 !important;
    font-family: Chivo !important;
    font-size: 12px !important; }
  .graph-tab.one-li .p-tabview-title {
    font-size: 12px !important;
    font-weight: 400 !important; }

.graph-drop-down {
  float: inline-end;
  width: fit-content;
  margin-top: 20px; }

.lowdata-msg {
  display: flex;
  justify-content: center;
  height: 349px;
  align-items: center; }

.apexcharts-text.apexcharts-xaxis-label {
  color: #4A4F54; }

.apexcharts-text.apexcharts-yaxis-label {
  color: #4A4F54; }

.chartCardInv {
  height: 435px;
  margin: 0px 15px 15px 0px;
  border-radius: 0px;
  background-color: #ffffff;
  display: flex;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.download-excel-container {
  position: absolute;
  top: 28px;
  right: 25px;
  cursor: pointer; }
  .download-excel-container .download-excel-graph {
    padding-left: "3px";
    padding-bottom: "5px"; }

/**************Pimerce Blue Theme***************/

.emptyContentContainer {
  text-align: center;
  position: initial;
  padding: 90px;
  background-color: #ffffff;
  border: none; }

.gridgradeSku {
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }
  .gridgradeSku .emptyContentContainer {
    text-align: center;
    position: initial;
    padding: 1px;
    height: 8.8em;
    border: none; }

.emptyImageBlock {
  width: fit-content !important; }

.emptyMessageBlock {
  height: 40px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #003353;
  margin-top: 10px;
  text-align: center; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.tile-carousel-container {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  position: relative; }
  .tile-carousel-container .tile-card-container {
    width: 100%;
    overflow: hidden; }
  .tile-carousel-container .carousel-container {
    display: flex;
    width: max-content;
    overflow: auto;
    scroll-behavior: smooth;
    padding: 2px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px; }
    .tile-carousel-container .carousel-container .tile-carousel-card {
      display: flex;
      border-radius: 10px;
      margin-left: 16px;
      box-shadow: 0px 0px 10px 0px rgba(33, 36, 39, 0.1); }
      .tile-carousel-container .carousel-container .tile-carousel-card:not(:first-child) {
        margin-left: 16px; }
      .tile-carousel-container .carousel-container .tile-carousel-card:first-child {
        margin-left: 0; }
    .tile-carousel-container .carousel-container .tile-carousel-card.hovertile:hover {
      background: #dbdcdc;
      cursor: pointer; }
    .tile-carousel-container .carousel-container .tile-carousel-card.selected {
      border: 1px solid #1B64F2; }
  .tile-carousel-container .prev-btn,
  .tile-carousel-container .next-btn {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .tile-carousel-container .next-btn {
    justify-content: end;
    padding-right: 20px;
    width: 180px;
    background: linear-gradient(270deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .prev-btn {
    justify-content: start;
    padding-left: 20px;
    width: 180px;
    background: linear-gradient(90deg, #FFFFFF 49.43%, rgba(255, 255, 255, 0.5) 78.16%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1; }
  .tile-carousel-container .tile-item {
    display: flex;
    align-items: center;
    width: 100%; }
    .tile-carousel-container .tile-item .tile-header {
      padding: unset;
      background-color: unset;
      border-bottom: unset;
      width: calc(100% - 109px);
      height: 80px;
      line-height: 16.66px;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      margin-left: 16px;
      margin-top: 16px; }
    .tile-carousel-container .tile-item .tile-body {
      flex: unset;
      padding: unset;
      margin: 0 13px;
      width: 78px; }
    .tile-carousel-container .tile-item .title {
      font-size: 14px;
      font-family: Chivo-Bold;
      margin-bottom: 5px;
      width: 100px;
      color: #212427; }
    .tile-carousel-container .tile-item .subtitle-msg {
      font-size: 12px;
      font-family: Chivo-Regular;
      line-height: 14.28px;
      width: 100%; }

/** @format */
/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sales-side-panel-container {
  display: flex;
  flex-direction: column; }
  .sales-side-panel-container .key-Insights-container {
    padding-top: 10px;
    margin-bottom: 20px; }
  .sales-side-panel-container .key-Insights {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
  .sales-side-panel-container .key-Insights .body-content {
    width: 100%;
    height: 168px;
    padding: 0;
    overflow: hidden;
    padding-bottom: 6px; }
  .sales-side-panel-container .key-Insights.show-more .body-content {
    height: 100%;
    border-bottom: none; }
  .sales-side-panel-container .key-Insights .show-more-button {
    background: linear-gradient(0deg, #fff 49.43%, rgba(255, 255, 255, 0.5) 78%, rgba(255, 255, 255, 0) 99.72%); }
  .sales-side-panel-container .key-Insights.show-more .show-more-button {
    background: unset;
    bottom: 12px;
    position: relative; }
  .sales-side-panel-container .overall-nodata {
    background: 1px solid black; }
  .sales-side-panel-container .show-more-button {
    justify-content: center;
    margin: auto;
    align-items: center;
    display: flex;
    height: 46px;
    color: #1B64F2;
    bottom: -13px;
    width: 100%;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    cursor: pointer; }
  .sales-side-panel-container .sku-info-container {
    padding-left: 10px; }
  .sales-side-panel-container .sku-info-container .sku-title {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Chivo' !important;
    color: #212427; }
  .sales-side-panel-container .updateDate {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo;
    color: #60666B;
    text-wrap: wrap;
    margin-bottom: 4px; }
  .sales-side-panel-container .buyprice {
    font-size: 12px;
    font-weight: 400;
    font-family: Chivo-Regular;
    color: #60666B;
    height: 14px; }
  .sales-side-panel-container .date-with-product {
    display: flex;
    gap: 16px; }
    .sales-side-panel-container .date-with-product .vl {
      border-left: 1px solid #60666B;
      height: 14px;
      margin-top: 4px; }
  .sales-side-panel-container .sales-sapcode {
    font-size: 12px;
    color: #60666B;
    font-weight: 400;
    font-family: 'Chivo'; }
  .sales-side-panel-container .key-Insights-title {
    margin-bottom: 11px; }
  .sales-side-panel-container .trendGrapHoverlay {
    margin: 16px 2px 16px 0px; }
    .sales-side-panel-container .trendGrapHoverlay img {
      width: 100%;
      height: 248px;
      cursor: pointer;
      padding-right: 5px; }
  .sales-side-panel-container .sales-graph-container {
    border-radius: 8px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px 20px 10px; }
    .sales-side-panel-container .sales-graph-container .graphComponentTitle {
      font-family: 'Chivo';
      font-size: 16px;
      font-weight: 500;
      color: #212427;
      margin-left: 1px; }
  .sales-side-panel-container .price-trend-low-data-msg {
    height: 300px; }
    .sales-side-panel-container .price-trend-low-data-msg .buy-box-price-trend-title {
      margin: 30.5px 0px 30.5px 20px;
      font-family: Chivo-Regular;
      color: #212427;
      font-weight: 500;
      font-size: 16px; }
    .sales-side-panel-container .price-trend-low-data-msg .price-trend-not-sufficent-msg {
      margin: auto;
      margin-top: 10vh;
      font-weight: 400;
      font-size: 12px;
      color: #212427;
      width: 426px;
      height: 28px; }
  .sales-side-panel-container .product-link {
    color: #212427;
    position: relative;
    left: 1px;
    text-decoration: underline;
    font-family: 'Chivo';
    font-weight: 400;
    font-size: 12px; }

.side-panel.expanded .sales-side-panel-container {
  display: flex;
  flex-direction: row; }
  .side-panel.expanded .sales-side-panel-container .Pip-Container-one {
    width: 376px; }
  .side-panel.expanded .sales-side-panel-container .Pip-Container-two {
    width: calc(100% - 376px);
    padding-left: 40px;
    padding-right: 20px;
    margin-left: auto; }

.side-panel .buy-box-side-panel-container .pip-Accordion-container {
  padding-left: 4px; }

.side-panel .buy-box-side-panel-container .Pip-Container-one {
  width: 376px; }

.side-panel .buy-box-side-panel-container .Pip-Container-two {
  width: 376px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.dashboard-version-two *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.dashboard-version-two *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.dashboard-version-two {
  height: 93vh;
  overflow: hidden;
  border: none;
  margin-top: -18px; }
  .dashboard-version-two .panel-main-container {
    min-height: 88vh; }
  .dashboard-version-two .main-panel {
    overflow: overlay; }
  .dashboard-version-two .dashboard-widgets-alignment {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0.4rem; }
  .dashboard-version-two .btn-benchmark.dropdown .dropdown-toggle.btn.btn-primary {
    padding: 8px; }
  .dashboard-version-two .p-tabview-panels {
    padding: 0px; }
  .dashboard-version-two .p-tabview-selected {
    background: #ffff; }
    .dashboard-version-two .p-tabview-selected .p-tabview-title {
      color: #1B64F2 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .dashboard-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem; }
  .dashboard-version-two .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #1B64F2 !important; }
  .dashboard-version-two .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #1B64F2 !important;
    height: 3px; }
  .dashboard-version-two .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .dashboard-version-two .msg-box-kpi .p-inline-message {
    min-height: 64px;
    height: auto !important;
    margin-bottom: 7px; }
  .dashboard-version-two .msg-box-kpi .card {
    border: 0px !important;
    margin-bottom: -5px; }
  .dashboard-version-two .msg-box-kpi .flex-column {
    gap: 2px !important; }
  .dashboard-version-two .common-header-component {
    padding: 20px; }
    .dashboard-version-two .common-header-component .page-title {
      font-family: Chivo;
      font-size: 24px;
      font-weight: 700;
      line-height: 29px;
      letter-spacing: 0em;
      text-align: left;
      margin-left: -6px; }
  .dashboard-version-two .col-md-3 {
    padding: 0px; }
  .dashboard-version-two .variance-box.msg-box-container.msg-box-variance > div .p-inline-message.p-component.p-inline-message-info.p-inline-message-icon-only.w-full.justify-content-start {
    border-width: 1px 1px 1px 4px !important; }
  .dashboard-version-two .msg-box-variance .p-inline-message {
    height: 38px !important; }
  .dashboard-version-two .msg-box-variance .card {
    border: 0px !important; }
  .dashboard-version-two .msg-box-variance .flex-column {
    align-self: center !important; }
  .dashboard-version-two li.p-unselectable-text {
    border-right: 0px !important; }
  .dashboard-version-two .db-tabview .p-tabview-nav-content {
    border: solid lightgrey !important;
    border-width: 0 0 1px 0 !important; }
  .dashboard-version-two .pimerce-date-picker-button-text {
    font-family: Chivo;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 6px; }
  .dashboard-version-two .btn-benchmark > .dropdown-toggle.btn.btn-primary {
    display: flex;
    align-items: center; }
  .dashboard-version-two .btn-benchmark button,
  .dashboard-version-two .show > .btn-primary.dropdown-toggle {
    height: 40px;
    background-color: #fff;
    border-color: #a7abaf;
    border-radius: 8px;
    color: #212427; }
    .dashboard-version-two .btn-benchmark button span,
    .dashboard-version-two .show > .btn-primary.dropdown-toggle span {
      font-family: Chivo !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 14px;
      letter-spacing: 0em;
      text-align: center; }
  .dashboard-version-two .btn-benchmark button:hover {
    border: 1px #a7abaf solid !important;
    background-color: #dbdcdc !important;
    color: #212427 !important; }
  .dashboard-version-two .dropdown-toggle::after {
    display: none !important; }
  .dashboard-version-two .db-powersku {
    height: 40px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px #a7abaf solid !important;
    padding-left: 0.45rem !important;
    margin-right: 8px; }
    .dashboard-version-two .db-powersku .filter-v2-textaligin-left {
      font-family: Chivo !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 14px;
      letter-spacing: 0em;
      text-align: center;
      margin-top: 1px; }
  .dashboard-version-two .filter-v2-powersku-switch.custom-switch.custom-switch .custom-control-label {
    margin-right: 8px;
    vertical-align: inherit; }
  .dashboard-version-two .pimerce-date-picker-button {
    margin-right: 0px; }
  .dashboard-version-two .custom-switch {
    padding-left: 4px; }
  .dashboard-version-two .p-button.p-button-sm .p-button-icon {
    font-size: 1.4rem !important; }
  .dashboard-version-two .p-button.p-button-sm {
    padding: 0.4rem; }
  .dashboard-version-two .btn-region-dashboard.dropdown .btn-primary {
    background-color: transparent;
    border: 0px;
    border-color: #f2f2f2;
    color: #000; }
  .dashboard-version-two .dashboardFilter-container {
    padding: 0px 10px; }
  .dashboard-version-two .btn-region-dashboard.show.dropdown
> .dropdown-toggle.btn.btn-primary
> .dashboard-Regional-Button-Row.row {
    background-color: transparent;
    border: 0px; }
  .dashboard-version-two .region-Button,
  .dashboard-version-two .region-Button:hover {
    min-width: 136px;
    min-height: 35px;
    height: 40px;
    border-radius: 8px; }
  .dashboard-version-two .div-benchmark {
    padding-right: 0.5rem !important; }
    .dashboard-version-two .div-benchmark .p-button.p-button-text:enabled:hover {
      border: 1px #a7abaf solid !important;
      background-color: #dbdcdc !important;
      color: #212427 !important; }
  .dashboard-version-two .div-datefilter {
    padding-right: 0.5rem !important; }
  .dashboard-version-two .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-width: 0px 0px 3px 0px !important;
    border-color: transparent transparent #a7abaf transparent; }
  .dashboard-version-two .p-tabview .p-tabview-nav {
    border: none !important;
    margin: 1px; }
  .dashboard-version-two .dropdown-menu {
    width: 133px !important;
    box-shadow: 0px 0px 17px 0px #0000001a !important;
    background: #ffffff !important;
    left: -25px;
    padding: 8px !important;
    border-radius: 8px !important;
    font-size: 12px; }
  .dashboard-version-two .field-radiobutton {
    align-items: center;
    padding: 0px 0px 0px 8px !important;
    margin-bottom: 0px !important; }
  .dashboard-version-two .p-checkbox .p-checkbox-box {
    height: 20px;
    width: 20px;
    border-radius: 0px !important; }
  .dashboard-version-two .benchmark-name {
    width: 77px;
    height: 40px;
    padding: 8px 8px 8px 12px; }
  .dashboard-version-two .p-checkbox .p-checkbox-box.p-highlight {
    background-color: #1B64F2 !important; }
  .dashboard-version-two .dashboardFilter-container .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #fff !important; }
  .dashboard-version-two .filters-container .btn-region-dashboard.show.dropdown .dropdown-menu {
    width: auto !important; }
  .dashboard-version-two .common-header-component .btn-region-dashboard {
    width: auto !important;
    padding: 10px; }
  .dashboard-version-two .db-region-label-col.col {
    padding: 5px; }
  .dashboard-version-two .region-Button-active,
  .dashboard-version-two .region-Button {
    font-family: Chivo !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    border: 1px solid #a7abaf !important;
    border-radius: 8px !important;
    min-width: 150px;
    max-width: fit-content !important;
    min-height: 40px !important;
    height: 40px !important; }
  .dashboard-version-two .region-Button-active:hover,
  .dashboard-version-two .region-Button:hover {
    border: 1px #a7abaf solid !important;
    background-color: #dbdcdc !important;
    color: #212427 !important;
    font-family: Chivo !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    border-radius: 8px !important;
    min-width: 150px;
    max-width: fit-content !important;
    min-height: 40px !important;
    height: 40px !important; }
  .dashboard-version-two .export-icon {
    cursor: pointer; }
  .dashboard-version-two .bench-mark-icon {
    margin-right: 4px; }
  .dashboard-version-two .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.25rem 1.25rem 1.25rem;
    align-content: center;
    scrollbar-width: none; }
  .dashboard-version-two .grid-container {
    margin-top: 1rem; }
  .dashboard-version-two .mb-3, .dashboard-version-two .my-3 {
    margin-bottom: 0rem !important; }
  .dashboard-version-two .dropdown-menu {
    min-width: unset !important; }

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #1B64F2;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #1B64F2; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #1B64F2; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #1B64F2;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #1B64F2;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #1B64F2;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #1B64F2; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #1B64F2;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #1B64F2;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #1B64F2; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #1B64F2; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #1B64F2;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #1B64F2; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #1B64F2;
  background: #1B64F2; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #1B64F2 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #1B64F2 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #1B64F2 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #1B64F2; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #d8d8d8; }

.filter-search-container .p-inputtext:enabled:focus {
  box-shadow: none; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 153px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #1B64F2 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #1B64F2 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

.headerText {
  margin-top: -2px;
  font-family: Chivo-Bold;
  font-size: 16px;
  font-stretch: normal;
  margin-left: 0px;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.05px;
  color: #3a3b3f;
  padding-left: 20px; }

text.current-value {
  visibility: hidden; }

.dashboard-Regional-Button,
.dashboard-Regional-Button:hover {
  font-size: 14px;
  letter-spacing: normal;
  float: right;
  width: 227px;
  height: 55px;
  color: #000000;
  margin: -8px -18px 18px -40px;
  padding: 10px 20px;
  border-radius: 0px;
  border: none;
  box-shadow: 0 -4px 24px 0 rgba(236, 236, 236, 0.5) !important;
  background-color: var(--white); }

button.dashboard-Regional-Button.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--white);
  border-radius: 0px;
  border: none;
  color: #000000; }

.defaultStyle-Container {
  background: #f4f8f9;
  cursor: default;
  height: inherit; }

.dashboard-container {
  display: contents; }

.global-dashboard-container-style {
  display: flex;
  justify-content: space-between;
  margin-top: -15px; }

.retailer-chart-container {
  margin: 0px 0px 30px 0px;
  background-color: #ffffff; }

.sos-chart-block {
  height: 278px;
  margin: 18px 2px 0px 10px; }

.sos-chart-colorScaleContainer {
  height: 73px;
  border-radius: 6px;
  box-shadow: 0 4px 4px 0 rgba(230, 230, 230, 0.45);
  background-color: #ffffff;
  margin: 5px 49px 40px 54px; }

.sosinTreeMap {
  font-family: Chivo-Bold;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.05px;
  color: #212529;
  margin: 16px 0px 0px 4px; }

.pricing-chart-container {
  margin: -5px -15px 20px 0px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.tile-block {
  background: transparent;
  border: none;
  position: absolute;
  top: 2.5em; }

.tile-heading {
  height: 16px;
  font-family: Chivo-Bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0d0d0d;
  margin-top: 0px;
  margin-bottom: 20px; }

.cardDefault {
  width: fit-content !important; }

.tile-percentage {
  height: 48px;
  font-family: Chivo-Medium;
  font-size: 35px;
  font-stretch: normal;
  font-style: normal;
  display: flex;
  line-height: 1.14;
  letter-spacing: normal;
  color: #1B64F2;
  margin-top: 0px;
  margin-bottom: 20px; }

.tile-trend {
  height: 30px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #003353; }

.image-box, .loadingimage-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.loadingimage-box {
  height: 175px;
  margin-right: -15px; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2.25rem;
  cursor: pointer; }

.noData_Style {
  height: 40px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.dottedLine {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  height: 191px;
  margin-top: 2em;
  margin: 0;
  border-left: 2px dashed #ff6c40; }

#button-tooltip_dottedline .tooltip-inner {
  color: #000000;
  background: #ffffff; }

.dottel_line_container {
  display: flex;
  justify-content: center;
  width: 10px; }

.popover .arrow::after {
  display: none; }

.popover .arrow::before {
  display: none; }

.sos-tooltip-header {
  font-family: Chivo-Bold;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.sos-tooltip-title {
  font-family: Chivo-Bold;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  text-align: center; }

.spinnerBlockDashBoard {
  text-align: center;
  position: initial;
  padding: 100px;
  color: #1B64F2;
  margin-top: 39px; }

.spinner {
  color: #1B64F2;
  margin-top: 39px; }

.wrapper {
  display: content;
  background-color: #ffffff;
  overflow: hidden; }
  .wrapper .hamburger {
    position: relative;
    float: right;
    margin-right: 250px;
    margin-top: -122px;
    cursor: pointer; }
  .wrapper .sidebar {
    z-index: 999;
    position: absolute;
    top: 0px;
    background: #1B64F2;
    background: linear-gradient(90deg, #1b64f2 23%, #1b64f2 24%);
    width: 282px;
    height: 116%;
    transition: all 0.75s ease;
    overflow: visible;
    scrollbar-width: none; }
    .wrapper .sidebar li a {
      display: block;
      padding: 20px;
      color: #ffffff;
      position: relative;
      margin-bottom: 1px;
      color: #92a6e2;
      white-space: nowrap; }
      .wrapper .sidebar li a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: #92a6e2;
        display: none; }
      .wrapper .sidebar li a span.icon {
        margin-right: 10px;
        display: inline-block; }
      .wrapper .sidebar li a:hover {
        background: #4360b5;
        color: #ffffff; }
        .wrapper .sidebar li a:hover:before {
          display: block; }
    .wrapper .sidebar li a.active {
      background: #4360b5;
      color: #ffffff; }
      .wrapper .sidebar li a.active:before {
        display: block; }
  .wrapper .main_container {
    margin-top: -12px;
    margin-left: 75px;
    padding-right: 6px;
    transition: all 0.3s ease; }
    .wrapper .main_container .item {
      margin-bottom: 10px;
      margin-top: 15px;
      margin-top: 12px;
      padding: 15px;
      font-size: 14px;
      line-height: 22px; }

.wrapper.collapse .hamburger i#closeIcon {
  transform: rotate(184deg) !important; }

.wrapper.collapse .sidebar {
  width: 40px;
  height: 900px; }
  .wrapper.collapse .sidebar ul li a {
    text-align: center; }
    .wrapper.collapse .sidebar ul li a span.icon {
      margin: 0; }
  .wrapper.collapse .sidebar a span.title {
    display: none; }
  .wrapper.collapse .sidebar a span.expandIcon {
    display: none; }
  .wrapper.collapse .sidebar span.title {
    display: none; }
  .wrapper.collapse .sidebar span.expandIcon {
    display: none; }

.wrapper.collapse .main_container {
  width: 100%;
  margin-left: 70px; }

.dashboard-chartStyleClass {
  margin-left: -22px;
  margin-bottom: -25px;
  position: relative;
  margin-right: -25px; }

.dashboard-graphHeaderStyle {
  padding-top: 3px;
  margin-left: -15px; }

.dashboard-treemapchartStyle {
  height: 216px;
  top: 36px;
  padding-left: 12px;
  margin-top: -20px;
  margin-left: 0px;
  padding-right: 10px;
  cursor: context-menu; }

.dashboardTilesReload {
  text-align: center;
  padding: 17px;
  font-family: Chivo-Medium;
  font-size: medium;
  background: #ffffff;
  border: #ffffff;
  max-height: 103em;
  height: 170px;
  padding-top: 30px;
  color: #003353; }

.Search-treemap-reload, .inventory-treemap-reload {
  padding: 121px;
  color: #003353;
  padding-left: 405px;
  font-family: Chivo-Medium;
  font-size: medium;
  padding-left: 550px; }

.superCategoryDashboardDropDown > div > div > div > div {
  max-width: 160px;
  padding-left: 4px; }

.superCategoryDashboardDropDown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 150px; }

.superCategoryDashboardDropDown.css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 75px; }

.superCategoryDashboardDropDown .css-12jo7m5 {
  border-radius: 2px;
  font-size: 115%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box; }

.superCategoryDashboardDropDown-hide {
  display: none; }

.superCategory-dropdown {
  margin-left: 0px;
  margin-top: 5px; }

.searchable-fliter-col {
  margin-left: -2px;
  height: 66px; }

.searchable-fliter-col-hidden {
  display: none; }

.circle-equal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%; }
  .circle-equal:after {
    position: absolute;
    content: "\003D";
    left: 35%;
    color: #ffffff; }

.circle-toparrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: rotate(360deg); }
  .circle-toparrow:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
    transform: translateX(-50%) translateY(-85%); }

.circle-bottomarrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: rotate(180deg); }
  .circle-bottomarrow:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
    transform: translateX(-50%) translateY(-85%); }

.loadingspinner-centeralign {
  margin: auto; }

.dashboard-Regional-Button-Row {
  margin-top: 8px; }

.global-Icon-Img {
  float: left;
  display: flex;
  position: absolute;
  bottom: 7px; }

.dashboard-searchRetailerWiseAnalysis {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-keyword-Category-Lists {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-inventory-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-pricing-compliance {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-rating-summary,
.dashboard-reviews-summary,
.dashboard-paid-reviews-summary {
  min-width: 11em;
  margin-right: -15px; }

.dashboard-treemapbg-sokc {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: -15px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 0px; }

.dashboard-treemapbg-sos {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: -15px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 1px; }

.dashboard-treemapbg-inv {
  display: block;
  border: #ffffff;
  border-radius: 15px;
  margin-top: 0px;
  margin-right: -18px;
  margin-bottom: 20px;
  padding-right: 1px; }

.emptyColumn {
  border-right: solid 2px #c2d5e5 !important;
  border-bottom: none !important;
  background-color: #FFFFFF; }

.submoduleValueStyle {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
  border-radius: 2px; }

.emptyCellStyle {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px;
  border-radius: 2px;
  background-color: #E9E9E9; }

.newDashboard {
  margin-bottom: 10em; }
  .newDashboard tr.activeRow {
    height: 3rem !important; }
  .newDashboard tr.non-activeRow {
    height: 3rem !important; }
  .newDashboard th.commonHeader {
    color: #002C59;
    font-size: 14px;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderTrust {
    color: #F9837C;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderAssortment {
    color: #8EB272;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.commonHeaderSearch {
    color: #4500D9;
    text-align: center;
    background-color: #FFFFFF; }
  .newDashboard th.emptyHeaderCell {
    text-align: center;
    border-right: solid 2px #c2d5e5 !important;
    background-color: #FFFFFF;
    width: 200px;
    margin-left: 0;
    margin-right: 0;
    top: -1px !important; }
  .newDashboard th.ratingsClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.reviewsClass {
    text-align: center;
    width: 157px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important; }
  .newDashboard th.availabilityClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.priceClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 0px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.searchClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.dsi-header-style {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.contentClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.perfectTitleClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.perfectImageClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.aScoreClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard th.videoClass {
    text-align: center;
    min-width: 160px;
    background-color: #FFFFFF;
    padding: 10px 2.5px 0px 2.5px !important;
    top: -1px !important;
    z-index: 0 !important; }
  .newDashboard .emptyHeaderCellDiv {
    text-align: left;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default; }

.headerBottomLineStyleDsi, .header-bottom-line-style-width-include {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #4500D9; }

.header-bottom-line-style-width-include {
  width: 160px; }

.headerBottomLineStyleSearch {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #4500D9; }

.headerBottomLineStyleContent {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #04B049; }

.headerBottomLineStyleAvailability {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #F37C10; }

.headerBottomLineStylePrice {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #F37C10; }

.headerBottomLineStyleRatings {
  padding-bottom: 12px !important;
  padding-top: 3px !important;
  border-bottom: solid 4px #E30F77; }

td#columnBorder {
  padding: 3px;
  border-right: solid 2px #c2d5e5;
  background-color: #FFFFFF !important; }

div#subModuleId {
  cursor: pointer; }

div#subModuleIdCursor {
  cursor: text; }

.textSpace {
  margin-left: 10px; }

.searchable-dropdown-filter {
  height: 68px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  padding-left: 0px;
  margin-left: -29px;
  margin-top: 0px;
  width: 229px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }
  .searchable-dropdown-filter .css-10u4t4s-control {
    box-shadow: none; }

.superCategory-Searchable-Dropdown-Col {
  display: none; }

.prime-row {
  padding-left: 13px; }

.prime-col {
  padding: 0px; }

.summary-loader {
  min-height: 520px; }

.dashboard-gridLoadingStyle {
  margin-top: 194px;
  margin-bottom: 194px;
  color: #637280; }

.dynamic-table {
  margin-right: -12px; }

.retailer-img-style {
  width: 30px;
  height: 29.5px; }

.retailer-img-withoutStyle {
  margin: 0px 10px 0px 84px; }

.newDashboard-grid-container-style {
  max-height: 539px;
  overflow-y: scroll;
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  display: flex; }

.info_icon_style {
  position: absolute;
  bottom: 20px;
  right: 1em; }

.summaryDashboardInfoStyles {
  position: absolute;
  right: 37px;
  margin-top: -28px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2;
  margin-bottom: 15px; }

.gradBoxStyleDashboard {
  left: -222px;
  bottom: -185px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  position: absolute;
  width: max-content;
  margin: 0px 0px 20px 0px;
  padding: 20px 20px 0px 30px;
  border-radius: 0px;
  background-color: var(--white);
  min-width: max-content; }

.newDashboard-gradBoxStyleDashboard {
  right: 41px;
  bottom: 18px;
  background: #1B64F2;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  max-width: 50%;
  position: absolute;
  width: max-content; }

.newDashboard-infoIcon2 {
  object-fit: contain;
  width: 21px;
  position: absolute;
  right: 1em;
  margin-top: -1px; }

.dashboard-info-text-header {
  font-family: Chivo-Bold;
  font-size: 12px;
  color: white; }

.dashboard-info-content-text {
  font-family: Chivo-Regular;
  font-size: 12px;
  color: white; }

.new-dashboard-ruleCardData {
  list-style: None;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
  margin-bottom: 4px; }

.dashboard-empty-col-header {
  text-align: center;
  border-right: solid 2px #c2d5e5 !important;
  background-color: #FFFFFF;
  text-align: center;
  width: 1em;
  left: -1px;
  padding: 14px !important; }

.support-ticket-icon {
  width: 21px;
  float: right;
  margin-right: 40px;
  margin-top: -22px; }

.support-ticket-tooltip {
  position: relative;
  display: inline-block;
  float: right;
  top: 23px; }

.support-ticket-tooltip .support-ticket-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #1B64F2;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 3px;
  position: absolute;
  z-index: 1;
  top: -26px;
  right: 111%; }

.support-ticket-tooltip .support-ticket-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #1B64F2; }

.support-ticket-tooltip:hover .support-ticket-tooltiptext {
  visibility: visible; }

.submit-button .btn-primary:not(:disabled):not(.disabled):active {
  background: #1B64F2;
  color: #FFF; }

.cancel-button .btn-primary:not(:disabled):not(.disabled):active {
  background: #1B64F2;
  color: #FFF; }

.dashboard-filters {
  padding-top: 0px;
  padding-bottom: 8px; }

.dashboard-tabview-content {
  padding-top: 0px; }

.gridContentAlign11-header {
  color: #212427;
  font-weight: 400;
  font-size: 12px;
  line-height: 14.28px; }

.expand-collapse-clickable-container .pimerce-table-default-height.card-header {
  height: 0px;
  padding-top: 8px; }

.expand-collapse-clickable-container .retailer-sub-cell-content {
  width: 210px !important;
  min-width: 40px !important; }

.expand-collapse-clickable-container .dashbord-cell-content {
  width: 150px !important; }

.expand-collapse-clickable-container .expander-column {
  width: 60px !important;
  min-width: 40px !important; }

.expand-collapse-clickable-container .retailer-cell-content {
  width: 150px !important; }

.expand-collapse-clickable-container .expander-column {
  width: fit-content; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout.card.card-header {
  padding: 0.6rem 1.25rem; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout .clickable-grid-container {
  min-height: 0px; }

.expand-collapse-clickable-container .pimerce-table-v-two-layout .reload-card-container.card {
  min-height: 53vh; }

.expand-collapse-clickable-container .inner-data-table-version-two .reload-card-container.card {
  min-height: 15vh; }

.expand-collapse-clickable-container .clickable-grid-container {
  padding: 0px 20px 20px 20px; }
  .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two {
    padding: 0px; }
    .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:not(:first-child), .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
      max-width: 80px; }
    .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr > td:first-child {
      border: 0px; }
    .expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
      border-color: #fff; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.retailer-cell-content.p-frozen-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.expander-column.p-frozen-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.retailer-cell-content {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-tbody > tr td.expander-column {
  border: none; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .p-datatable .p-datatable-thead > tr > th.p-column-title {
  color: #494e52 !important; }

.expand-collapse-clickable-container .clickable-grid-container .data-table-version-two .gridContentAlign11 {
  color: #212427; }

.expand-collapse-clickable-container .clickable-grid-container .p-datatable-row-expansion .data-table-version-two .p-datatable-table .p-datatable-tbody > tr.p-row-odd,
.expand-collapse-clickable-container .clickable-grid-container .p-datatable-row-expansion .data-table-version-two .p-datatable-table .p-datatable-tbody > tr {
  background-color: unset; }

.log-msg-box-alignment {
  padding: 8px; }

.p-inline-message.p-inline-message-info {
  padding: 0; }

.single-retailer-msg-box {
  margin: -18px -23px 20px -23px; }

.log-message-close {
  border: none;
  background: none;
  height: 8px;
  align-items: center;
  display: flex;
  margin-left: 70px;
  margin-right: 20px; }

.log-message {
  margin-right: -15px; }

.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px; }

@charset "UTF-8";

/**************Pimerce Blue Theme***************/

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #1B64F2 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #1B64F2;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #1B64F2; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #1B64F2;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #1B64F2; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #1B64F2; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

.global-container {
  margin-top: 2.2em;
  margin-right: 3em;
  margin-bottom: 0em;
  margin-left: 3em; }

.pi-globalcardheader {
  min-height: 42px;
  margin: 0px;
  background-color: #e3f3ff;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.regional-header {
  margin: 0px;
  align-items: center;
  min-height: 42px;
  cursor: context-menu; }

.global-dashboard-card-style {
  border: none;
  border-radius: 8px;
  margin-right: 19px;
  margin-left: 32px;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  background: #ffffff; }

.global-header {
  background: #ffffff;
  border-top-left-radius: 5em !important;
  border-top-right-radius: 5em !important; }

.header-left {
  margin: 8px 0 7px 16px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.header-center {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  font-family: Chivo-Bold;
  justify-content: center; }

.header-right {
  display: flex;
  justify-content: flex-end; }

.global-content {
  background: #ffffff; }

.global-footer {
  background: #ffffff;
  padding: 1em;
  border-bottom-left-radius: 5em !important;
  border-bottom-right-radius: 5em !important; }

.export-btn {
  width: 28px;
  height: 28px;
  object-fit: contain; }

.global-dashboard-region-tab-badge-style {
  background: transparent;
  width: min-content; }

.market-badge-block {
  margin-bottom: 1px;
  align-items: center;
  justify-content: center; }

.pi-market-name {
  font-size: 12px;
  position: absolute;
  margin: -10px 0px 0px 4px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.superCategoryGlobalDashboardDropDown > div > div > div > div {
  overflow: unset;
  font-size: 14px; }

.superCategoryGlobalDashboardDropDown-not-clickable-style > div > div > div > div {
  overflow: unset;
  font-size: 14px; }

.pi-tile-card-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  text-align: center;
  min-height: 24px;
  border: none;
  background-color: transparent;
  margin-left: -10px;
  padding-left: 10px; }

.tile-heading {
  height: 14px;
  font-family: Chivo-Bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: 0px; }

.pi-global-title-percentage {
  min-height: 14px;
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #212427; }

.global-title-trend {
  max-width: 164px;
  min-height: 14px;
  margin: 2px 0 0;
  opacity: 0.7;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #000000; }

.tile-up-trend-icon {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #7ed321;
  margin: 4px 6px 4px 6px; }

.tile-down-trend-icon {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f00;
  margin: 4px 6px 4px 6px; }

.tile-equal-trend-first-icon, .tile-equal-trend-second-icon {
  width: 9px;
  height: 2px;
  margin: 4px 6px 4px 6px;
  background-color: #f5a623; }

.tile-equal-trend-second-icon {
  margin: -2px 6px 4px -15px; }

.card-footer {
  border-top: none; }

.oddStyle {
  border-bottom: 'solid 1px #dee5e7'; }

.evenStyle {
  border-bottom: 'solid 1px #dee5e7';
  background-color: #f8f8f8; }

.markets-container {
  overflow-y: unset; }

.regionNameStyle {
  margin: 8px 0 7px 16px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.region-btn-label {
  cursor: pointer; }

.global-dashboard-legend-style {
  display: flex;
  margin-left: 6px;
  margin-top: 7px;
  margin-bottom: 11px; }

.global-dashboard-legend-color-style {
  border-radius: 100px;
  height: 10px;
  width: 10px;
  border: 2px solid; }

.global-dashboard-legend-title-style {
  width: auto;
  height: 14px;
  margin: -3px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.globalreloadButton {
  font-size: 25px;
  position: relative;
  padding: 0px;
  cursor: pointer; }

.global-chartWithReload {
  font-size: 15px;
  text-align: center;
  padding: 5em; }

.global-dashboard-region-verticalLine {
  height: unset;
  margin-bottom: 0;
  display: inline-flex;
  margin-left: 15px; }

.global-dashboard-region-tab-button-style-onLoading {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  background-color: #ffffff; }

.global-dashboard-region-tab-button-style-onLoading:active {
  background-color: white !important;
  border: 1px solid #A7ABAF;
  border-radius: 8px; }

.global-dashboard-region-tab-button-style-onLoading:hover {
  background: #e3f3ff !important;
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  cursor: no-drop; }

button.global-dashboard-region-tab-button-style-onLoading.btn.btn-primary {
  border: 1px solid #A7ABAF !important;
  box-shadow: 0 0px 0px 0 #0000001c; }

.availabilityDisable-v2 {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  cursor: no-drop; }

button.global-dashboard-region-tab-button-style.btn.btn-primary {
  box-shadow: 0 0px 0px 0 #0000001c; }

.global-dashboard-regions-tabs-style {
  margin-left: 16px;
  margin-bottom: 30px; }

.global-dashboard-regions-tabs-not-clickable-style {
  margin-left: 16px;
  margin-bottom: 30px;
  pointer-events: none;
  opacity: 0.5; }

.superCategoryGlobalDashboardDropDown {
  position: absolute;
  margin-top: 0px;
  margin-right: 42px; }

.superCategoryGlobalDashboardDropDown > .css-lcbsb6-indicatorContainer {
  margin-top: 3px;
  right: 20px;
  top: 6px; }

.superCategoryGlobalDashboardDropDown-not-clickable-style,
.superCategoryGlobalDashboardDropDown-not-clickable-style > div,
.superCategoryGlobalDashboardDropDown-not-clickable-style > div > div {
  pointer-events: none;
  position: absolute;
  opacity: 0.6;
  border-radius: 30px;
  font-size: 12px;
  width: 238px;
  padding-left: 4px;
  margin-right: 8px; }

.global-dashboard-filter {
  float: right;
  width: 100%;
  margin-right: -46px; }

.superCategoryDashboardDropDown > div > div {
  border-radius: 30px;
  font-size: 12px;
  width: 20em;
  margin: -13px 0px 0px 0px; }

.superCategoryDashboardDropDown,
.superCategoryGlobalDashboardDropDown, .module-list-dropdown {
  position: absolute; }

.hiding-global-dashboard-region-tab-button-style {
  pointer-events: none;
  opacity: 0.6; }

.hiding-global-dashboard-region-tab-button-style-onLoading {
  pointer-events: none;
  opacity: 0.6; }

.global-dashboard-regional-style {
  font-weight: bolder;
  font-size: larger;
  margin-right: 18px; }

.col-dashboardSuperCategory {
  margin-top: -7px; }

/* Global SC Filter Styles */
.global-dashboard-filter .global-sc-filter-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 9px; }

.global-dashboard-filter .superCategoryGlobalDashboardDropDown > div > div {
  font-size: 12px;
  width: 170px;
  padding-left: 4px; }

.global-dashboard-filter .css-1wa3eu0-placeholder {
  margin-left: 0px; }

.global-card-dasboardKpiSpinner {
  text-align: center;
  padding: 5em; }

.global-card-reload-msg {
  font-size: 18px; }

#global-card-handleMarketNavigation {
  margin: 0px;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.global-card-kpiName {
  text-align: center; }

.global-dashboard-spinner {
  text-align: center;
  padding: 10em; }

.pi-global-card-activerow {
  background: #ffffff;
  height: 40px; }

.pi-global-card-nonactiverow {
  background: #F3F3F3;
  height: 40px; }

.pi-title-dashboard {
  padding-left: 20px;
  padding-bottom: 25px;
  font-family: Chivo;
  font-size: 24px;
  font-weight: 700;
  line-height: 28.56px; }

.v2-filter .css-10u4t4s-control {
  height: 40px;
  border: 1px solid #A7ABAF !important;
  border-radius: 8px !important; }

.v2-filter .css-a5iz23-control:hover {
  border: 1px solid #A7ABAF !important; }

.v2-filter .css-2b097c-container {
  left: 5px;
  height: 40px !important; }

.v2-filter .react-select__clear-indicator {
  display: none; }

.v2-filter .dropdownColor_svg {
  fill: #212427;
  width: 12px;
  height: 10px; }

.v2-filter .css-tlfecz-indicatorContainer {
  padding: 4px 20px 4px 20px !important; }

.v2-filter input.filterMenuOptionCheckbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 0px solid #1B64F2;
  margin: 3px 3px 0px 0px;
  box-sizing: border-box;
  padding: 0;
  background-color: #1B64F2 !important; }

.v2-filter input.filterMenuOptionCheckbox:checked:after {
  background-color: #1B64F2 !important; }

.not-select-filterMenuOptionCheckbox {
  cursor: pointer;
  -webkit-appearance: none;
  margin: 3px 3px 0px 0px;
  border: 1px solid #1B64F2;
  background-color: #ffffff !important;
  height: 13px;
  width: 13px;
  padding: 0; }

.pi-outline-border {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 1px; }

.pi-global-grid-padding {
  padding: 20px; }

.pi-global-grid-table-header {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.28px;
  text-align: center;
  color: #212427; }

.pi-availability {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212427;
  text-align: center;
  cursor: pointer; }

.pi-notAvailability {
  font-family: Chivo;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212427;
  text-align: center;
  cursor: pointer; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style:active {
  background-color: white !important;
  border: 1px solid #A7ABAF;
  border-radius: 8px; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style:hover {
  background: #e3f3ff !important;
  border: 1px solid #A7ABAF !important;
  border-radius: 8px; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  background-color: #ffffff; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style-selected {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  background: #1B64F2; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style-selected:hover {
  border: 1px solid #A7ABAF;
  border-radius: 8px;
  background: #1B64F2; }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style-selected img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(20%) saturate(345%) hue-rotate(253deg) brightness(114%) contrast(92%); }

.global-dashboard-regions-v2 .global-dashboard-region-tab-button-style-selected .badge-light {
  color: white; }

.global-dashboard-regions-v2 .global-dashboard-regions-tabs-style .btn .badge {
  position: relative;
  top: -4px; }

.global-dashboard-regions-v2 .global-sc-filter-container {
  bottom: -3px; }

.global-dashboard-regions-v2 .btn .badge {
  position: relative;
  top: -3px; }

.global-dashboard-container-style {
  display: flex;
  justify-content: space-between;
  margin-top: -24px; }
  .global-dashboard-container-style .global-msg-box-container {
    margin-bottom: 16px;
    margin-left: 2rem;
    width: 100%;
    margin-right: 1rem;
    margin-top: 6px; }
    .global-dashboard-container-style .global-msg-box-container .p-inline-message {
      min-height: 56px;
      height: auto; }
  .global-dashboard-container-style .card {
    border: none; }

.Globle-help-icon {
  margin-left: 8px; }
  .Globle-help-icon .pi {
    font-size: 25px;
    margin: 8px 0px 0px 8px; }

.panelBackground {
  background: none;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  background: transparent;
  border: none;
}

/* open dropdowns and closed dropups have upward facing arrow */

.dropdown.open>.expanderButton:after {
  border: solid #1B64F2  !important;
  border-width: 0 2px 2px 0 !important;
  top: 15px;
  transform: rotateX(180deg) rotateZ(45deg);
  right: 8px;
}

.expanderButton {
  padding-left: 0px;
}

button.expanderButton.dropdown-toggle.caret-left.btn.btn-primary {
  /* background-color: transparent; */

  padding: 12px;
  background: #e3f3ff;
  border-radius: 20px;
  max-height: 20px;
}

.dropdown-toggle::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  margin-left: 10px !important;
  /* right: 30%; */
  top: 48%;
  margin-top: -5px;
  border: solid #1B64F2;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 3px;
  right: 8px;
}
@charset "UTF-8";

/**************Pimerce Blue Theme***************/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  border: none !important; }

.page-item.active .page-link {
  z-index: 0 !important;
  cursor: default;
  color: white !important;
  background-color: #1B64F2 !important;
  border-color: #e5e5e5 !important;
  border: none !important; }

.page-link:hover {
  background-color: transparent !important;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none !important; }

tbody {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-style: normal; }

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  border-top: none; }

.table td {
  color: #000000; }

ul.pagination.react-bootstrap-table-page-btns-ul, ul.react-bootstrap-table-page-btns-ul.paginationAlt {
  background-color: #e5e5e5;
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important; }

a.page-link {
  background-color: #f0f0f0;
  color: #000000; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9; }

.table-responsive {
  border-radius: 0px; }

table.table {
  margin-bottom: 0% !important;
  border: #c2d5e5 2px solid;
  width: 100% !important; }

.react-bootstrap-table {
  margin-bottom: 40px; }

.pagination > li > a, .paginationAlt > li > a {
  position: relative;
  float: left;
  padding: 6px 7.7px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  cursor: pointer; }

.pagination > .active > a, .paginationAlt > .active > a,
.pagination > .active > a:focus,
.paginationAlt > .active > a:focus,
.pagination > .active > a:hover,
.paginationAlt > .active > a:hover,
.pagination > .active > span,
.paginationAlt > .active > span,
.pagination > .active > span:focus,
.paginationAlt > .active > span:focus,
.pagination > .active > span:hover,
.paginationAlt > .active > span:hover {
  z-index: 0;
  cursor: pointer;
  height: 20px;
  margin: 2px 0px 0px 19px;
  padding: 3px 6px;
  border-radius: 10px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-left: -1px;
  line-height: 1.42857143;
  margin-top: 2px; }

.pagination, .paginationAlt {
  font-size: 10px;
  font-weight: 600;
  float: right;
  margin-bottom: 65px !important;
  margin-top: -23px; }

.pagination > li, .paginationAlt > li {
  color: #000 !important; }

input.inputstyle.form-control {
  border-radius: 3px !important;
  box-shadow: 0 2px 4px 0 rgba(73, 73, 73, 0.08);
  border: solid 1px #f3f3f3;
  text-align: left;
  z-index: 0 !important;
  padding-right: 40px;
  height: 42px; }

.mb-7.input-group {
  width: 70%; }

.activeRow {
  background: #ffffff;
  height: 50px !important; }

.non-activeRow {
  background: #f8fcff;
  height: 50px !important; }

input.inputstyle::placeholder {
  color: #c6cbd4; }

.pimerceGrid, .headingStyle-ContentAnalysisId, .headingStyle-ContentAnalysisImage, .headingStyle-ContentAnalysis, .headingStyle-ContentAnalysis-skuName {
  background-color: #e3f3ff;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 19px !important; }

.image-column {
  object-fit: scale-down;
  max-width: 70%;
  height: 60px;
  cursor: grabbing;
  transition: all 0.2s ease-in-out; }

.image-column:hover {
  transform: scale(2); }

.gridNoDataBackground {
  background-color: #ffffff; }

.gridCard {
  display: block;
  border: #ffffff;
  border-radius: 0px; }

.gridCardHeader {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding-top: 26px;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-right: 35px; }

.gridCardBody {
  padding-top: 4px;
  padding-left: 21px;
  padding-right: 26px; }

.gridCardFooter {
  background-color: #ffffff;
  border: #ffffff;
  border-radius: 0px !important;
  padding: 13px;
  margin-top: 0px; }

.sortIcon {
  margin-left: 10px;
  filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* toggle introduction*/
.sliderToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle button introduction*/
.sliderToggle:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*toggle ON color*/
input:checked + .sliderToggle {
  background-color: #2196f3; }

/*togle button moving*/
input:checked + .sliderToggle:before {
  transform: translateX(8px); }

/* Rounded outside sliders */
.sliderToggle.round {
  border-radius: 34px; }

/*toggle inside circle button*/
.sliderToggle.round:before {
  border-radius: 50%; }

.nextStyle {
  height: 14px;
  margin: 2px 0 4px 18px;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2 !important;
  margin-top: -1px; }

.disabledPrev {
  height: 14px;
  margin: -2px 0px 4px 0;
  opacity: 0.5;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999; }

.prevStyle {
  height: 14px;
  margin: -2px 0px 4px 0;
  font-family: Chivo-Medium;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2 !important; }

.gridLegend {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex; }

.gridLegendAlt {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.gridLegendDownAlignment {
  padding-left: 8px;
  margin-top: -9px;
  margin-bottom: 0px;
  cursor: context-menu;
  display: flex;
  padding-top: 21px; }

.grid-info {
  cursor: context-menu;
  font-size: 13px;
  margin-top: -5px;
  text-align: right;
  font-family: Chivo-Bold;
  display: flex;
  color: #1B64F2;
  float: left; }

.grid-legend-info {
  padding-left: 420px;
  margin-top: -17px;
  margin-bottom: 10px;
  cursor: context-menu;
  display: flex;
  float: right;
  right: 10%; }

.gridPagination {
  padding-right: 12px;
  margin-top: -9px;
  margin-bottom: 20px; }

.gridLegendVariance {
  width: auto;
  height: 14px;
  margin: -2px 30px 0 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.togglePosition {
  display: inline; }

.headerContainStyle {
  display: inline-flex; }

.tile-container-dataTable {
  display: flex;
  padding-right: 78px; }

.gridHeaderSearchBar {
  margin-left: 25px;
  margin-top: -4px; }

.verticalLine {
  border-left: 2px solid #8c8888;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.toggle {
  float: right; }

.exportCol {
  margin-left: -17px;
  margin-bottom: 4px; }

.exportBlockOne {
  margin-top: -1px;
  margin-left: 20px;
  padding-right: 40px;
  position: absolute;
  right: -20px;
  top: -3px; }

.exportBlockTwo {
  margin-right: 7px;
  margin-top: 1px;
  display: flex;
  justify-content: flex-end; }

.exportBtnIcon {
  margin: 0px 0px 3px 4px; }

.gridCardContainer, .gridCardModalContainer {
  border: 1px solid #c2d5e5;
  background-color: #e3f3ff;
  border-radius: 0px; }

.gridCardModalContainer {
  border-bottom: 2px solid #c2d5e5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex; }

.pageNumberColor {
  color: #1B64F2; }

.noDataCol {
  text-align: center; }

.headingStyle-ContentAnalysisId {
  width: 5em; }

.headingStyle-ContentAnalysisImage {
  width: 2em; }

.headingStyle-ContentAnalysis {
  width: 8em; }

.headingStyle-ContentAnalysis-skuName {
  width: 25em; }

.toggleStyle {
  margin-left: 8%; }

.modalActiveRow {
  background: #ffffff;
  height: 33px; }

.modalNon-activeRow {
  background: #f8fcff;
  height: 33px; }

.table thead th {
  vertical-align: middle;
  font-family: 'Chivo-Bold';
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  z-index: 3;
  border-bottom: none; }

.gridHeaderLeftBlock {
  display: inline-flex;
  justify-content: flex-start; }

.gridCardHeaderTitle {
  color: #000000;
  font-size: 14px;
  margin-left: -15px;
  font-family: Chivo-Bold;
  margin-top: -6px; }

.gridHeaderRightBlock {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0px;
  flex-direction: column; }

.gridSubHeaderContainer {
  margin-top: 1em !important; }

.exportBtn {
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #1B64F2;
  font-family: Chivo-Regular; }

.tab-button {
  font-size: 26px;
  padding: 4px 23px 4px 22px;
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn.btn-primary {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.exportBtn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #1B64F2; }

.doughnut {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  display: inline-block; }

.table-wrapper {
  overflow-y: scroll;
  background: #e3f3ff; }

.table-wrapper th {
  position: sticky;
  top: 0; }

th {
  background: #e3f3ff; }

.gridCardHeaderToggleNamesClassName {
  color: #000000;
  font-size: 14px;
  margin-left: -43px;
  font-family: Chivo-Bold;
  margin-top: -4px;
  padding-right: 0px; }

.gridHeaderSearchBarTwo {
  display: flex;
  justify-content: end;
  margin-right: 52px; }

.emptyLegendTextStyle {
  margin-top: -4px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  background-color: red;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.legendTextStyle {
  margin-top: -4px;
  margin-right: 15px;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.subtextStyle {
  font-weight: 400; }

.expandNoDataCardStyle {
  text-align: center;
  position: initial;
  height: 11.8em;
  padding: 15px;
  background-color: #ffffff;
  border: none; }

/* Handle on scroll */
::-webkit-scrollbar {
  height: 6px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 5px; }

/* Handle on thumb */
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background: #1B64F2; }

/* Handle on track piece */
::-webkit-scrollbar-track-piece {
  height: 10px;
  background: #e3f3ff !important; }

.header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.innerTable-img {
  margin-left: 10px; }

.innerTable-expandKey {
  text-align: center; }

.search-box-overAll-style {
  padding-top: 1%;
  display: flex; }

.search-box-inputGroup {
  width: 19em; }

#search-box-fa-close {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 10px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

#search-box-fa-search {
  box-sizing: border-box;
  color: #30009f;
  height: 18px;
  width: 25px;
  margin-top: 14px;
  margin-left: -28px;
  z-index: 1;
  cursor: pointer; }

.search-datatable-image {
  height: 7px;
  width: 11px;
  margin-top: 2px;
  margin-left: 3px; }

.search-datatable-toggle-col {
  display: inline-flex;
  align-items: baseline;
  margin-bottom: -8px; }

.search-datatable-Info-style {
  height: fit-content;
  margin-left: 9px;
  margin-right: 13px;
  margin-top: -2px;
  width: 21px; }

.gridSublegend {
  margin-left: -578px;
  margin-top: 23px; }

.gridInfolegend {
  position: absolute;
  bottom: 68px; }

.infoIconAlignmentDataGrid {
  display: flex;
  justify-content: flex-end;
  margin-right: 15px; }

.loadingRef {
  display: flex;
  align-items: center;
  margin-right: 15px; }

.loadingRefRow {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #2196f3; }

.loadingRefHeader {
  background-color: white; }

.loadingText {
  margin-left: 425px; }

.content-image-info-icon {
  object-fit: contain;
  margin-top: -11px;
  margin-left: 0px;
  margin-right: 27px;
  width: 21px; }

.content-img-info-msg {
  margin-top: 24px;
  margin-left: 4px; }

.content-img-info-text {
  margin-left: 32px;
  margin-top: -21px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal; }

.img-class {
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.refreshText {
  font-family: 'Chivo-Medium';
  color: #53a6ed;
  padding: 6px;
  border-radius: 25px;
  cursor: pointer; }

@media (min-width: 738px) and (max-width: 1370px) {
  .gridHeaderSearchBarTwo {
    display: flex;
    justify-content: end;
    margin-right: 5px; } }

/**************Pimerce Blue Theme***************/

input.searchBar.form-control {
  width: 241px !important;
  height: 36px;
  font-family: Chivo-Regular;
  font-size: 10px;
  text-align: left;
  z-index: 0 !important;
  padding-right: 32px;
  border-radius: 0px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #c2d5e5;
  background-color: #ffffff;
  padding: 9px 10px; }

input.searchBar::placeholder {
  width: 241px;
  height: 10px;
  opacity: 0.3;
  font-family: Chivo-Regular;
  font-size: 9px;
  color: #000000; }

.searchBarandIcon {
  display: flex;
  margin-right: -43px;
  justify-content: flex-end; }

.cpcSearchExport {
  display: flex;
  justify-content: flex-end; }

.info-icon {
  position: absolute;
  left: -99px;
  bottom: -38px;
  font-family: Chivo-Medium;
  color: red;
  font-size: 13px;
  margin-left: 124px; }

::-webkit-input-placeholder {
  font-size: 8px; }

.searchboxPlaceholder::placeholder {
  color: #000000; }

.search-brand-icon-extended i.fa.fa-search,
.search-brand-icon-extended i.fa.fa-close {
  margin-left: -23px;
  color: #e5712a;
  margin-top: 14px !important;
  border-top: 0px solid #ffe0cc !important;
  border-bottom: 0px solid #ffe0cc !important;
  box-shadow: unset !important; }

input.searchboxPlaceholder {
  width: 240px;
  padding: 1em;
  padding-top: 9px;
  font-size: 10px;
  font-family: Chivo-Regular;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
  background-color: #f8fcff;
  height: 30px;
  border-left: solid 1px #E6E6E6;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: white; }

#searchBarBox_style1 {
  width: 24px;
  height: 14px;
  color: #1B64F2;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 23px;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
  background-color: #f8fcff;
  border-right: 1px solid #E6E6E6; }

#searchBarBox_style2 {
  width: 24px;
  height: 12px;
  color: #1B64F2;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 21px;
  background: #f8fcff;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: 1px solid #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }

#searchBarBox_without_excel {
  width: 24px;
  height: 12px;
  color: #1B64F2;
  z-index: 1;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 23px;
  background-color: #f8fcff;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  border-right: 1px solid #E6E6E6;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }

input.suggestion-search-box {
  width: 140px;
  text-overflow: ellipsis;
  margin: 7px;
  overflow: hidden;
  font-size: 13px;
  font-family: "Barlow-Regular";
  border-style: none; }

.suggestion-search-box:hover {
  cursor: text; }

.div-class-list {
  max-height: 100px;
  width: 151px;
  overflow-y: scroll;
  position: absolute;
  background-color: white; }

.li-suggestion-listes, .li-suggestion-listes-overlay {
  display: block;
  cursor: pointer;
  margin: 12px;
  user-select: none; }

.suggestion-search-box::placeholder {
  border-radius: 2px;
  color: #333333;
  font-size: 13px;
  overflow: hidden;
  padding: 3px 3px 3px -2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  margin-left: 10px; }

.div-class-list li:hover {
  display: block;
  cursor: pointer;
  font-weight: bolder;
  color: #1B64F2;
  opacity: 1; }

.li-suggestion-listes-overlay {
  text-shadow: 0 0 black; }

.text-overlay .text {
  visibility: hidden;
  background-color: white;
  color: #030000;
  text-align: center;
  font-size: 11px;
  font-family: Chivo-Medium;
  border-radius: 4px;
  position: absolute;
  z-index: 1; }

.text-overlay:hover .text {
  bottom: -5px;
  left: 40em;
  visibility: visible; }

@media (min-width: 738px) and (max-width: 1370px) {
  .searchBarandIcon {
    display: flex;
    margin-right: 2px;
    justify-content: flex-end; } }

@media (min-width: 1440px) and (max-width: 1600px) {
  .searchBarandIcon {
    display: flex;
    margin-right: -18px;
    justify-content: flex-end; } }

@media (min-width: 1370px) and (max-width: 1440px) {
  .searchBarandIcon {
    display: flex;
    margin-right: -4px;
    justify-content: flex-end; } }

/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/**************Pimerce Blue Theme***************/

/* New styles add for Datepicker */
.datePickerMain {
  position: absolute; }

#calendarIcon {
  justify-content: center;
  display: flex;
  font-size: 40px; }

.date-range-value {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px; }

.dateClick {
  position: initial;
  right: -42px;
  width: 75px;
  top: -10px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end; }

.dateRangePickerContainer {
  width: 260px;
  height: 42px;
  border-radius: 8px;
  background-color: #ffffff; }
  .dateRangePickerContainer .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainer input.inputfontstyle.form-control {
    margin-top: 5px; }

.dateRangePickerContainerClose {
  width: 230px;
  height: 47px;
  border: solid 1px #e9eff4;
  background-color: #ffffff;
  position: absolute;
  box-shadow: none; }
  .dateRangePickerContainerClose .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainerClose input.inputfontstyle.form-control {
    margin-top: 5px; }

.gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px; }

.subtab-2 .gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: none;
  top: 60px;
  margin-left: -4px; }

.gridDayPickerdropdownDown {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  bottom: 25em;
  position: sticky; }

.dateRangeDownPosition {
  position: sticky;
  z-index: 1000;
  background: #ffffff; }
  .dateRangeDownPosition .DayPicker-Day {
    border-radius: 0 !important; }
  .dateRangeDownPosition .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .dateRangeDownPosition .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

.gridDate .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.btn-outline-dark {
  color: #e5e5e5 !important; }
  .btn-outline-dark:hover {
    background: none !important; }

.inputfontstyle {
  font-size: 12px !important;
  border: none !important;
  background: none !important;
  color: #000000 !important;
  cursor: pointer;
  margin-top: 10px; }

.dropdownDateField {
  padding-right: 0px;
  border: none !important;
  font-family: Chivo-Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 110px !important;
  background: none !important;
  color: #000000 !important;
  margin-top: 12px;
  cursor: pointer;
  font-size: 12px !important; }
  .dropdownDateField:focus {
    box-shadow: none !important; }

.DayPicker-Day {
  display: table-cell;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-radius: 60%;
  vertical-align: middle;
  text-align: center;
  color: #353535;
  cursor: pointer; }

.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected:focus {
  outline: aliceblue !important; }

.DayPicker-Day--disabled {
  color: #dce0e0 !important;
  cursor: default; }

.DayPicker-NavButton,
.DayPicker-wrapper {
  outline: none !important; }

.DayPicker-TodayButton {
  width: 20%;
  background-color: #e3f3ff;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-family: Chivo-Bold;
  margin-left: 1em;
  letter-spacing: inherit;
  margin-top: -13px;
  margin-right: 28px;
  float: right; }

.datePickerCalenderIcon {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 23px; }

.DayPicker-Month {
  width: -webkit-fill-available; }

.DayPicker-Caption {
  text-align: center;
  color: #637280; }
  .DayPicker-Caption > div {
    font-weight: 500;
    font-size: 0.8em; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #edf1f4;
  color: #0c4475; }
  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #edf1f4; }

.DayPicker-NavButton--prev {
  left: 1em; }

.DayPicker-NavButton--next {
  right: 1em; }

.DayPicker-Weekdays {
  display: table-caption;
  background-color: #e3f3ff;
  margin-bottom: 10px; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  padding-right: 0.91em;
  padding-left: 1em;
  color: #353535;
  text-align: center;
  font-size: 14px; }

.selectable {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  position: relative;
  bottom: 7em;
  margin-left: 20em;
  box-shadow: 4px 6px 21px 4px #8080801c;
  border: 1px solid #8080801c; }
  .selectable .DayPicker-Day {
    border-radius: 0 !important; }
  .selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

@media screen and (max-width: 787px) {
  .selectable {
    justify-content: center;
    box-shadow: 0px -2px 2px -2px #e77d3b;
    z-index: 100;
    background: #ffffff;
    position: relative;
    bottom: -2em;
    margin-left: 0px;
    box-shadow: 4px 6px 21px 4px #8080801c;
    border: 1px solid #8080801c; }
    .selectable .DayPicker-Day {
      border-radius: 0 !important; }
    .selectable .DayPicker-Day--start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important; }
    .selectable .DayPicker-Day--end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important; } }

.gridDate.input-group.input-group-md {
  flex-wrap: inherit;
  width: 150px;
  cursor: pointer;
  margin-top: -8px; }

.highlightsWeeks {
  color: #f04848; }

.modalDatepicker {
  margin-top: 7px;
  margin-bottom: 40px; }

.datePickerDropButton {
  border: none !important;
  padding-bottom: 15px !important;
  margin-right: -5px; }

@media screen and (max-width: 991px) {
  .datePickerDropButton {
    border: none !important;
    padding-bottom: 0px !important;
    margin-right: -5px;
    margin-left: -47px; } }

.datePickerDropButton:hover {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:active {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:focus {
  box-shadow: none !important;
  outline: none !important; }

button.dateRangePickerDropButton.dropdown-toggle.dropdown-toggle-split.btn.btn-outline-dark.btn-sm {
  border: none;
  box-shadow: none; }

.gridDayPickerdropdown .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.selectable .DayPicker-Footer {
  padding-top: 21px; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.selected-days {
  margin-left: -8px;
  margin-top: 1px;
  border: 1px solid #f0f0f0 !important;
  width: 186px;
  height: 38px;
  padding: 9px; }

.filter-date-range {
  width: 10px; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.export-date-dropdown {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-date-dropdown > div > div > div {
  width: 100px !important;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 38px;
  padding: 0px;
  margin-left: 3px;
  width: 100%; }

.export-date-dropdown .accordion-tab-style {
  padding: 0px; }

.export-date-dropdown .css-51nctc-control {
  height: 38px; }

.export-date-dropdown .css-1r3ozas-control {
  height: 38px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none; }

.filter-select-font-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

.harvesting-data-rangepicker-container .grid-date.input-group.input-group-md {
  flex-wrap: inherit;
  width: 79px;
  cursor: pointer; }

.harvesting-data-rangepicker-container .applied-filter-date-picker-calender-icon-style {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 13px;
  margin-left: -16px; }

.harvesting-data-rangepicker-container .input.date-picker.form-control {
  outline: none !important;
  box-shadow: none; }

.harvesting-data-rangepicker-container .date-picker-button-style {
  margin: 23px 0px 0px -25px;
  height: 0px;
  border: none !important; }

.harvesting-data-rangepicker-container .dropdown-toggle::after {
  border: none !important; }

@media (max-width: 1300px) {
  .date-range-value {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #1B64F2;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

/**************Pimerce Blue Theme***************/

.available {
  z-index: 1;
  font-family: Chivo-Bold;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B64F2 !important;
  text-align: center;
  cursor: pointer; }

.notAvailable {
  z-index: 1;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637280 !important;
  text-align: center;
  cursor: pointer; }

.verticalLine {
  z-index: 1;
  border-left: 2px solid #b0b0b0;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: inline-flex; }

.verticalLineNone {
  z-index: 1;
  border-left: 2px solid #b0b0b0;
  height: 15px;
  margin-bottom: -2px;
  padding: 5px;
  margin-left: 13px;
  display: none; }

/**************Pimerce Blue Theme***************/

.header-style {
  position: relative;
  padding-top: 14px;
  top: 0.7em;
  width: 103%;
  left: 0.7em; }

.toggle-selected-value {
  color: #1B64F2;
  border-bottom: 2px solid #1B64F2; }

.toggle-unselected-value {
  border-bottom: 1px solid #A7ABAF; }

.option {
  width: 10px;
  height: 100px; }

/**************Pimerce Blue Theme***************/

.filter-card {
  min-width: 575px;
  max-width: 575px;
  min-height: 465px;
  max-height: max-content;
  border-radius: 14px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  margin-top: -43px; }

.filter-reload-container {
  border: 1px solid #f0f0f0;
  width: 160px;
  border-radius: 4px;
  box-shadow: -1px -2px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 8px;
  cursor: pointer; }

.filter-reload {
  font-size: 13px;
  color: #e77d3b;
  text-align: justify;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 2px; }

.filterreloadButton {
  font-size: 20px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px; }

.exportFilterCard {
  border: none;
  padding-left: 3.2%; }

.exportFilterCardBody {
  margin-top: -45px; }

.exportDropdownSize {
  margin-left: -9px;
  border: 1px solid #f0f0f0; }

.button.exportBtn.btn.btn-primary:focus {
  box-shadow: none; }

.btn-primary.active,
.btn-primary:focus {
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.11); }

.exportDropdownSize .css-10u4t4s-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-18no9bb-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-51nctc-control {
  height: 42px;
  background-color: #ff922100;
  box-shadow: none;
  width: 16.6em;
  border-radius: 8px; }

.exportDropdownSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 261px;
  box-sizing: border-box; }

.exportDropdownHeader {
  margin-left: 6px;
  margin-bottom: 6px;
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.container {
  padding: unset !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.filter-container {
  padding: 14px 0px 0px 0px; }

.export-filter-container {
  padding: 14px 0px 0px 0px; }

.dateRangePickerContainerClose > div {
  margin-top: 1px;
  width: 220px; }

.export-filter-container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
  margin-top: -36px; }

.export-filter-container > div > div > div {
  padding: 2px 40px;
  width: 100%;
  margin-left: 0px;
  margin-top: 1px; }

.filter-footer-line.card-footer {
  margin: 0px 0px 0px 10px;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  min-height: 85px;
  max-height: fit-content;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.filterDropdownSize, .gridFilterMustSellSize {
  min-width: 162px;
  max-width: 162px;
  height: 58px;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 25px; }

.export-filterDropdownSize {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-filterDropdownSize > div > div > div {
  width: 220px !important;
  border-radius: 0px;
  border-color: #ffffff; }

.twoDropdownStyles {
  min-width: 162px;
  max-width: 162px;
  margin-left: 50px;
  height: 58px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 20px;
  margin-bottom: 25px; }

.gridFilterMustSellSize {
  border: none;
  box-shadow: unset;
  margin-right: 30em; }

.dropdownRow {
  display: flex; }

/* Apply & close button style------------------------------------------------- */
.applyButton, .closeButton, .filterButton, .clearButton, .disableApplyButton {
  width: 105px;
  height: 32px;
  border-radius: 19.5px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11);
  background-color: #e3f3ff;
  color: #1B64F2;
  font-family: Chivo-Regular; }

button.applyButton.btn.btn-primary, button.btn.btn-primary.closeButton, button.btn.btn-primary.filterButton, button.btn.btn-primary.clearButton, button.btn.btn-primary.disableApplyButton {
  background-color: #e3f3ff !important;
  border-radius: 0px !important;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.applyButton.btn.btn-primary :active, button.btn.btn-primary.closeButton :active, button.btn.btn-primary.filterButton :active, button.btn.btn-primary.clearButton :active, button.btn.btn-primary.disableApplyButton :active {
  background-color: #e3f3ff;
  border-radius: 19.5px !important;
  border: none; }

button.applyButton.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.closeButton:not(:disabled):not(.disabled):active, button.btn-primary.filterButton:not(:disabled):not(.disabled):active, button.btn-primary.clearButton:not(:disabled):not(.disabled):active, button.btn-primary.disableApplyButton:not(:disabled):not(.disabled):active {
  background-color: #e3f3ff;
  border-radius: 14px !important;
  border: none;
  color: #1B64F2; }

.closeButton {
  float: right;
  margin-right: 15px;
  margin-left: auto; }

.filterButton {
  background-color: #ffffff; }

.clearButton {
  background-color: #ffffff !important; }

.checkboxLabel {
  margin-top: -22px;
  margin-left: 20px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 12px;
  font-weight: 600;
  color: #000000; }

.mustSellDiv {
  position: absolute;
  bottom: 60px;
  left: 110px; }

.sliderText {
  font-family: Chivo-Regular;
  font-size: 12px;
  margin-left: -14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000; }

.appliedFilterTextBlock, .appliedFilterTextExtraBlock, .applied-filter-dropdown-block-style, .applied-filter-dropdown-extra-block-style {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  opacity: 0.7; }

.appliedText {
  margin: 5px -1px 10px 10px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  cursor: default;
  font-weight: 600;
  opacity: inherit; }

.appliedFilterTextExtraBlock {
  font-size: 13px;
  margin: 6px 4px 10px 0px; }

.applied-filter-dropdown-block-style {
  opacity: 1; }

.applied-filter-dropdown-extra-block-style {
  opacity: 1;
  margin: 6px 4px 10px 0px; }

.promotion-name-title {
  text-transform: capitalize;
  font-family: "Chivo-Regular";
  font-size: 10px;
  color: #637280;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0.9;
  line-height: normal;
  letter-spacing: normal; }

.mustSellContainer-promotion {
  margin-top: 42px;
  margin-left: 5px; }

.mustSellContainer {
  margin-bottom: 10px;
  margin-top: 7px; }

.cardSkuBackground, .applied-filter-retailer-card-style {
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: var(--white);
  margin-left: 17px; }

.cardLeftImgBlock {
  margin-top: auto;
  margin-bottom: auto; }

.skuText {
  margin: 7px 0 7px 0px;
  font-family: Chivo-Medium;
  font-size: 12px;
  line-height: 1.04;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: context-menu; }

input.filterMustSell, input.key-account-filterMustSell {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 0px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  margin-left: -5px; }

input.key-account-filterMustSell {
  top: -15px;
  position: absolute; }

input.otherBrand-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px;
  position: absolute; }

input.otherBrand-checkbox:checked:before {
  position: absolute; }

input.otherBrand-checkbox:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.otherBrand-checkbox:checked:after {
  display: block; }

input.otherBrand-checkbox:disabled:after {
  border-color: #ffffff; }

input.filterMustSell:checked:before, input.key-account-filterMustSell:checked:before {
  position: absolute; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterMustSell:checked:after, input.key-account-filterMustSell:checked:after {
  display: block; }

input.filterMustSell:disabled:after, input.key-account-filterMustSell:disabled:after {
  border-color: #ffffff; }

.separatorLine {
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 10px;
  display: inline-flex; }

.appliedFiltersTextContainer {
  display: contents; }

.appliedFiltersText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: contents;
  font-size: 11px;
  font-family: Chivo-Bold;
  font-weight: 600; }

.applied-filter-badge-style {
  color: #003353;
  background-color: #8fd9f1;
  font-size: 10px;
  font-family: Chivo-Medium;
  font-weight: 600;
  border-radius: 0px; }

.skuImageContainer {
  width: 35px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  object-fit: contain; }

.css-51nctc-control:hover {
  border-color: #1B64F2; }

.resetBtn_Style {
  margin: 0px 0px 0px 10px; }

.filterDropdownSkuSize .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #c2d5e5;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.filterDropdownSkuSize .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 342px;
  box-sizing: border-box; }

.filterDropdownSkuSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 295px; }

.filterDropdownSkuSize .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 342px;
  height: 56px;
  outline: 0px !important; }

.dropdownTitleStyle, .dropdown-date-style, .dropdown-date-wide {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 10px;
  color: #637280;
  margin-bottom: 1px;
  margin-top: 9px;
  margin-left: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 1; }

.dropdown-date-style {
  position: absolute;
  float: right;
  top: 0%;
  right: 15%; }

.dropdown-date-wide {
  position: absolute;
  float: right;
  top: 0%;
  right: 10%; }

.retailerImageContainer {
  height: 37px;
  width: auto;
  object-fit: cover;
  margin: 1px auto auto;
  margin-left: 16px; }

.kpiScrapDetailsTitleStyle {
  font-family: Chivo-Medium;
  margin-left: 22px;
  margin-bottom: 5px; }

.headingStyle-kpiScrapDetailsId, .headingStyle-kpiScrapDetailsKpi, .headingStyle-kpiScrapDetailsDate {
  padding: 7px 14px 7px 14px !important;
  text-align: center; }

.headingStyle-kpiScrapDetailsKpi {
  text-align: left;
  width: 12em; }

.headingStyle-kpiScrapDetailsDate {
  width: 10em; }

.kpiScrapDetailCellContent, .kpiScrapDetailKpiCellContent {
  text-align: center;
  cursor: context-menu; }

.kpiScrapDetailKpiCellContent {
  text-align: left;
  padding-left: 12px; }

.exportDropdownSize .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: auto; }

.fade.show {
  z-index: 999 !important; }

.DateTitleStyle {
  position: absolute;
  z-index: 1;
  top: 29px;
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.filter-container-style .css-512urr-singleValue {
  overflow: visible !important; }

.filter-container-style-filter .css-512urr-singleValue {
  overflow: visible !important;
  margin-right: -45px; }

.filter-container-style {
  height: 16em;
  overflow-y: auto;
  width: 560px; }

.disableApplyButton {
  pointer-events: none;
  opacity: 0.6; }

.cursorDisable {
  cursor: no-drop; }

.row-filter {
  margin-left: -15px; }

.filter-card-style {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.08) !important;
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 9 !important; }

.filter-card-style-wrap {
  width: 1239px;
  min-height: 55px;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  font-family: Chivo-Medium;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  border: none;
  margin-left: 2px;
  left: 1px;
  min-width: -webkit-fill-available;
  margin-right: -2px;
  z-index: 5 !important; }

.filter-dropdown-style0 {
  border: none;
  width: 100%;
  min-width: 125px;
  border-right: 2px solid #ececec;
  z-index: 50 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  z-index: 1 !important;
  border-bottom: 1px solid #ececec; }

.filter-dropdown-date-style {
  padding: 0px 10px 0px 10px;
  z-index: 1 !important; }

.filter-dropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-18no9bb-control, .filter-dropdown-style0 .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0 !important;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-1r3ozas-control, .filter-dropdown-style0 .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 40px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .css-qlqwgq-menu, .filter-dropdown-style0 .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 18px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  border-radius: 0px; }

.filter-dropdown-style .css-1ubqtzl-singleValue, .filter-dropdown-style0 .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-512urr-singleValue, .filter-dropdown-style0 .css-512urr-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-dropdown-style .css-51nctc-control, .filter-dropdown-style0 .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 0px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-dropdown-style .react-select__control--is-focused, .filter-dropdown-style0 .react-select__control--is-focused {
  box-shadow: none; }

.filter-dropdown-style .css-jcv7a1-option, .filter-dropdown-style0 .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-ze9r5v-option, .filter-dropdown-style0 .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-dropdown-style .css-p0et0t-option, .filter-dropdown-style0 .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .react-select__control--is-focused {
  box-shadow: none; }

.filter-1stdropdown-style {
  border: none;
  width: 100%;
  min-width: 125px;
  border-bottom: 1px solid #ececec; }

.filter-1stdropdown-style .css-10u4t4s-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  box-shadow: none;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-qlqwgq-menu {
  top: 100%;
  background-color: white;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 6;
  border-radius: 0px; }

.filter-1stdropdown-style .css-1ubqtzl-singleValue {
  color: #495463;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 100%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-512urr-singleValue {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 85%;
  width: 80%;
  font-family: Chivo-Regular; }

.filter-1stdropdown-style .css-51nctc-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 41px;
  outline: 0px !important;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

.filter-1stdropdown-style .css-jcv7a1-option {
  background-color: #2684ff;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.filter-1stdropdown-style .css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applied-filter-card-style {
  width: 82vw;
  min-height: 51px;
  font-family: Chivo-Medium;
  border: none;
  left: 3px;
  min-width: -webkit-fill-available; }

.filter-name-style {
  width: min-content;
  margin: 15px 0px 0px 8px;
  font-size: 14px;
  font-weight: 600; }

.filter-image-style {
  position: absolute;
  left: 65px;
  top: 7px;
  width: 12px; }

.clear-all-filters-style, .clear-all-disable-filters-style {
  left: 15px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #1B64F2;
  opacity: 0.7;
  padding: 0px;
  margin: 10px; }

.clear-all-disable-filters-style {
  cursor: context-menu;
  text-decoration: none; }

.applied-filters-style {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  top: 0px; }

.filter-apply-button-col-style, .filter-apply-button-col-center-style {
  position: absolute;
  right: 15px;
  top: -56px;
  cursor: no-drop; }

.filter-apply-button-col-center-style {
  right: 65px; }

.filter-apply-button-style, .filter-disable-apply-button-style {
  width: auto;
  height: 24px;
  background-color: #1B64F2;
  border-radius: 7px;
  color: white;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center; }

button.filter-apply-button-style.btn.btn-primary, button.btn.btn-primary.filter-disable-apply-button-style,
button.harvesting-filter-apply-button-style.btn.btn-primary {
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right; }

button.filter-apply-button-style.btn.btn-primary :active, button.btn.btn-primary.filter-disable-apply-button-style :active,
button.harvesting-filter-apply-button-style.btn.btn-primary :active {
  background-color: #1B64F2;
  border-radius: 7px !important;
  border: none; }

button.filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active, button.btn-primary.filter-disable-apply-button-style:not(:disabled):not(.disabled):active,
button.harvesting-filter-apply-button-style.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1B64F2;
  border-radius: 0px !important;
  border: none;
  color: white; }

.filter-disable-apply-button-style {
  pointer-events: none;
  opacity: 0.6; }

.applied-filter-dropdown-card-style {
  background-color: #ffffff;
  width: 14em;
  position: absolute;
  overflow-x: hidden;
  border: none;
  border-radius: 0px;
  height: fit-content;
  max-height: 19em;
  margin-top: 36px;
  z-index: 11 !important; }

.applied-filter-dropdown-heading-style {
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 2;
  position: sticky;
  top: -1px !important;
  background-color: #e3f3ff;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: 600; }

.applied-filter-dropdown-values-style {
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Chivo-Regular;
  padding-right: 34px; }

.applied-filter-dropdown-close-icon-style {
  position: absolute;
  right: 11px;
  top: 13px;
  width: 23px; }

.filter-card-style .css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: -3px; }

.filter-card-style .css-1e9x5lc-indicatorContainer {
  margin-top: 3px;
  right: -5px !important;
  top: -1px !important; }

.filter-card-style .css-lcbsb6-indicatorContainer {
  color: #cccccc;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
  position: absolute;
  margin-top: 0px;
  right: -5px;
  top: 2px; }

.filters-date-picker-col-style {
  position: absolute;
  right: 0px; }

.filter-initial-spinner {
  padding: 1em 0em 2em 11px;
  color: #637280; }

.filter-appliedFilter-row-style {
  padding: 0px 12px;
  margin-right: -24px; }

.applied-filter-retailer-card-style {
  width: 60px;
  height: 30px;
  margin-left: 15px; }

.applied-filter-retailer-card-clickable-style {
  cursor: pointer; }

.filter-date-picker-container-style {
  border-radius: 8px; }

.filter-date-picker-input-text-style.input-group.input-group-md {
  flex-wrap: inherit;
  width: fit-content;
  cursor: pointer; }

.filter-date-picker-input-text-style .dropdown-toggle::after {
  content: "";
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.filter-date-picker-calender-icon-style {
  cursor: pointer; }

.filter-date-picker-main-container-style {
  position: initial;
  float: right;
  right: -32.5%;
  top: 33px; }

.filters-apply-button-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-date-picker-col-border-style {
  border-left: 2px solid #ececec;
  height: 63px;
  position: absolute;
  right: -5%; }

.filters-apply-button-col-border-style-right {
  border-left: 2px solid #ececec;
  height: 65px;
  position: absolute;
  right: 10%; }

.filters-date-picker-col-border-style-right {
  height: 63px;
  position: absolute;
  float: left;
  right: 18%;
  top: 1%; }

.export-dropdown-title-style {
  text-transform: capitalize;
  font-family: Chivo-Regular;
  font-size: 12px;
  color: #637280;
  margin-bottom: 7px;
  margin-top: 5px;
  margin-left: 4px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  flex-grow: 0;
  opacity: 0.9; }

.css-18no9bb-control:active:focus:hover {
  border-color: #1B64F2; }

i.search-bar-box.fa.fa-search {
  visibility: hidden; }

i.search-bar-box.fa.fa-search,
i.search-bar-box.fa.fa-close {
  position: absolute;
  left: 201px;
  top: 164px;
  color: #cccccc; }

.search-brand-icon {
  margin-top: 37px;
  margin-left: 9px; }

div.options {
  margin-left: 68px;
  top: 144px;
  margin-top: 40px;
  overflow-y: scroll;
  z-index: 5;
  margin-right: -22px;
  max-height: 128px;
  width: 160px; }

span.dropdown-text {
  font-size: 12px;
  font-family: Chivo-Medium;
  margin-left: 70px;
  position: relative;
  bottom: -31px;
  color: #212529; }

input.search-box-placeholder {
  width: 160px !important;
  margin-left: 59px !important;
  margin-top: -4px !important;
  padding: 14px;
  padding-left: 28px;
  font-size: x-small;
  font-family: Chivo-Regular;
  box-shadow: -1px -2px 10px 0px #f0f0f0;
  cursor: pointer;
  border-radius: 0px !important;
  border: solid 1px #f0f0f0 !important;
  background-color: var(--white);
  height: 56px !important;
  border-left: solid 1px #f0f0f0 !important;
  border-top: solid 1px #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-right: solid 1px #f0f0f0 !important;
  outline: none; }

.keyword-text-style {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #212529;
  position: relative;
  top: 14px;
  left: 22px; }

.date-picker-div-style {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 34px;
  padding-right: 0px; }

.export-mustsellcheckboxLabel1 {
  margin-left: 15px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px;
  position: absolute;
  margin-top: -23px; }

.export-mustsellcheckboxLabel2 {
  margin-left: 20px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 7px; }

.css-jcv7a1-option {
  background-color: #2684ff;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.css-p0et0t-option {
  background-color: #deebff;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  line-break: anywhere;
  border: none !important; }

.css-ze9r5v-option {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Chivo-Regular;
  outline: none !important;
  border: none !important;
  line-break: anywhere; }

.filters-apply-button-col-border-style-bottom {
  border-bottom: 1px solid #ececec;
  margin-top: 10px; }

@media only screen and (min-width: 800px) and (max-width: 999px) {
  .clear-all-filters-style, .clear-all-disable-filters-style, .clear-all-disable-filters-style {
    left: 15px;
    min-width: fit-content;
    font-size: 12px;
    font-family: Chivo-Medium;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    color: #1B64F2;
    opacity: 0.7;
    padding: 0px;
    margin: 10px;
    margin-left: 0px; }
  .filter-apply-button-col-style, .filter-apply-button-col-center-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px; } }

@media screen and (min-width: 800px) and (max-width: 850px) {
  #filter-apply-button {
    width: 70px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 70px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media screen and (min-width: 850px) and (max-width: 990px) {
  #filter-apply-button {
    width: 77px; }
  .filter-apply-btn-text {
    height: 22px;
    min-width: 74px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px; } }

@media only screen and (min-width: 1000px) and (max-width: 1119px) {
  .filter-apply-button-col-style, .filter-apply-button-col-center-style {
    position: absolute;
    right: 0px;
    top: -52px;
    cursor: no-drop; } }

@media only screen and (max-width: 991px) {
  .filter-date-picker-main-container-style {
    position: absolute;
    float: right;
    right: 82.5%;
    top: 33px; } }

@media only screen and (max-width: 991px) and (max-width: 980px) {
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 14%; }
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 68px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 871px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 60px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 6px;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; } }

@media only screen and (max-width: 991px) and (max-width: 796px) {
  .filter-apply-button-style, .filter-disable-apply-button-style,
  .filter-disable-apply-button-style,
  .harvesting-filter-apply-button-style {
    width: 51px;
    height: 24px;
    background-color: #1B64F2;
    border-radius: 7px;
    color: white;
    font-size: 9px !important;
    font-family: Chivo-Medium;
    font-weight: 500;
    padding-left: 13px;
    cursor: pointer;
    padding-top: 2px; }
  .dropdown-date-style {
    position: absolute;
    float: right;
    top: 0%;
    right: 13%; } }

.rangeSpinner {
  color: #1B64F2;
  margin-top: 29px; }

.rangeSpinnerCard {
  border-right: 2px solid #ececec;
  padding-right: 13px;
  padding-left: 8px; }

.spinnerrange {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 95px;
  margin-left: 94px; }

.promospinnerrange {
  margin: 0 auto 0;
  width: 128px;
  text-align: center;
  margin-top: 25px;
  color: #637280;
  margin-right: 70px;
  margin-left: 66px; }

.spinnerrange > div, .promospinnerrange > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.promospinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.promospinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.spinnerrange .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerrange .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.css-18no9bb-control {
  border-radius: 0px !important; }

.css-10u4t4s-control {
  border-radius: 0px !important; }

.css-qlqwgq-menu {
  border-radius: 0px !important;
  position: absolute; }

.css-1v3eoh7-control {
  border-radius: 0px !important; }

.css-51nctc-control {
  border-radius: 0px !important; }

.p-slider .p-slider-range {
  background: #1B64F2; }

.p-slider-handle .p-slider-handle-end .p-slider-handle-active {
  left: 100% !important; }

.p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-component .p-slider-horizontal ~ .p-slider-handle .p-slider-handle-end {
  left: 100% !important; }

.p-slider .p-slider-handle {
  border: 2px solid #1B64F2; }

.appliedRetainingValue {
  background-color: #EFEFEF;
  padding: 6px 8px;
  font-size: 12px;
  border-radius: 0px; }

.appliedRetainingValueCloseIcon {
  font-size: 10px; }

.accordion-tab-style {
  border: 1px solid #FFF;
  padding: 0px 0px; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-down {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style span.p-accordion-toggle-icon.pi.pi-chevron-left {
  font-size: 10px;
  font-weight: bold; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 1px;
  color: #000 !important;
  width: 10.5px;
  font-size: 10px; }

.accordion-tab-style .p-accordion-header-link {
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: space-between; }

.accordion-tab-style .p-accordion .p-accordion-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px; }

.accordion-tab-style .p-accordion .p-accordion-header .p-accordion-header-link {
  background-color: #ffffff;
  padding: 10px 0px;
  background: white !important;
  border: none;
  text-decoration: none; }

.accordion-tab-style .p-accordion .p-accordion-tab {
  margin-bottom: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.accordion-tab-style .p-accordion .p-accordion-content {
  border: none !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.accordion-tab-style .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none; }

.accordion-tab-style .p-accordion-header-text {
  margin-left: 0px;
  font-size: 12px;
  font-weight: bold;
  font-family: Chivo-Regular;
  color: #637280;
  font-style: normal; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background-color: #1B64F2;
  border-color: none; }

.p-accordion-content ::-webkit-scrollbar {
  background-color: #ffffff;
  /* color of the track */ }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transition-duration: 0s; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box {
  width: 14px;
  height: 14px; }

.dataview-mulitsort .field-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px;
  height: 6px; }

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background: #1B64F2; }

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #1B64F2;
  background: #1B64F2; }

.dataview-mulitsort .p-radiobutton, .p-checkbox {
  align-items: flex-start !important;
  vertical-align: text-bottom !important; }

.filter-checkbox-container .p-checkbox-box.p-highlight {
  border: 1px solid #DEDFE0;
  border-color: #DEDFE0;
  border-radius: 0px;
  background-color: #1B64F2 !important; }

.filter-checkbox-container .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px;
  color: #ffffff; }

.filter-checkbox-container .p-checkbox .p-checkbox-box {
  width: 14px;
  height: 14px;
  border-radius: 0px; }

.filter-select-font-color {
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.common-sku-checkbox {
  font-size: 12px;
  font-weight: 400;
  color: #212529;
  font-family: Chivo-Regular;
  margin-top: -22px;
  margin-left: 6px !important;
  cursor: pointer;
  margin-top: 0.5rem; }

.price-monitor-filter {
  font-family: Chivo-Regular;
  color: #212529;
  padding: 4px;
  margin: auto; }

.filter-date-label-style {
  color: #637280; }

.filter-date-img-style {
  margin-bottom: 0.14rem; }

.appliedFilterMoreData {
  text-decoration: underline;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center; }

.filter-checkbox-container .filter-checkbox.filterMustSell {
  background-color: #ffffff !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked {
  background-color: #1B64F2 !important;
  color: #ffffff !important; }

.filter-checkbox-container .filter-checkbox.filterMustSell:checked:after {
  background-color: #1B64F2 !important;
  border-width: 0 1px 1px 0; }

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus, .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  box-shadow: none;
  border-color: #1B64F2; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-search-container {
  margin-top: 0.25rem;
  margin-bottom: 0.79rem; }

.filter-search-container .search-bar-boxing {
  position: relative;
  z-index: 0;
  cursor: pointer;
  margin-top: 0px; }

.filter-search {
  width: 145%; }

.filter-search-container .p-input-icon-left > .p-inputtext {
  padding-left: 2.1rem;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #d8d8d8; }

.filter-search-container .p-inputtext:enabled:focus {
  box-shadow: none; }

.filter-search-container .p-inputtext {
  width: 100%;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 1px;
  font-size: 12px;
  border: 1px solid #d8d8d8; }

.filter-search-container .pi {
  font-size: 14px; }

.filter-search-container .p-float-label label {
  font-size: 12px;
  margin-top: -0.345rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none;
  box-shadow: none; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-search-container .p-input-icon-left > i:first-of-type {
  left: 0.5rem; }

.filter-index-overlap {
  z-index: 0 !important; }

.filter-card-fullheight-style {
  background-color: #FFF;
  border: none;
  margin-right: -18px;
  margin-left: -11px;
  padding-right: 15px;
  min-height: 107.5vh; }

.filter-spinner-style {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100% auto; }

.export-filterDropdownSize .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 34px;
  padding: 0px;
  margin-left: 3px; }

.export-filter-container .dateRangePickerContainerClose {
  height: 34px;
  box-shadow: none; }

.export-filter-container .dateRangePickerContainerClose input.inputfontstyle.form-control {
  margin-top: 0px; }

.export-filterDropdownSize .accordion-tab-style {
  padding: 0px; }

.export-filterDropdownSize .css-51nctc-control {
  height: 38px; }

.filter-search-container .p-input-icon-left.p-float-label > label {
  left: 2rem;
  max-width: 153px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.filter-search-container .p-input-icon-left {
  display: block; }

.filter-selection-close-icon {
  margin-left: -20px; }

.export-filterDropdownSize .css-1r3ozas-control {
  height: 38px !important; }

.filter-search-container .p-inputtext:enabled:focus {
  border-color: none; }

.filter-items-container {
  position: relative;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden; }

.filter-items-container .flex .field-radiobutton {
  margin-bottom: 7px !important; }

.field-radiobutton-align {
  display: flex;
  align-items: center;
  margin-left: .5rem;
  line-height: 1; }

input.filterSku:checked:before {
  position: absolute; }

input.filterSku:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

input.filterSku:checked:after {
  display: block; }

input.filterSku:disabled:after {
  border-color: #ffffff; }

input.filterSku {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 17px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353;
  bottom: 13.5px; }

.filter-checkbox-container .filter-checkbox.filterSku {
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFE0;
  margin: -2px 0px; }

.filter-checkbox-container .filter-checkbox.filterSku:checked {
  background-color: #1B64F2 !important;
  color: #FFFFFF !important; }

.filter-checkbox-container .filter-checkbox.filterSku:checked:after {
  background-color: #1B64F2 !important;
  border-width: 0 1px 1px 0; }

input#checkboxDisable {
  position: relative;
  margin-left: -11px;
  margin-top: 26px;
  margin-bottom: 7px; }
  @media (min-width: 1920px) {
    input#checkboxDisable {
      position: relative;
      margin-left: -11px;
      margin-top: 26px;
      margin-bottom: -16px; } }

.date-picker-custom {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px;
  left: 121px; }

.date-picker-custom .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.date-picker-custom .DayPicker-NavButton--prev {
  display: none; }

.date-picker-custom .DayPicker-NavButton--next {
  display: none; }

.date-dynamic {
  width: 200px; }

/**************Pimerce Blue Theme***************/

.date-range-datevalue {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

@media (max-width: 1300px) {
  .date-range-datevalue {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #1B64F2;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px;
    cursor: pointer; } }

.date-range-datevalue-dashboard {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -16px;
  margin-bottom: 9px;
  margin-right: -16px;
  cursor: pointer; }

@media (max-width: 1300px) {
  .date-range-datevalue-dashboard {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #1B64F2;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -16px;
    margin-bottom: 8px;
    margin-right: -16px;
    cursor: pointer; } }

.datePickerMain {
  position: absolute; }

#calendarIcon {
  justify-content: center;
  display: flex;
  font-size: 40px; }

.date-range-value {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

.dateClick {
  position: initial;
  right: -42px;
  width: 75px;
  top: -10px;
  min-width: fit-content;
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end; }

.dateRangePickerContainer {
  width: 260px;
  height: 42px;
  border-radius: 8px;
  background-color: #ffffff; }
  .dateRangePickerContainer .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainer input.inputfontstyle.form-control {
    margin-top: 5px; }

.dateRangePickerContainerClose {
  width: 230px;
  height: 47px;
  border: solid 1px #e9eff4;
  background-color: #ffffff;
  position: absolute;
  box-shadow: none; }
  .dateRangePickerContainerClose .dropdown-toggle::after {
    content: '';
    width: 7px !important;
    height: 7px !important;
    position: absolute;
    right: 4% !important;
    top: 60% !important;
    margin-top: -6px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    padding: 2px; }
  .dateRangePickerContainerClose input.inputfontstyle.form-control {
    margin-top: 5px; }

.gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: 1px solid #8080801c;
  top: 29px; }

.subtab-2 .gridDayPickerdropdown {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: absolute;
  border: none;
  top: 60px;
  margin-left: -4px; }

.gridDayPickerdropdownDown {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  bottom: 25em;
  position: sticky; }

.dateRangeDownPosition {
  position: sticky;
  z-index: 1000;
  background: #ffffff; }
  .dateRangeDownPosition .DayPicker-Day {
    border-radius: 0 !important; }
  .dateRangeDownPosition .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .dateRangeDownPosition .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

.gridDate .dropdown-toggle::after {
  content: '';
  width: 0;
  height: 0;
  right: 50%;
  top: 58%;
  border: solid #280098;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: none !important;
  padding: 2px; }

.btn-outline-dark {
  color: #e5e5e5 !important; }
  .btn-outline-dark:hover {
    background: none !important; }

.inputfontstyle {
  font-size: 12px !important;
  border: none !important;
  background: none !important;
  color: #000000 !important;
  cursor: pointer;
  margin-top: 10px; }

.dropdownDateField {
  padding-right: 0px;
  border: none !important;
  font-family: Chivo-Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 110px !important;
  background: none !important;
  color: #000000 !important;
  margin-top: 12px;
  cursor: pointer;
  font-size: 12px !important; }
  .dropdownDateField:focus {
    box-shadow: none !important; }

.DayPicker-Day {
  display: table-cell;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-radius: 60%;
  vertical-align: middle;
  text-align: center;
  color: #353535;
  cursor: pointer; }

.DayPicker-Day--disabled {
  color: #A3A4A7 !important;
  cursor: default; }

.DayPicker-NavButton,
.DayPicker-wrapper {
  outline: none !important; }

.DayPicker-TodayButton {
  width: 20%;
  background-color: #e3f3ff;
  border: none;
  color: #1B64F2;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-family: Chivo-Bold;
  margin-left: 1em;
  letter-spacing: inherit;
  margin-top: -13px;
  margin-right: 28px;
  float: right; }

.datePickerCalenderIcon {
  cursor: pointer;
  margin-right: -6px;
  margin-top: 23px; }

.DayPicker-Month {
  width: -webkit-fill-available; }

.DayPicker-Caption {
  text-align: center;
  color: #637280; }
  .DayPicker-Caption > div {
    font-weight: 500;
    font-size: 0.8em; }

.date-range-filter-style .DayPicker-NavButton--prev {
  display: none !important; }

.date-range-filter-style .DayPicker-NavButton--next {
  display: none !important; }

.DayPicker-Weekdays {
  display: table-caption;
  background-color: #e3f3ff;
  margin-bottom: 10px; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  padding-right: 0.91em;
  padding-left: 1em;
  color: #353535;
  text-align: center;
  font-size: 14px; }

.selectable {
  justify-content: center;
  box-shadow: 0px -2px 2px -2px #e77d3b;
  z-index: 100;
  background: #ffffff;
  position: relative;
  bottom: 7em;
  margin-left: 20em;
  box-shadow: 4px 6px 21px 4px #8080801c;
  border: 1px solid #8080801c; }
  .selectable .DayPicker-Day {
    border-radius: 0 !important; }
  .selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important; }
  .selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important; }

@media screen and (max-width: 787px) {
  .selectable {
    justify-content: center;
    box-shadow: 0px -2px 2px -2px #e77d3b;
    z-index: 100;
    background: #ffffff;
    position: relative;
    bottom: -2em;
    margin-left: 0px;
    box-shadow: 4px 6px 21px 4px #8080801c;
    border: 1px solid #8080801c; }
    .selectable .DayPicker-Day {
      border-radius: 0 !important; }
    .selectable .DayPicker-Day--start {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important; }
    .selectable .DayPicker-Day--end {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important; } }

.gridDate.input-group.input-group-md {
  flex-wrap: inherit;
  width: 150px;
  cursor: pointer;
  margin-top: -8px; }

.highlightsWeeks {
  color: #f04848; }

.modalDatepicker {
  margin-top: 7px;
  margin-bottom: 40px; }

.datePickerDropButton {
  border: none !important;
  padding-bottom: 15px !important;
  margin-right: -5px; }

@media screen and (max-width: 991px) {
  .datePickerDropButton {
    border: none !important;
    padding-bottom: 0px !important;
    margin-right: -5px;
    margin-left: -47px; } }

.datePickerDropButton:hover {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:active {
  border: none !important;
  background: none !important;
  color: #e5e5e5 !important; }

.datePickerDropButton:focus {
  box-shadow: none !important;
  outline: none !important; }

button.dateRangePickerDropButton.dropdown-toggle.dropdown-toggle-split.btn.btn-outline-dark.btn-sm {
  border: none;
  box-shadow: none; }

.gridDayPickerdropdown .DayPicker-Footer {
  padding-top: 21px;
  padding-bottom: 15px;
  margin-top: 15px; }

.selectable .DayPicker-Footer {
  padding-top: 21px; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: #9FDAFF !important;
  color: #A3A4A7 !important; }

.DayPicker-Day.DayPicker-Day--selectedRange.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: #9FDAFF !important;
  color: #0C4475 !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--disabled.DayPicker-Day--outside {
  background-color: transparent !important; }

.DayPicker-Day.DayPicker-Day--colorDay.DayPicker-Day--selected.DayPicker-Day--outside {
  background-color: transparent !important; }

.selected-days-export {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  position: absolute;
  left: 12%;
  margin-top: -29px;
  margin-bottom: 9px;
  margin-right: -4px;
  cursor: pointer; }

.filter-date-range {
  width: 10px; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.export-date-dropdown {
  height: 58px;
  border-radius: 4px;
  margin-right: 45px;
  margin-bottom: 25px;
  margin-left: -9px; }

.export-date-dropdown > div > div > div {
  width: 100px !important;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.export-date-dropdown .react-select__control.css-10u4t4s-control, .react-select__control.css-18no9bb-control {
  height: 38px;
  padding: 0px;
  margin-left: 3px;
  width: 100%; }

.export-date-dropdown .accordion-tab-style {
  padding: 0px; }

.export-date-dropdown .css-51nctc-control {
  height: 38px; }

.export-date-dropdown .css-1r3ozas-control {
  height: 38px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none; }

.filter-select-font-color {
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 500;
  color: #000; }

.filter-text-overflow-fix {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.Radiobutton-allignment {
  padding-bottom: 8px; }

@media (max-width: 1300px) {
  .date-range-value {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #1B64F2;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

.date-range-filter-style .DayPicker-Day--selectedRangeStart {
  background-color: #1B64F2 !important; }

.date-range-filter-style .DayPicker-Day--selectedRangeEnd {
  background-color: #1B64F2 !important; }

.date-range-filter-style .DayPicker-Day--selectedRange {
  background-color: #E3F3FF !important; }

.year-style {
  position: relative;
  padding: 5px;
  border-radius: 0.3em;
  background-color: white;
  border-color: #A7ABAF !important; }

.month-style {
  position: relative;
  padding: 5px;
  left: -10px;
  border-radius: 0.3em;
  background-color: white;
  border-color: #A7ABAF !important; }

.date-range-filter-style .DayPicker-Day--hoverRange {
  background-color: #F3F3F3 !important; }

.date-range-filter-style .DayPicker-Day--selected {
  background-color: #9FDAFF !important; }

@media (max-width: 1300px) {
  .date-range-datevalue {
    font-size: 10px;
    font-family: Chivo-Medium;
    font-weight: 500;
    top: 10px;
    padding-bottom: -2px;
    color: #1B64F2;
    padding-top: 1px;
    opacity: 0.7;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 8px;
    margin-right: -4px; } }

.datePickerCalenderIcon-dashboard-export {
  margin-top: -26px;
  margin-left: 82px; }

.datePickerCalenderIcon-dashboard {
  margin-top: 23px; }

.date-range-datevalue-dashboard-excel {
  font-size: 12px;
  font-family: Chivo-Medium;
  font-weight: 500;
  color: #1B64F2;
  opacity: 0.7;
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  margin-bottom: 11px;
  margin-right: 7px;
  cursor: pointer; }

/**************Pimerce Blue Theme***************/

.health-status-image {
  width: 20px;
  height: 15px; }

.modal-dialog.modal-grid.modal-lg {
  max-width: 95%; }

.modal-Dialog {
  width: 680px;
  height: 50px; }

.modal-submit-button {
  padding-top: 4px;
  padding-left: 31px;
  padding-bottom: 20px;
  display: flex;
  left: 41px; }

.modalDropdown, .textarea-modal {
  width: 259px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #bbbbbb;
  font-size: 14px;
  font-family: Chivo-Regular;
  line-height: 1.43;
  color: #3a3b3f;
  margin: 6px 90px 25px 1px;
  box-shadow: none; }

.email-Inputbox-modal {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out; }
  .email-Inputbox-modal.has-focus {
    background-color: #ffffff;
    border-color: #5cb3fd; }

.email-Inputbox-modal {
  margin-top: 6px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 5px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 6px;
  max-width: 55%;
  line-height: 25px;
  cursor: text; }

.email-Inputbox-modal .label-info {
  display: inline-block;
  background-color: #1B64F2;
  padding: 0 0.4em 0.15em;
  border-radius: 0.25rem; }

.email-Inputbox-modal .tag {
  margin-right: 2px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Chivo-Regular'; }

.textarea-modal {
  padding: 12px;
  color: #000000;
  background-color: #ffffff;
  width: 45% !important;
  margin-left: 55px;
  height: 50%; }

.textarea-modal:focus {
  border: solid 1px #bbbbbb; }

.preferredemail-Text {
  text-transform: capitalize;
  font-family: Chivo-Medium;
  font-size: 12px;
  color: #637280;
  margin-top: -19px;
  line-height: 1.5;
  padding-left: 68px;
  padding-bottom: 25px;
  padding-right: 0;
  padding-left: 15px;
  margin-left: 55px; }

.mailbox-modal-Line {
  margin: 10px 40px 10px 55px; }

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.box {
  width: 800px;
  border: 1px solid #ddd; }

.box .steps {
  border-bottom: 1px solid #ddd; }

.box .steps ul {
  overflow: hidden; }

.box .steps ul li div {
  color: #999;
  padding: 10px 0 15px 45px;
  position: relative;
  background: #f5f5f5;
  width: 165px; }

.box .steps ul li div span {
  font-size: 13px; }

.box .steps ul li:first-child div {
  width: 135px;
  padding-left: 15px; }

.box .steps ul li div::before {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 1;
  margin-left: 1px; }

.box .steps ul li div::after {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2; }

.box .steps ul li.done div {
  border-color: #20a8d8 !important;
  color: #fff !important;
  background: #20a8d8 !important; }

.box .steps ul li.done div::after {
  border-left: 30px solid #20a8d8; }

.box .steps ul li.active div {
  border-color: #167495 !important;
  color: #fff !important;
  background: #167495 !important; }

.box .steps ul li.active div::after {
  border-left: 30px solid #167495; }

.box .step-component {
  padding: 20px;
  height: 200px;
  display: block;
  align-items: center;
  justify-content: center; }

.box .btn-component {
  padding: 20px;
  display: flex;
  justify-content: space-between; }

.organization-heading-style {
  padding: 0.4em 1em 0.3em 1em;
  background: #e3f3ff;
  margin-left: 0px;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }

.organization-heading-style-new {
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 18px;
  margin-top: -17px; }

.tile-card {
  border-radius: 15px;
  opacity: 0.9;
  box-shadow: 0 4px 4px 0 #1B64F2; }

.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  box-shadow: 0 4px 4px 0 #9aa1a5; }

.scrapContent-gridStyle-new {
  margin-right: -66px; }

.image-box-without-modal {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 15px;
  border: none;
  cursor: default;
  margin-bottom: 35px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
  cursor: pointer; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
  cursor: pointer; }

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
  cursor: pointer; }

.sendEmail-btn-new {
  margin-left: 18px;
  background-color: #fff !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 148px; }

.submit-btn {
  margin-left: 68px;
  background-color: #1B64F2 !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 148px;
  margin-bottom: 10px; }

.cancel-btn {
  margin-left: 18px;
  background-color: #f53a31 !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 148px; }

.ml-12 {
  margin-left: 12%; }

.updateLog-btn {
  float: right;
  width: 180px; }

.spinnerr {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  color: #637280; }

.spinnerr > div {
  width: 12px;
  height: 12px;
  background-color: #637280;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinnerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinnerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0;
  height: 12px;
  width: 13px;
  border: 1px solid #003353;
  margin-top: 15px;
  margin-left: 2px;
  box-sizing: borderbox;
  padding: 0;
  background-color: #003353; }

.checkbox-disable input {
  cursor: no-drop; }

.checkbox label {
  margin-top: 10px;
  margin-left: 19px;
  width: max-content;
  font-size: Chivo-Medium;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  display: inline-block; }

.checkbox input:checked:after {
  display: block; }

.checkbox input:checked:after {
  content: "";
  position: relative;
  left: 36%;
  top: 13%;
  width: 33%;
  height: 61%;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #003353 !important; }

.harvestingReport-header-format {
  display: flex;
  margin-right: 9px;
  justify-content: flex-end;
  position: relative;
  top: 7rem;
  z-index: 3;
  left: 62rem;
  width: 9rem; }

.harvestingReport-header-format .form-group .form-check {
  padding-left: 7px; }

.harvesting-data-rangepicker-container {
  width: 140px;
  height: 47px;
  padding-left: 40px;
  margin-right: 283px;
  box-shadow: #00000054 0px 4px 4px 0px;
  background-color: #e3f3ff; }

.health-report-gridContentId {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentRetailer {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentModule {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentJobTitle {
  text-align: center;
  cursor: context-menu; }

.health-report-gridContentScrapDate {
  text-align: center;
  cursor: context-menu; }

.health-report-idColumn-header {
  text-align: center;
  width: 1em;
  left: 1px;
  padding: 14px !important;
  z-index: 0 !important; }

.health-report-retailerColumn-header {
  text-align: center;
  min-width: 10em;
  width: fit-content;
  max-width: fit-content;
  padding: 14px !important;
  left: 33px; }

.health-report-moduleColumn-header {
  text-align: center;
  width: 20em;
  padding: 14px !important;
  left: 148px; }

.health-report-jobtitleColumn-header {
  text-align: center;
  min-width: 10em;
  left: 248px; }

.health-report-creadted-col-header {
  text-align: center;
  min-width: 10em;
  left: 369px; }

.health-report-status-col-header {
  text-align: center;
  min-width: 10em;
  width: fit-content;
  max-width: fit-content;
  z-index: 0 !important; }

.updateLog-btn-default-cursor {
  float: right;
  width: 180px;
  cursor: default !important; }

.modal-failure-status {
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.missing-sku-modal-style {
  bottom: -37px;
  left: 8px; }

.missing-sku-modal-cps-style {
  font-family: Chivo-Medium;
  font-size: 16px;
  font-weight: 500; }

.cellcontent-align {
  text-align: center; }

.health-dashboard-columnHeader {
  text-align: left;
  width: fit-content;
  min-width: 6%;
  max-width: fit-content; }

.health-dashboard-gridContentAlign {
  text-align: left;
  cursor: context-menu; }

.health-dashboard-marketinfo-column {
  text-align: left;
  cursor: pointer;
  text-decoration: underline; }

.modalCard {
  border: #ffffff;
  border-radius: 15px;
  margin-top: -32px;
  padding-right: 25px;
  padding-bottom: 20px;
  cursor: context-menu;
  margin-left: 7px; }

.health-dashboard-marketInfo-gridCardModalStyle {
  border: solid #c2d5e5;
  background-color: #c2d5e5;
  max-height: 180px;
  display: flex;
  margin-top: 18px;
  margin-bottom: -90px; }

.cluster-health-header {
  top: 80px;
  position: absolute;
  z-index: 2;
  left: 112px;
  color: #000000;
  font-size: 14px;
  font-family: Chivo-Bold; }

.cluster-health-image {
  width: 16px;
  height: 12px;
  margin-left: 4px; }

.harvesting-filter-apply-button-style {
  margin-right: 50px; }

.initial-filter-modal-btn {
  margin-left: 120px; }

.initial-filter-modal-content-style {
  text-align: center; }

.module-list-dropdown {
  margin-bottom: 17px;
  z-index: 9; }

.module-list-dropdown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 150px; }

.module-list-dropdown .css-1ubqtzl-singleValue {
  color: #2e3d4a !important;
  margin-left: 2px;
  margin-right: 2px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  font-size: 14px;
  width: 75px; }

.module-list-dropdown .css-12jo7m5 {
  border-radius: 2px;
  font-size: 115%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box; }

.module-list-dropdown .css-18no9bb-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: #00000054 0px 4px 4px 0px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  width: 195px;
  height: 48px;
  outline: 0px !important;
  border: none !important; }

.module-list-dropdown .css-1r3ozas-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: #00000054 0px 4px 4px 0px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  border: 1px solid;
  width: 195px;
  height: 48px;
  outline: 0px !important;
  border: none !important; }

.harvesting-datepicker-style {
  justify-content: center;
  box-shadow: 4px 6px 21px 4px #8080801c;
  z-index: 100;
  background: #ffffff;
  position: relative;
  border: 1px solid #8080801c;
  top: 13px;
  left: -85px; }

.harvest-report-grid {
  margin-top: 20px; }

.harvest-report-tab {
  height: 93vh;
  overflow-y: auto;
  overflow-x: hidden; }

.harvesting-latest-date-cell-style {
  text-align: center;
  cursor: context-menu; }

.staging-latest-date-cell-style {
  text-align: center;
  cursor: context-menu; }

.healthdashboard-action-btn {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2;
  border-radius: inherit;
  height: 35px; }

.healthDash-gridMissingSku {
  position: absolute;
  right: 70px;
  top: 17rem;
  height: 32px;
  align-items: center;
  z-index: 1;
  color: #1B64F2;
  justify-content: center;
  cursor: pointer;
  font-family: Chivo-Regular;
  font-size: 15px;
  border: none;
  text-decoration: underline;
  background: transparent; }

.health-dashboard-missingsku-columnHeader {
  text-align: center;
  width: fit-content;
  min-width: 6%;
  max-width: fit-content; }

.healthdashboard-missingsku-action-btn {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2;
  border-radius: inherit; }

.health-dashboard-kpi-dropdown .css-qlqwgq-menu {
  width: 100%; }

.apply-btn-health-dasboard-harvest {
  position: relative;
  left: -4.5rem; }

.harvest-trigger-update-log-btn {
  position: relative;
  left: -12rem;
  top: 35px; }

.date-picker.form-control {
  background: transparent;
  font-size: 12px;
  margin-left: 10px;
  width: 92px;
  margin-top: 7px;
  border: none;
  padding: 0px 8px;
  cursor: pointer; }

.health-dashboard-kpi-dropdown .export-filterDropdownSize .react-select__control.css-10u4t4s-control,
.health-dashboard-kpi-dropdown .react-select__control.css-18no9bb-control {
  box-shadow: none;
  border: 1px solid #f0f0f0 !important; }

.newProductCommonNameStyle {
  min-width: max-content; }

.harvestingReport-filter-dropdown {
  position: absolute;
  right: 710px;
  top: 177px; }

.healthReport-msg-box-container {
  display: flex;
  margin-right: 9px;
  justify-content: flex-start;
  position: relative;
  top: 1.8rem;
  z-index: 3;
  left: 1rem; }

.pimbtn {
  width: auto;
  border-radius: 25px;
  background-color: transparent !important;
  color: black;
  border-color: #dddddd !important;
  min-width: 150px;
  margin-right: 20px;
  font-size: 12px; }

.pimbtn .p-button-label {
  font-size: 12px;
  font-weight: 400;
  font-family: 'chivo-bold'; }

.mt-15 {
  margin-top: 15px; }

.mt-m-4 {
  margin-top: -4px; }

.jobConfigId .p-column-title {
  font-size: 12px;
  font-family: 'chivo-bold';
  color: #FFF;
  margin-right: 5px;
  width: 100px !important; }

.jobConfigId .gridcontainer .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  margin-left: -103px !important;
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none; }

.health-dashboard-user-creation-fields {
  border-radius: 4px !important;
  width: 221px !important;
  height: 36px;
  margin-left: 0px !important; }

.user-creation-sumbit-btn {
  background-color: #28a745 !important; }

.jobConfigId #pim-datatable {
  margin-top: 20px; }

.jobConfigId .p-datatable .p-column-header-content {
  display: unset !important; }

.guide-heading {
  text-transform: uppercase;
  display: flex;
  justify-content: center; }

.setup-guide {
  font-family: sans-serif; }

@charset "UTF-8";
/* DataTableDemo.css */
#pim-datatable {
  /* Handle on scroll */
  /* Handle on thumb */
  /* Handle on track piece */ }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .p-paginator .p-paginator-prev,
  #pim-datatable .p-paginator .p-paginator-next,
  #pim-datatable .p-paginator .p-paginator-last {
    min-width: 1rem;
    height: 18px;
    margin: 0.143rem;
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-prev:not(.p-disabled),
  #pim-datatable .gridcontainer .p-paginator-next:not(.p-disabled) {
    color: #1B64F2 !important; }
  #pim-datatable .gridcontainer thead,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th,
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
  #pim-datatable .gridcontainer
.p-datatable
.p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background-color: #1B64F2;
    border: 0px;
    outline: none;
    box-shadow: none;
    color: inherit; }
  #pim-datatable .gridcontainer .p-datatable-wrapper,
  #pim-datatable .gridcontainer .p-datatable-scrollable-wrapper {
    width: 100%;
    margin: 5px auto;
    background-color: #E3F3FF;
    padding: 0px 3px 0px;
    border-radius: 10px;
    border-bottom: 3px solid #E3F3FF; }
  #pim-datatable .gridcontainer .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead {
    background-color: white; }
  #pim-datatable .p-datatable .p-paginator-bottom {
    border-width: 0px; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td {
    border-width: 0px;
    height: auto; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr.p-highlight {
    position: relative;
    background: #ffffff !important;
    box-shadow: 0px 6px 76px rgba(0, 51, 83, 0.1) !important; }
  #pim-datatable .p-datatable-tbody {
    background: #FFF !important; }
  #pim-datatable .dataview-mulitsort {
    margin-left: 10px; }
  #pim-datatable .p-datatable-emptymessage {
    display: flex;
    justify-content: center; }
  #pim-datatable tr.p-selectable-row {
    cursor: pointer; }
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: white; }
  #pim-datatable tr.p-selectable-row.p-row-odd, #pim-datatable .p-datatable .p-datatable-tbody > tr.p-row-odd,
  #pim-datatable .p-datatable.p-datatable-hoverable-rows
.p-datatable-tbody
> tr.p-row-odd:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background-color: #F8FCFF; }
  #pim-datatable .p-datatable-tbody {
    max-height: 100% !important;
    overflow: hidden; }
  #pim-datatable .no-data-image {
    margin-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable-wrapper {
    padding: 0px !important;
    border: 1px solid #C2D5E5 !important;
    border-radius: 6px !important;
    margin-bottom: 30px; }
  #pim-datatable .p-datatable-wrapper {
    max-height: 116vh !important; }
  #pim-datatable tr[data-pc-section="headerrow"] {
    display: flex;
    height: 45px;
    background-color: #1B64F2; }
  #pim-datatable th[role="columnheader"] {
    margin-top: 0px; }
  #pim-datatable .gridcontainer span.p-paginator-pages {
    margin-top: -3px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    color: black !important;
    min-width: 1rem;
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #E3F3FF;
    border: 1px solid #E3F3FF; }
  #pim-datatable .tableheader {
    width: 30%;
    float: left; }
  #pim-datatable .searchsection {
    float: right; }
  #pim-datatable .p-input-icon-left > .topsearch {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left input.inputstyle.form-control {
    padding-right: 2rem;
    padding-left: 8px !important;
    border-radius: 20px !important;
    height: 30px;
    font-size: x-small;
    width: 226px;
    border: solid 1px #ffe0cc;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); }
  #pim-datatable .p-input-icon-left.searchsection .fa {
    margin-top: 8px !important; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:hover {
    border: solid 1px #ffe0cc; }
  #pim-datatable .p-input-icon-left > .topsearch:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-color: #ffe0cc; }
  #pim-datatable span.p-input-icon-left.searchsection {
    margin-top: 10px; }
  #pim-datatable .headerparent {
    min-height: 30px;
    margin-bottom: 15px; }
  #pim-datatable .searchsection.p-input-icon-left > i:first-of-type,
  #pim-datatable .p-input-icon-left.searchsection .fa {
    left: auto;
    right: 0.5rem;
    width: 24px;
    height: 12px;
    color: #e5712a !important;
    font-size: 14px; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    z-index: 0;
    cursor: pointer;
    height: 18px;
    padding: 3px 6px;
    border-radius: 10px;
    border: solid 1px #212529;
    background-color: #ffffff;
    margin-left: -1px;
    margin-top: 2px;
    width: 18px;
    min-width: 18px;
    color: #000000;
    font-weight: 700; }
  #pim-datatable .gridcontainer .p-paginator-icon.pi {
    font-size: 12px; }
  #pim-datatable .gridcontainer .p-paginator-pages > button {
    font-size: 10px;
    font-family: 'Chivo-Regular'; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-pages
.p-paginator-page:not(.p-highlight):hover {
    background-color: transparent; }
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  #pim-datatable .gridcontainer
.p-paginator
.p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background-color: transparent;
    border: 1.3px solid #C2D5E5; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-first,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-prev {
    height: 36px;
    border: none !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-next,
  #pim-datatable .gridcontainer .p-paginator .p-paginator-last {
    height: 36px;
    border: none !important; }
  #pim-datatable .p-paginator-prev .p-p-3,
  #pim-datatable .p-paginator-next .p-p-3 {
    font-family: Manrope-Bold;
    font-weight: bold;
    padding: 6px 7.7px !important; }
  #pim-datatable .gridcontainer .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 20px;
    height: 18px; }
  #pim-datatable .gridcontainer .p-link:focus {
    box-shadow: none; }
  #pim-datatable .tablecontainer tbody {
    font-family: Chivo-Regular;
    font-size: 12px;
    font-style: normal; }
  #pim-datatable .p-datatable .p-sortable-column {
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-column-filter-menu-button:hover,
  #pim-datatable .gridcontainer .p-column-filter-menu-button.p-column-filter-menu-button-open,
  #pim-datatable .gridcontainer
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    border-color: transparent;
    background: transparent;
    color: #495057; }
  #pim-datatable .p-datatable .p-sortable-column.p-highlight,
  #pim-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    color: #495057;
    border: none !important; }
  #pim-datatable .gridcontainer .pi-sort-alt:before,
  #pim-datatable .gridcontainer .pi-sort-amount-up-alt:before {
    content: url(162642fb010115ce0a8c12941e312098.png); }
  #pim-datatable .gridcontainer .pi-sort-amount-down:before {
    content: url(3e891b5086e524b783406318658577a7.png); }
  #pim-datatable .gridcontainer .pi-sort-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-up-alt,
  #pim-datatable .gridcontainer .pi-sort-amount-down {
    filter: invert(43%) sepia(37%) saturate(2829%) hue-rotate(178deg) brightness(94%) contrast(89%); }
  #pim-datatable .gridcontainer .p-paginator .p-dropdown {
    height: 18px; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-inputtext {
    font-size: 0.8rem;
    padding-top: 0.5rem; }
  #pim-datatable .gridcontainer .p-paginator-bottom .p-dropdown-trigger .pi,
  #pim-datatable .gridcontainer .p-paginator.p-component {
    font-size: 0.8rem; }
  #pim-datatable .gridcontainer .p-datatable .p-sortable-column .p-sortable-column-badge {
    display: none; }
  #pim-datatable .gridcontainer .p-datatable-scrollable-header-box {
    margin: 0px !important; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .tablecontainer tr.p-highlight.p-selectable-row,
  #pim-datatable .tablecontainer .p-datatable .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background-color: #e2eff9 !important !important;
    color: #495057; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td.greyed {
    background-color: rgba(90, 177, 135, 0.4);
    border-top: 2px solid #5ab187;
    border-left: 2px solid #ffebdf; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover {
    background: none; }
  #pim-datatable .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover
.gridcontainer .p-paginator.p-component {
    font-size: 0.8rem;
    border-bottom: 0px;
    min-height: 70px; }
  #pim-datatable .customefilterchange {
    flex-flow: row;
    flex-wrap: wrap; }
  #pim-datatable .customefilterchange .p-multiselect-label-container {
    cursor: pointer;
    width: 75%;
    display: flex;
    min-height: 30px; }
  #pim-datatable .customefilterchange.p-multiselect .p-multiselect-trigger {
    min-height: 30px; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    position: relative;
    top: 0px !important;
    left: 0px !important; }
  #pim-datatable .customefilterchange .p-multiselect-panel {
    box-shadow: none !important; }
  #pim-datatable .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: none !important; }
  #pim-datatable .p-toolbar .attr-pimbtn:active svg path, #pim-datatable .pimbtn:active svg path, #pim-datatable .btn-active-17:active svg path {
    fill: #ffffff; }
  #pim-datatable .pi-pencil:before {
    content: "" !important;
    display: block;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2Njc1SDIuNjY2ODNDMi4zMTMyMSAyLjY2Njc1IDEuOTc0MDcgMi44MDcyMiAxLjcyNDAyIDMuMDU3MjdDMS40NzM5NyAzLjMwNzMyIDEuMzMzNSAzLjY0NjQ2IDEuMzMzNSA0LjAwMDA4VjEzLjMzMzRDMS4zMzM1IDEzLjY4NyAxLjQ3Mzk3IDE0LjAyNjIgMS43MjQwMiAxNC4yNzYyQzEuOTc0MDcgMTQuNTI2MyAyLjMxMzIxIDE0LjY2NjcgMi42NjY4MyAxNC42NjY3SDEyLjAwMDJDMTIuMzUzOCAxNC42NjY3IDEyLjY5MjkgMTQuNTI2MyAxMi45NDMgMTQuMjc2MkMxMy4xOTMgMTQuMDI2MiAxMy4zMzM1IDEzLjY4NyAxMy4zMzM1IDEzLjMzMzRWOC42NjY3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMzMzUgMS42NjY2NUMxMi41OTg3IDEuNDAxNDQgMTIuOTU4NCAxLjI1MjQ0IDEzLjMzMzUgMS4yNTI0NEMxMy43MDg2IDEuMjUyNDQgMTQuMDY4MyAxLjQwMTQ0IDE0LjMzMzUgMS42NjY2NUMxNC41OTg3IDEuOTMxODcgMTQuNzQ3NyAyLjI5MTU4IDE0Ljc0NzcgMi42NjY2NUMxNC43NDc3IDMuMDQxNzMgMTQuNTk4NyAzLjQwMTQ0IDE0LjMzMzUgMy42NjY2NUw4LjAwMDE2IDkuOTk5OTlMNS4zMzM1IDEwLjY2NjdMNi4wMDAxNiA3Ljk5OTk5TDEyLjMzMzUgMS42NjY2NVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    height: 18px;
    min-width: 18px; }
  #pim-datatable .pi-pencil:hover::before {
    content: "" !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2NjY3SDIuNjY2ODNDMi4zMTMyMSAyLjY2NjY3IDEuOTc0MDcgMi44MDcxNSAxLjcyNDAyIDMuMDU3MkMxLjQ3Mzk3IDMuMzA3MjQgMS4zMzM1IDMuNjQ2MzggMS4zMzM1IDQuMDAwMDFWMTMuMzMzM0MxLjMzMzUgMTMuNjg3IDEuNDczOTcgMTQuMDI2MSAxLjcyNDAyIDE0LjI3NjFDMS45NzQwNyAxNC41MjYyIDIuMzEzMjEgMTQuNjY2NyAyLjY2NjgzIDE0LjY2NjdIMTIuMDAwMkMxMi4zNTM4IDE0LjY2NjcgMTIuNjkyOSAxNC41MjYyIDEyLjk0MyAxNC4yNzYxQzEzLjE5MyAxNC4wMjYxIDEzLjMzMzUgMTMuNjg3IDEzLjMzMzUgMTMuMzMzM1Y4LjY2NjY3IiBzdHJva2U9IiMxQjY0RjIiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi4zMzM1IDEuNjY2NjVDMTIuNTk4NyAxLjQwMTQ0IDEyLjk1ODQgMS4yNTI0NCAxMy4zMzM1IDEuMjUyNDRDMTMuNzA4NiAxLjI1MjQ0IDE0LjA2ODMgMS40MDE0NCAxNC4zMzM1IDEuNjY2NjVDMTQuNTk4NyAxLjkzMTg3IDE0Ljc0NzcgMi4yOTE1OCAxNC43NDc3IDIuNjY2NjVDMTQuNzQ3NyAzLjA0MTczIDE0LjU5ODcgMy40MDE0NCAxNC4zMzM1IDMuNjY2NjVMOC4wMDAxNiA5Ljk5OTk5TDUuMzMzNSAxMC42NjY3TDYuMDAwMTYgNy45OTk5OUwxMi4zMzM1IDEuNjY2NjVaIiBzdHJva2U9IiMxQjY0RjIiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    display: block;
    background-repeat: no-repeat !important;
    height: 18px; }
  #pim-datatable .customeselect {
    position: relative; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: transparent;
    color: black !important; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box.p-highlight,
  #pim-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background-color: #1B64F2; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff2e8;
    border-color: #1B64F2;
    background: #1B64F2; }
  #pim-datatable .gridcontainer .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none; }
  #pim-datatable .gridcontainer .p-checkbox .p-checkbox-box {
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #F8FCFF;
    border: 1px solid #C6C6C6;
    border-radius: 2px; }
  #pim-datatable .pimbtn {
    width: auto;
    border-radius: 25px;
    background-color: transparent !important;
    color: black !important !important;
    border-color: #dddddd !important;
    min-width: 150px;
    margin-right: 20px !important;
    font-size: 12px; }
  #pim-datatable .pimbtn .p-button-label {
    font-size: 12px;
    font-weight: 400;
    font-family: 'chivo-bold'; }
  #pim-datatable span.fa-refresh {
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 12px;
    padding: 2px; }
  #pim-datatable .p-dialog .p-dialog-footer {
    text-align: left; }
  #pim-datatable .p-dialog-footer-user {
    text-align: center; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 0.84rem 1.25rem; }
  #pim-datatable .p-dialog-footer .p-button.custom-button,
  #pim-datatable .p-dialog-footer
.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  #pim-datatable .custom-button {
    height: 32px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px; }
  #pim-datatable .custom-button .text-light {
    color: black !important; }
  #pim-datatable .gridcontainer .pi-filter-icon.pi-filter {
    font-family: "FontAwesome"; }
  #pim-datatable .gridcontainer .pi-filter:before {
    content: "\f0b0";
    color: #e5712a; }
  #pim-datatable .p-dialog-footer {
    padding: 0px 7px 25px; }
  #pim-datatable .user-manage-footer {
    margin-top: 23px;
    margin-bottom: 15px; }
  #pim-datatable .p-field > label {
    font-family: Chivo-Regular;
    font-size: 12px;
    color: #212529; }
  #pim-datatable .p-inputtext {
    border-radius: 0px !important;
    border: 1px solid #E2E8F0;
    font-size: 14px;
    height: 40px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02); }
  #pim-datatable .p-inputtext:disabled {
    box-shadow: none; }
  #pim-datatable .p-inputtext.attrGroup-input {
    width: 345px; }
  #pim-datatable .pim-dropdown__indicator svg {
    fill: #D9D9D9;
    transform: rotate(0);
    transition: all .2s; }
  #pim-datatable .pim-dropdown__control--menu-is-open .pim-dropdown__indicator svg {
    fill: #000000;
    transform: rotate(180deg); }
  #pim-datatable .pim-dropdown__option.pim-dropdown__option--is-focused {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .pim-dropdown__option--is-selected, #pim-datatable .pim-dropdown__option--is-selected:hover {
    background-color: #DEEBFF !important;
    color: #000 !important; }
  #pim-datatable .css-61e5a5-option {
    height: 32px !important;
    padding: 4px 10px !important;
    margin-right: 0px !important; }
  #pim-datatable .css-1gtu0rj-indicatorContainer {
    padding: 5px !important; }
  #pim-datatable .css-tlfecz-indicatorContainer {
    padding: 4px 8px !important; }
  #pim-datatable .css-1okebmr-indicatorSeparator {
    display: none; }
  #pim-datatable .p-inputtextarea {
    height: 40px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:first-child > div > form > div {
    padding-left: 0px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(2) > div > form > div {
    padding-left: 14px; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-tbody > tr > td:nth-child(3) > div > form > div {
    padding-left: 16px; }
  #pim-datatable .gridcontainer td.p-editable-column:nth-child(7) {
    padding-left: 35px !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-thead > tr > th:nth-child(7) {
    padding-left: 2rem !important; }
  #pim-datatable .p-datatable-thead {
    position: sticky;
    z-index: 1;
    top: 0; }
  #pim-datatable .react-select__control:hover,
  #pim-datatable .attribute-dropdown:hover > div:not(.error-validation),
  #pim-datatable .attribute-dropdown > div:not(.error-validation):first-child:hover {
    border-color: #EFEFF1 !important; }
  #pim-datatable .custom-dropdown .react-select__control {
    width: auto;
    height: 50px; }
  #pim-datatable .custom-dropdown .react-select__menu {
    width: 100%;
    position: absolute; }
  #pim-datatable .custom-dropdown {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
 box-shadow 0.2s;
    appearance: none; }
  #pim-datatable .exportbtn {
    justify-content: space-between;
    flex-wrap: wrap; }
  #pim-datatable .p-datatable table {
    width: max-content; }
  #pim-datatable .tablefullwidth table {
    width: 100%; }
  #pim-datatable .editrowcell {
    vertical-align: middle !important; }
  #pim-datatable .editrowcell button {
    display: inline-flex; }
  #pim-datatable .exportbtn .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 15px;
    justify-content: flex-end; }
  #pim-datatable .exportbtn-attr .p-button.p-button-icon-only {
    width: 5rem;
    padding: 0.75rem 17px;
    justify-content: flex-end; }
  #pim-datatable .gridcontainer .exportbtn .p-button-icon {
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    background-position: center;
    background-size: 100%; }
  #pim-datatable .wrapper .main_container .item {
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px; }
  #pim-datatable .table-title,
  #pim-datatable .importpopup .p-dialog-header .p-dialog-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .table-title {
    font-size: 18px;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    margin-left: -15px;
    font-family: Chivo-Bold;
    margin-top: -6px; }
  #pim-datatable .p-dialog .p-dialog-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem 1rem 1rem;
    overflow: hidden; }
  #pim-datatable * button {
    outline: none !important;
    box-shadow: none !important; }
  #pim-datatable .gridcontainer .p-datatable .p-datatable-header {
    border: 0px;
    background-color: white;
    padding: 0.5rem 0px;
    margin-top: 12px; }
  #pim-datatable .common-header-section {
    margin-top: 0px;
    align-items: center;
    min-height: 60px; }
  #pim-datatable .common-header-section .commonsearch {
    justify-content: start;
    direction: rtl;
    align-items: center; }
  #pim-datatable .commonsearch .fa-search,
  #pim-datatable .commonsearch .fa-close {
    margin-top: 5px !important;
    margin-right: -36px !important;
    color: #2D3748 !important; }
  #pim-datatable .commonsearch input.inputstyle.form-control {
    text-align: left;
    padding-left: 2rem !important;
    padding-right: 8px !important;
    height: 40px;
    direction: ltr;
    background: white;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 15px !important;
    font-size: 14px; }
  #pim-datatable .table {
    margin-bottom: 0px;
    margin-right: -15px;
    width: auto; }
  #pim-datatable .table > .card {
    background: white;
    box-sizing: border-box;
    max-height: 138vh !important; }
  #pim-datatable .page-header {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #050505;
    padding: 5px 0.7rem;
    font-family: Chivo-Bold; }
  #pim-datatable .gridcontainer table .p-datatable-thead th {
    background-color: white;
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: 40px; }
  #pim-datatable .tablefullwidth .gridcontainer table .p-datatable-thead th {
    padding: 8px 10px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    font-family: Chivo-Regular;
    height: auto;
    padding: 5px 12px !important; }
  #pim-datatable .tablefullwidth .gridcontainer .p-datatable .p-datatable-tbody > tr > td.p-selection-column {
    padding: 11px !important; }
  #pim-datatable .tablewidthauto .gridcontainer .p-datatable .p-datatable-tbody > tr > td {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  #pim-datatable .gridcontainer .p-datatable {
    margin-top: 0px !important;
    padding: 0px 1.25rem 1rem; }
  #pim-datatable .gridcontainer .datatable-view-paginator {
    top: -30px;
    position: relative;
    background: transparent;
    border: none; }
  #pim-datatable .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    padding-top: 0px;
    font-size: 7px; }
  #pim-datatable .p-toolbar {
    background-color: white;
    border: none;
    margin-bottom: 0px !important;
    border: 0px solid #e2e8f0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 6px 6px;
    border-top: 0px;
    margin-top: -75px;
    min-height: 70px;
    margin-right: -15px; }
  #pim-datatable .role-grid-border {
    border-radius: 4px;
    border: 1px solid #C2D5E5 !important;
    padding: 0px;
    margin: 30px 38px; }
  #pim-datatable .vertical-line-user-role {
    width: 0px;
    /* Use only border style */
    height: 100%;
    float: left;
    border: 1px inset; }
  #pim-datatable .role-create-update-view {
    background-color: #F8FCFF; }
  #pim-datatable .export-buttons .pimbtn,
  #pim-datatable .custom-button {
    background-color: #0E90ED !important;
    border-radius: 2px !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: 'chivo-bold';
    color: #FFF;
    font-weight: 400;
    text-align: center;
    margin-right: 8px !important;
    padding: 5px 10px 5px !important;
    min-width: 132px;
    height: 32px; }
  #pim-datatable .export-buttons .attr-pimbtn {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .export-buttons .attr-pimbtn :hover {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px; }
  #pim-datatable .admin-cancel-button {
    background-color: white !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: black !important;
    width: 82px;
    height: 32px; }
  #pim-datatable .admin-submit-button {
    background-color: #1B64F2 !important;
    border: solid 1px #F8F8F8 !important;
    border-radius: 6px;
    color: #ffffff;
    width: 82px;
    height: 32px; }
  #pim-datatable .p-toolbar .pimbtn {
    background-color: #EFEFF1 !important;
    border-radius: 6px !important;
    border: none;
    color: black !important;
    font-weight: 700px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px;
    height: 54px !important; }
  #pim-datatable .p-toolbar .pimbtn:hover {
    background-color: #E0E0E0 !important;
    border-radius: 7.5px !important;
    border: none;
    color: black !important !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #1B64F2 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: right;
    font-family: Manrope-Bold;
    margin-bottom: 5px; }
  #pim-datatable .p-toolbar .attr-pimbtn:active, #pim-datatable .btn-active-17:active {
    background-color: #1B64F2 !important;
    border-radius: 4px !important;
    border: none;
    color: #ffffff !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-bold';
    margin-bottom: 5px; }
  #pim-datatable .btn-active-17:active {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    border: none;
    color: black !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Chivo-regular';
    font-weight: 400;
    line-height: 10px;
    margin-right: 11px; }
  #pim-datatable .importHistory:active {
    margin-right: 38px !important; }
  #pim-datatable .btn-active-17:active {
    margin-bottom: 0px; }
  #pim-datatable .p-dialog .p-field > label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #212529;
    margin-left: 3px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control,
  #pim-datatable .p-dialog textarea {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 4px; }
  #pim-datatable .p-dialog .p-field input,
  #pim-datatable .p-dialog .react-select__control {
    height: 40px;
    font-size: 12px; }
  #pim-datatable .react-select__value-container {
    height: inherit; }
  #pim-datatable .react-select__value-container .css-1wa3eu0-placeholder {
    position: static;
    transform: none; }
  #pim-datatable .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  #pim-datatable input.inputstyle::placeholder {
    color: #A0AEC0;
    opacity: 1; }
  #pim-datatable .form-control:disabled.form-control {
    background-color: #f8fcff;
    opacity: 1; }
  #pim-datatable .p-paginator {
    justify-content: end;
    margin: 0px; }
  #pim-datatable .p-component-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.2s; }
  #pim-datatable .dialogue-box-style .modal-body {
    padding: 0px 0.7rem 0.7rem; }
  #pim-datatable .modal-header {
    align-items: center; }
  #pim-datatable .smallDialog .modal-body {
    padding: 0px 1.4rem; }
  #pim-datatable .modal-lg .modal-content {
    padding: 0px 10px;
    width: 100%; }
  #pim-datatable .smallDialog .modal-footer {
    padding: 1.25rem;
    justify-content: flex-start !important; }
  #pim-datatable .userRole .modal-footer {
    padding: 0px !important; }
  #pim-datatable ::-webkit-scrollbar {
    height: 6px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 5px; }
  #pim-datatable ::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #7dc7ff; }
  #pim-datatable ::-webkit-scrollbar-track-piece {
    height: 10px;
    background: #c1e5ff; }
  #pim-datatable .loading-image {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 320px; }
  #pim-datatable .loading-image-attributes {
    display: flex;
    align-items: inherit;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    margin-bottom: 35px;
    height: 175px; }
  #pim-datatable tr.p-datatable-emptymessage {
    justify-content: center; }
  #pim-datatable .p-field {
    position: relative;
    margin: 0px !important; }
  #pim-datatable .p-role-update-radius {
    border: 1px solid #C2D5E5;
    border-bottom: none; }
  #pim-datatable .searchbox-holder-17 {
    position: relative; }
    #pim-datatable .searchbox-holder-17 .options {
      position: absolute;
      top: -7px;
      width: 100%;
      left: -75px; }
  @media screen and (max-width: 1140px) {
    #pim-datatable .p-toolbar {
      margin-top: 0px;
      width: 100%; }
    #pim-datatable .p-toolbar-group-left {
      flex-wrap: wrap; } }
  #pim-datatable .optionslist {
    display: block; }
  #pim-datatable .searchbox-holder-17 .input:focus {
    background-color: none !important; }
  #pim-datatable .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 0.55rem 1.25rem;
    height: 40px;
    display: flex !important;
    flex-direction: row !important; }
  #pim-datatable .p-button-text.custom-button.btn-yes {
    background-color: #1B64F2 !important;
    color: #ffffff !important; }
  #pim-datatable .total-records-input {
    border: 1px solid #D8D8D8;
    background-color: #FFF;
    height: 32px;
    min-width: 20px;
    max-width: 90px;
    padding: 10px;
    font-size: 12px;
    text-align: center; }
  #pim-datatable .p-column-title {
    font-size: 12px;
    font-family: 'chivo-bold';
    color: #FFF;
    margin-right: 5px; }
  #pim-datatable .manage-master-data-header {
    color: #212427;
    font-family: 'chivo-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .header-label {
    color: #000;
    font-family: 'chivo-regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .searchbox-holder-data {
    margin-right: 30px; }
  #pim-datatable .p-row-editor-init {
    display: block;
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzNSAyLjY2Njc1SDIuNjY2ODNDMi4zMTMyMSAyLjY2Njc1IDEuOTc0MDcgMi44MDcyMiAxLjcyNDAyIDMuMDU3MjdDMS40NzM5NyAzLjMwNzMyIDEuMzMzNSAzLjY0NjQ2IDEuMzMzNSA0LjAwMDA4VjEzLjMzMzRDMS4zMzM1IDEzLjY4NyAxLjQ3Mzk3IDE0LjAyNjIgMS43MjQwMiAxNC4yNzYyQzEuOTc0MDcgMTQuNTI2MyAyLjMxMzIxIDE0LjY2NjcgMi42NjY4MyAxNC42NjY3SDEyLjAwMDJDMTIuMzUzOCAxNC42NjY3IDEyLjY5MjkgMTQuNTI2MyAxMi45NDMgMTQuMjc2MkMxMy4xOTMgMTQuMDI2MiAxMy4zMzM1IDEzLjY4NyAxMy4zMzM1IDEzLjMzMzRWOC42NjY3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMzMzUgMS42NjY2NUMxMi41OTg3IDEuNDAxNDQgMTIuOTU4NCAxLjI1MjQ0IDEzLjMzMzUgMS4yNTI0NEMxMy43MDg2IDEuMjUyNDQgMTQuMDY4MyAxLjQwMTQ0IDE0LjMzMzUgMS42NjY2NUMxNC41OTg3IDEuOTMxODcgMTQuNzQ3NyAyLjI5MTU4IDE0Ljc0NzcgMi42NjY2NUMxNC43NDc3IDMuMDQxNzMgMTQuNTk4NyAzLjQwMTQ0IDE0LjMzMzUgMy42NjY2NUw4LjAwMDE2IDkuOTk5OTlMNS4zMzM1IDEwLjY2NjdMNi4wMDAxNiA3Ljk5OTk5TDEyLjMzMzUgMS42NjY2NVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
    height: 18px;
    min-width: 18px;
    background: transparent;
    min-width: 55px !important;
    border-radius: 0% !important; }
  #pim-datatable .p-row-editor-init-icon {
    display: none; }
  #pim-datatable .p-sortable-column-icon {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable .p-sortable-column-icon:hover {
    color: transparent !important;
    margin-left: 2px;
    height: 20px; }
  #pim-datatable th[aria-sort="ascending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA0IDE0LjU4NTNMNS4xNjI3MiA5LjE2NjAyTDE0LjkxNzQgOS4xNjYwMkwxMC4wNCAxNC41ODUzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDMyNDQgNi4xMTEzM0M0LjU4OTE5IDYuMTExMzMgNC4zNjUxMiA1LjU3NzMyIDQuNjc1NjYgNS4yNjEwM0w5LjQ4NDA0IDAuMzYzNjA1QzkuNjgwMDIgMC4xNjM5OTkgMTAuMDAxNiAwLjE2Mzk5OSAxMC4xOTc2IDAuMzYzNjA1TDE1LjAwNiA1LjI2MTAzQzE1LjMxNjUgNS41NzczMiAxNS4wOTI0IDYuMTExMzMgMTQuNjQ5MiA2LjExMTMzSDUuMDMyNDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) !important;
    transform: rotateX(3.142rad);
    height: 16px;
    min-width: 18px; }
  #pim-datatable th[aria-sort="descending"] span[data-pc-section="sort"] {
    content: "" !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA0IDE0LjU4NTNMNS4xNjI3MiA5LjE2NjAyTDE0LjkxNzQgOS4xNjYwMkwxMC4wNCAxNC41ODUzWiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDMyNDQgNi4xMTEzM0M0LjU4OTE5IDYuMTExMzMgNC4zNjUxMiA1LjU3NzMyIDQuNjc1NjYgNS4yNjEwM0w5LjQ4NDA0IDAuMzYzNjA1QzkuNjgwMDIgMC4xNjM5OTkgMTAuMDAxNiAwLjE2Mzk5OSAxMC4xOTc2IDAuMzYzNjA1TDE1LjAwNiA1LjI2MTAzQzE1LjMxNjUgNS41NzczMiAxNS4wOTI0IDYuMTExMzMgMTQuNjQ5MiA2LjExMTMzSDUuMDMyNDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) !important;
    height: 16px;
    min-width: 18px; }
  #pim-datatable .grid-header-title {
    color: #050505;
    text-align: center;
    font-family: 'Chivo-Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #pim-datatable .custom-button .cancel-button {
    border: 2px solid black; }

.importLastRecord-fontStyle {
  font-size: 14px;
  margin-left: 18px; }

.modal-footer .cancel-button {
  background-color: #1B64F2 !important;
  color: white !important;
  width: 50px !important;
  height: 32px !important; }

/**************Pimerce Blue Theme***************/

.no-data-container {
  text-align: center;
  position: initial;
  height: 20.8em;
  padding: 100px;
  background-color: #ffffff;
  border: none; }

.gridgradeSku .no-data-container {
  text-align: center;
  position: initial;
  padding: 1px;
  height: 8.8em;
  border: none; }

.no-data-image {
  width: fit-content !important; }

.no-data-message {
  font-family: Chivo-Bold;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #363636;
  margin-top: 10px;
  text-align: center; }

.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type=text],
.jsoneditor input[type=search],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type=text],
.jsoneditor-modal input[type=search] {
  height: auto;
  border: inherit;
  box-shadow: none;
  font-size: inherit;
  box-sizing: inherit;
  padding: inherit;
  font-family: inherit;
  transition: none;
  line-height: inherit;
}

.jsoneditor input:focus,
.jsoneditor input:not([type]):focus,
.jsoneditor input[type=text]:focus,
.jsoneditor input[type=search]:focus,
.jsoneditor-modal input:focus,
.jsoneditor-modal input:not([type]):focus,
.jsoneditor-modal input[type=text]:focus,
.jsoneditor-modal input[type=search]:focus {
  border: inherit;
  box-shadow: inherit;
}

.jsoneditor textarea,
.jsoneditor-modal textarea {
  height: inherit;
}

.jsoneditor select,
.jsoneditor-modal select {
  display: inherit;
  height: inherit;
}

.jsoneditor label,
.jsoneditor-modal label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.jsoneditor table,
.jsoneditor-modal table {
  border-collapse: collapse;
  width: auto;
}

.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}

.jsoneditor .autocomplete.dropdown {
  position: absolute;
  background: #ffffff;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  border: 1px solid #d3d3d3;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  margin: 0;
  padding: 5px;
  text-align: left;
  outline: 0;
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
}

.jsoneditor .autocomplete.dropdown .item {
  color: #1a1a1a;
}

.jsoneditor .autocomplete.dropdown .item.hover {
  background-color: #ebebeb;
}

.jsoneditor .autocomplete.hint {
  color: #a1a1a1;
  top: 4px;
  left: 4px;
}

.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}

.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 2;
}

.jsoneditor-contextmenu .jsoneditor-menu {
  position: relative;
  left: 0;
  top: 0;
  width: 128px;
  height: auto;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}

.jsoneditor-contextmenu .jsoneditor-menu button {
  position: relative;
  padding: 0 8px 0 0;
  margin: 0;
  width: 128px;
  height: auto;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 14px;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  text-align: left;
}

.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
  width: 96px;
}

.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}

.jsoneditor-contextmenu .jsoneditor-menu li {
  overflow: hidden;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
  margin-left: 24px;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
  padding-left: 24px;
  animation: all ease-in-out 1s;
}

.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: 0 -72px;
}

.jsoneditor-contextmenu .jsoneditor-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
}

.jsoneditor-contextmenu .jsoneditor-text {
  padding: 4px 0 4px 24px;
  word-wrap: break-word;
}

.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
  padding-right: 24px;
}

.jsoneditor-contextmenu .jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
  background-position: -24px 0;
}

.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
  background-position: 0 0;
}

.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
  background-position: 0 0;
}

.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
  background-position: -48px 0;
}

.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
  background-position: -168px 0;
}

.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
  background-position: -192px 0;
}

.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
  background-position: -216px 0;
}

.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
  background-position: 0 -24px;
}

.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
  background-position: -144px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
  background-position: -120px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
  background-position: -72px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
  background-position: -96px 0;
}

.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
  background-image: none;
  width: 6px;
}

.jsoneditor-contextmenu ul,
.jsoneditor-contextmenu li {
  box-sizing: content-box;
  position: relative;
}

.jsoneditor-contextmenu .jsoneditor-menu button:hover,
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}

.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
  color: #ffffff;
  background-color: #ee422e;
}

.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
  background-color: #f5f5f5;
}

.jsoneditor-modal {
  max-width: 95%;
  border-radius: 2px !important;
  padding: 45px 15px 15px 15px !important;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  color: #4d4d4d;
  line-height: 1.3em;
}

.jsoneditor-modal.jsoneditor-modal-transform {
  width: 600px !important;
}

.jsoneditor-modal .pico-modal-header {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-family: arial, sans-serif;
  font-size: 11pt;
  background: #3883fa;
  color: #ffffff;
}

.jsoneditor-modal table {
  width: 100%;
}

.jsoneditor-modal table td {
  padding: 3px 0;
}

.jsoneditor-modal table td.jsoneditor-modal-input {
  text-align: right;
  padding-right: 0;
  white-space: nowrap;
}

.jsoneditor-modal table td.jsoneditor-modal-actions {
  padding-top: 15px;
}

.jsoneditor-modal table th {
  vertical-align: middle;
}

.jsoneditor-modal p:first-child {
  margin-top: 0;
}

.jsoneditor-modal a {
  color: #3883fa;
}

.jsoneditor-modal .jsoneditor-jmespath-block {
  margin-bottom: 10px;
}

.jsoneditor-modal .pico-close {
  background: none !important;
  font-size: 24px !important;
  top: 7px !important;
  right: 7px !important;
  color: #ffffff;
}

.jsoneditor-modal input {
  padding: 4px;
}

.jsoneditor-modal input[type=text] {
  cursor: inherit;
}

.jsoneditor-modal input[disabled] {
  background: #d3d3d3;
  color: #808080;
}

.jsoneditor-modal .jsoneditor-select-wrapper {
  position: relative;
  display: inline-block;
}

.jsoneditor-modal .jsoneditor-select-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #666;
  position: absolute;
  right: 8px;
  top: 14px;
  pointer-events: none;
}

.jsoneditor-modal select {
  padding: 3px 24px 3px 10px;
  min-width: 180px;
  max-width: 350px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0;
  text-overflow: "";
  font-size: 14px;
  line-height: 1.5em;
}

.jsoneditor-modal select::-ms-expand {
  display: none;
}

.jsoneditor-modal .jsoneditor-button-group input {
  padding: 4px 10px;
  margin: 0;
  border-radius: 0;
  border-left-style: none;
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left-style: solid;
}

.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.jsoneditor-modal .jsoneditor-transform-preview {
  background: #f5f5f5;
  height: 200px;
}

.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
  color: #ee422e;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard {
  line-height: 1.2em;
  width: 100%;
  padding: 0;
  border-radius: 3px;
}

.jsoneditor-modal .jsoneditor-jmespath-label {
  font-weight: bold;
  color: dodgerblue;
  margin-top: 20px;
  margin-bottom: 5px;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
  width: 100%;
  border-collapse: collapse;
}

.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
  font-style: italic;
  margin: 4px 0 2px 0;
}

.jsoneditor-modal .jsoneditor-inline {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
  padding-right: 2px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter {
  display: flex;
  flex-wrap: wrap;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-field {
  width: 180px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
  width: 100px;
}

.jsoneditor-modal .jsoneditor-jmespath-filter-value {
  min-width: 180px;
  flex: 1;
}

.jsoneditor-modal .jsoneditor-jmespath-sort-field {
  width: 170px;
}

.jsoneditor-modal .jsoneditor-jmespath-sort-order {
  width: 150px;
}

.jsoneditor-modal .jsoneditor-jmespath-select-fields {
  width: 100%;
}

.jsoneditor-modal .selectr-selected {
  border-color: #d3d3d3;
  padding: 4px 28px 4px 8px;
}

.jsoneditor-modal .selectr-selected .selectr-tag {
  background-color: #3883fa;
  border-radius: 5px;
}

.jsoneditor-modal table th,
.jsoneditor-modal table td {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: #4d4d4d;
  border-spacing: 0;
  border-collapse: collapse;
}

.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal input[type=text]:focus,
.jsoneditor-modal #query {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  color: #4d4d4d;
  border-radius: 3px;
  padding: 4px;
}

.jsoneditor-modal textarea,
.jsoneditor-modal #query {
  border-radius: unset;
}

.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type=text],
.jsoneditor-modal #query {
  font-size: 10.5pt;
  font-family: arial, sans-serif;
}

.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}

.jsoneditor-modal input[type=button],
.jsoneditor-modal input[type=submit] {
  background: #f5f5f5;
  padding: 4px 20px;
}

.jsoneditor-modal select,
.jsoneditor-modal input {
  cursor: pointer;
}

.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
  background: #3883fa;
  border-color: #3883fa;
  color: #ffffff;
}

.jsoneditor {
  color: #1a1a1a;
  border: thin solid #3883fa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  line-height: 16px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left;
}

div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0;
}

div.jsoneditor-value {
  word-break: break-word;
}

div.jsoneditor-value.jsoneditor-empty::after {
  content: "value";
}

div.jsoneditor-value.jsoneditor-string {
  color: #006000;
}

div.jsoneditor-value.jsoneditor-number {
  color: #ee422e;
}

div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00;
}

div.jsoneditor-value.jsoneditor-null {
  color: #004ed0;
}

div.jsoneditor-value.jsoneditor-color-value {
  color: #1a1a1a;
}

div.jsoneditor-value.jsoneditor-invalid {
  color: #1a1a1a;
}

div.jsoneditor-readonly {
  min-width: 16px;
  color: #808080;
}

div.jsoneditor-empty {
  border-color: #d3d3d3;
  border-style: dashed;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-empty::after {
  content: "field";
}

div.jsoneditor td {
  vertical-align: top;
}

div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: #808080;
}

div.jsoneditor td.jsoneditor-tree {
  vertical-align: top;
}

div.jsoneditor.busy pre.jsoneditor-preview {
  background: #f5f5f5;
  color: #808080;
}

div.jsoneditor.busy div.jsoneditor-busy {
  display: inherit;
}

div.jsoneditor code.jsoneditor-preview {
  background: none;
}

div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  padding: 2px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

div.jsoneditor-default {
  color: #808080;
  padding-left: 10px;
}

div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  background: #ffffff;
}

div.jsoneditor-tree button.jsoneditor-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
}

div.jsoneditor-tree button.jsoneditor-button:focus {
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}

div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px;
}

div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button {
  background-position: -48px -72px;
}

div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: none;
}

div.jsoneditor-tree button.jsoneditor-dragarea {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -72px -72px;
  cursor: move;
}

div.jsoneditor-tree *:focus {
  outline: none;
}

div.jsoneditor-tree div.jsoneditor-show-more {
  display: inline-block;
  padding: 3px 4px;
  margin: 2px 0;
  background-color: #e5e5e5;
  border-radius: 3px;
  color: #808080;
  font-family: arial, sans-serif;
  font-size: 14px;
}

div.jsoneditor-tree div.jsoneditor-show-more a {
  display: inline-block;
  color: #808080;
}

div.jsoneditor-tree div.jsoneditor-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 4px;
  border: 1px solid #808080;
  cursor: pointer;
}

div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
  cursor: inherit;
}

div.jsoneditor-tree div.jsoneditor-date {
  background: #a1a1a1;
  color: #ffffff;
  font-family: arial, sans-serif;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
  margin: 0 3px;
}

div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.jsoneditor-tree .jsoneditor-button {
  display: block;
}

div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  background-color: transparent;
}

div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.jsoneditor-outer.has-nav-bar {
  margin-top: -26px;
  padding-top: 26px;
}

div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
  margin-top: -61px;
  padding-top: 61px;
}

div.jsoneditor-outer.has-status-bar {
  margin-bottom: -26px;
  padding-bottom: 26px;
}

div.jsoneditor-outer.has-main-menu-bar {
  margin-top: -35px;
  padding-top: 35px;
}

div.jsoneditor-busy {
  position: absolute;
  top: 15%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: none;
}

div.jsoneditor-busy span {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 3px;
  padding: 5px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: #d3d3d3;
  font-size: 8pt;
}

div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: #006000;
  text-decoration: underline;
}

a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}

a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e;
}

div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}

div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  background-position: -48px -48px;
}

div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
  color: #ee422e;
}

textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 150px;
}

textarea.jsoneditor-text.ace_editor,
.ace-jsoneditor.ace_editor {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
}

textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: #ffffff;
  resize: none;
}

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #d3d3d3;
}

tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
  visibility: hidden;
}

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  visibility: visible;
}

div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px;
}

div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
pre.jsoneditor-preview,
.jsoneditor-schema-error,
.jsoneditor-popover {
  font-family: consolas, menlo, monaco, "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 14px;
  color: #1a1a1a;
}

.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}

.jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 7px 10px;
  position: absolute;
  cursor: auto;
  width: 200px;
}

.jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px;
}

.jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}

.jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px;
}

.jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}

.jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px;
}

.jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px;
}

.jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}

.jsoneditor-text-errors tr.jump-to-line:hover {
  text-decoration: underline;
  cursor: pointer;
}

.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* JSON schema errors displayed at the bottom of the editor in mode text and code */

.jsoneditor .jsoneditor-validation-errors-container {
  max-height: 130px;
  overflow-y: auto;
}

.jsoneditor .jsoneditor-validation-errors {
  width: 100%;
  overflow: hidden;
}

.jsoneditor .jsoneditor-additional-errors {
  position: absolute;
  margin: auto;
  bottom: 31px;
  left: calc(50% - 92px);
  color: #808080;
  background-color: #ebebeb;
  padding: 7px 15px;
  border-radius: 8px;
}

.jsoneditor .jsoneditor-additional-errors.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.jsoneditor .jsoneditor-additional-errors.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ffc700;
}

.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}

.jsoneditor .jsoneditor-text-errors td pre {
  margin: 0;
  white-space: pre-wrap;
}

.jsoneditor .jsoneditor-text-errors tr {
  background-color: #ffffab;
}

.jsoneditor .jsoneditor-text-errors tr.parse-error {
  background-color: rgba(238, 46, 46, 0.4392156863);
}

.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
}

.jsoneditor-text-errors tr .jsoneditor-schema-error {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  background-color: transparent;
}

.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -25px 0px;
  background-color: transparent;
}

.jsoneditor-anchor {
  cursor: pointer;
}

.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
  top: 28px;
  left: -10px;
}

.fadein {
  -webkit-animation: fadein 0.3s;
  animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -o-animation: fadein 0.3s;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.jsoneditor-modal input[type=search].selectr-input {
  border: 1px solid #d3d3d3;
  width: calc(100% - 4px);
  margin: 2px;
  padding: 4px;
  box-sizing: border-box;
}

.jsoneditor-modal button.selectr-input-clear {
  right: 8px;
}

.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa;
}

.jsoneditor-menu > button,
.jsoneditor-menu > .jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  color: #ffffff;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 14px;
  float: left;
}

.jsoneditor-menu > button:hover,
.jsoneditor-menu > .jsoneditor-modes > button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.jsoneditor-menu > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > .jsoneditor-modes > button:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.jsoneditor-menu > button:disabled,
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
  opacity: 0.5;
  background-color: transparent;
  border: none;
}

.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px;
}

.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px;
}

.jsoneditor-menu > button.jsoneditor-sort {
  background-position: -120px -96px;
}

.jsoneditor-menu > button.jsoneditor-transform {
  background-position: -144px -96px;
}

.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
  display: none;
}

.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px;
}

.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px;
}

.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px;
}

.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px;
}

.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px;
}

.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px;
}

.jsoneditor-menu > button.jsoneditor-repair {
  background-position: -96px -96px;
}

.jsoneditor-menu > .jsoneditor-modes {
  display: inline-block;
  float: left;
}

.jsoneditor-menu > .jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}

.jsoneditor-menu > button.jsoneditor-separator,
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px;
}

.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.8;
  vertical-align: middle;
}

.jsoneditor-menu a:hover {
  opacity: 1;
}

.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}

.jsoneditor-navigation-bar {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  background-color: #ebebeb;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 14px;
}

.jsoneditor-search {
  font-family: arial, sans-serif;
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
  display: flex;
}

.jsoneditor-search input {
  color: #1a1a1a;
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
  font-family: arial, sans-serif;
}

.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  vertical-align: top;
}

.jsoneditor-search button:hover {
  background-color: transparent;
}

.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}

.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}

.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px;
}

.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}

.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px;
}

.jsoneditor-results {
  font-family: arial, sans-serif;
  color: #ffffff;
  padding-right: 5px;
  line-height: 26px;
}

.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: #ffffff;
  padding: 0 2px;
  margin: 0;
}

.jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  color: #808080;
  background-color: #ebebeb;
  border-top: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
  margin-right: 12px;
}

.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
  margin-left: 4px;
}

.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: 1px;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -168px -48px;
  cursor: pointer;
}

.jsoneditor-statusbar > .jsoneditor-validation-error-count {
  float: right;
  margin: 0 4px 0 0;
  cursor: pointer;
}

.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 1px;
  background-image: url(2b9b4872cd25494093c1eb14f0264a0b.svg);
  background-position: -25px 0px;
}

.jsoneditor-statusbar .jsoneditor-array-info a {
  color: inherit;
}

div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
  margin: 0 4px;
}

.jsoneditor-treepath {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.jsoneditor-treepath.show-all {
  word-wrap: break-word;
  white-space: normal;
  position: absolute;
  background-color: #ebebeb;
  z-index: 1;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}

.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
  display: none;
}

.jsoneditor-treepath div.jsoneditor-contextmenu-root {
  position: absolute;
  left: 0;
}

.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
  position: absolute;
  background-color: #ebebeb;
  left: 0;
  height: 20px;
  padding: 0 3px;
  cursor: pointer;
}

.jsoneditor-treepath .jsoneditor-treepath-element {
  margin: 1px;
  font-family: arial, sans-serif;
  font-size: 14px;
}

.jsoneditor-treepath .jsoneditor-treepath-seperator {
  margin: 2px;
  font-size: 9pt;
  font-family: arial, sans-serif;
}

.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */

.selectr-container {
  position: relative;
}

.selectr-container li {
  list-style: none;
}

.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}

.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}

.selectr-desktop.multiple .selectr-visible {
  display: none;
}

.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block;
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0;
}

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 28px 7px 14px;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 3px;
  background-color: #ffffff;
}

.selectr-selected::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  content: "";
  -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #6c7a86 transparent transparent;
}

.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #6c7a86;
}

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectr-placeholder {
  color: #6c7a86;
}

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}

.has-selected .selectr-tags {
  margin: 0 0 -2px;
}

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #ffffff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}

.selectr-container.open .selectr-options-container {
  display: block;
}

.selectr-input-container {
  position: relative;
  display: none;
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}

.selectr-clear,
.selectr-input-clear {
  display: none;
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: block;
}

.selectr-selected .selectr-tag-remove {
  right: 2px;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #ffffff;
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999999;
  border-radius: 3px;
}

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
}

.selectr-container.notice .selectr-notice {
  display: block;
}

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0;
}

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: scroll;
  max-height: 200px;
  margin: 0;
  padding: 0;
}

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}

.selectr-option {
  position: relative;
  display: block;
  padding: 5px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}

.selectr-options.optgroups > .selectr-option {
  padding-left: 25px;
}

.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}

.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}

.selectr-match {
  text-decoration: underline;
}

.selectr-option.selected {
  background-color: #ddd;
}

.selectr-option.active {
  color: #ffffff;
  background-color: #5897fb;
}

.selectr-option.disabled {
  opacity: 0.4;
}

.selectr-option.excluded {
  display: none;
}

.selectr-container.open .selectr-selected {
  border-color: #999999 #999999 transparent #999999;
  border-radius: 3px 3px 0 0;
}

.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}

.selectr-disabled {
  opacity: 0.6;
}

.selectr-empty,
.has-selected .selectr-placeholder {
  display: none;
}

.has-selected .selectr-label {
  display: block;
}

/* TAGGABLE */

.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}

.taggable .selectr-label {
  width: auto;
}

.taggable .selectr-tags {
  float: left;
  display: block;
}

.taggable .selectr-placeholder {
  display: none;
}

.input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  animation: 500ms linear 0s normal forwards infinite running selectr-spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}

@-webkit-keyframes selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }

  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}

@keyframes selectr-spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }

  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}

.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
}

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999999 #999999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #ffffff;
}

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}

.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}
.ace_editor{min-height:150px}

.distributor-container .card-container {
  min-height: 100vh; }

.distributor-container .card-body-container {
  display: flex;
  justify-content: center; }

.distributor-container .dropdown-container {
  border: 1px #D8D8D8;
  width: 537px;
  height: 174px;
  margin-top: 90px;
  margin-bottom: 30px; }

.distributor-container .dropdown-name {
  font-size: 24px;
  font-weight: 600;
  color: #050505; }

.distributor-container .dropdown-header {
  height: 34%;
  border: 1px solid #D8D8D8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px; }

.distributor-container .dropdown-body {
  height: 70%;
  border: 1px solid #D8D8D8; }

.distributor-container .dropdown-row {
  margin-left: 0px;
  margin-right: 0px; }

.distributor-container .dropdown-body {
  display: flex;
  justify-content: center;
  align-items: center; }

.distributor-container .dropdown-col-1 {
  display: flex;
  flex-direction: row; }

.distributor-container .dropdown-col-2 {
  display: flex;
  flex-direction: row;
  margin-top: 3px; }

.distributor-container .btn-distributor-submit {
  width: 70px;
  height: 32px;
  padding: 7px 10px 9px 10px;
  font-weight: 400;
  color: #ffff;
  font-size: 12px;
  background-color: #1B64F2;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center; }

.distributor-container .btn-distributor-submit .btn-primary:hover {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2; }

.distributor-container .css-1g6gooi {
  padding-bottom: 0px;
  padding-top: 0px; }

.distributor-container .css-19bqh2r {
  color: #050505; }

.distributor-container .css-1okebmr-indicatorSeparator {
  display: block !important;
  margin-bottom: 5px;
  margin-top: 5px; }

.distributor-container .p-dropdown {
  width: 100%; }

.distributor-container .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: unset; }

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: unset; }

/**************Pimerce Blue Theme***************/

.spinnerContainer {
  padding: 24.4vh;
  position: inherit;
  text-align: center;
  color: #637280; }

.cards {
  position: relative;
  bottom: 26px;
  height: 45px;
  border-color: #D8D8D8;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.download-buttons {
  display: flex;
  position: relative;
  justify-content: center;
  gap: 10px;
  padding: 4px;
  bottom: 12px; }

.modal-download {
  display: inline-flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #1B64F2;
  color: #FFF;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  border: none;
  border-radius: 0px; }

.modal-cancel {
  display: flex;
  width: 76px;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #1B64F2;
  color: #FFF;
  font-family: Chivo-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  border: none;
  border-radius: 0px; }

.import-buttons {
  display: flex;
  position: relative;
  justify-content: center;
  gap: 10px;
  padding: 4px;
  bottom: 12px; }

#setup-demo-btn {
  color: #ffffff;
  width: 120px;
  height: 32px;
  background: #1B64F2 !important;
  border-radius: 0px !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-left: -5px;
  margin-top: 18px;
  border: none;
  cursor: pointer; }

.setup-model {
  margin-left: 216px;
  margin-top: -58px; }

.setup-demo-btn-container {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end; }

.image-box {
  display: flex;
  align-items: inherit;
  justify-content: center;
  background: white;
  border: none;
  border-radius: 15px;
  border: none;
  margin-bottom: 40px;
  margin-top: 0px; }

.result-box {
  height: 100%;
  background: #F8FCFF;
  border: 1px solid white;
  align-content: center;
  text-align: center; }

.result-box-inner {
  height: 90%;
  background: #F8FCFF;
  border: none;
  border-radius: 5px;
  padding: 10% 10% 10%; }

.import-final-passed {
  background: #DCF3E5 !important; }

.import-final-Failed {
  background: #FAE6E8 !important; }

.import-final-ignored {
  background: #E6EDF8 !important; }

.import-final-result-icon-style {
  display: grid;
  justify-content: space-around;
  margin: 0px -15%; }

.result-percentage {
  font-size: 54px;
  font-weight: bold;
  color: black !important;
  margin-top: 23%;
  font-style: normal;
  margin-bottom: 5px; }

.importdata-final-result-container > div > .row:last-child {
  margin-top: 3% !important; }

.cardbodycustom {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.cardbodycustom {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 0px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 15px; }

.button-group {
  text-align: right;
  padding: 0; }

.tile-content-img {
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0px !important; }

.button-group .pimbtn {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  background: #E3F3FF;
  border: 0px solid #e2e8f0;
  box-sizing: border-box;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02) !important;
  border-radius: 0px;
  height: 60px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin-right: 0rem !important;
  color: black !important; }

.button-group .pimbtn.system-import-btn {
  border-radius: 0px 10px 16px 0px; }

.button-group .pimbtn.cloud-btn {
  border-left: 1px solid #E3F3FF;
  padding-left: 36px; }

.button-group .pimbtn:hover {
  background-color: #E3F3FF !important; }

.button-group .pimbtn:last-child,
.export-buttons .download-template {
  margin-right: 0px !important; }

.button-group .pimbtn .p-button-label {
  text-align: left; }

.iconimportdata {
  width: 23px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center center;
  margin-right: 0.2rem; }

.fromcloud {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.iconimportdata.local {
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODQ0KSI+CjxwYXRoIGQ9Ik0wIDExLjM2ODRWMC44NDIxMDVDMCAwLjYxODc2NSAwLjA4ODcyMTYgMC40MDQ1NzIgMC4yNDY2NDcgMC4yNDY2NDdDMC40MDQ1NzIgMC4wODg3MjE2IDAuNjE4NzY1IDAgMC44NDIxMDUgMEgxNS4xNTc5QzE1LjM4MTIgMCAxNS41OTU0IDAuMDg4NzIxNiAxNS43NTM0IDAuMjQ2NjQ3QzE1LjkxMTMgMC40MDQ1NzIgMTYgMC42MTg3NjUgMTYgMC44NDIxMDVWMTEuMzY4NEMxNiAxMS41OTE4IDE1LjkxMTMgMTEuODA2IDE1Ljc1MzQgMTEuOTYzOUMxNS41OTU0IDEyLjEyMTggMTUuMzgxMiAxMi4yMTA1IDE1LjE1NzkgMTIuMjEwNUgwLjg0MjEwNUMwLjYxODc2NSAxMi4yMTA1IDAuNDA0NTcyIDEyLjEyMTggMC4yNDY2NDcgMTEuOTYzOUMwLjA4ODcyMTYgMTEuODA2IDAgMTEuNTkxOCAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM4MEQ2RkIiLz4KPHBhdGggZD0iTTAgMTEuMzY4NFYxMC4xODk1SDE2VjExLjM2ODRDMTYgMTEuNTkxNyAxNS45MTEzIDExLjgwNTkgMTUuNzUzNCAxMS45NjM5QzE1LjU5NTQgMTIuMTIxOCAxNS4zODEyIDEyLjIxMDUgMTUuMTU3OSAxMi4yMTA1SDAuODQyMTA1QzAuNjE4NzY1IDEyLjIxMDUgMC40MDQ1NzIgMTIuMTIxOCAwLjI0NjY0NyAxMS45NjM5QzAuMDg4NzIxNiAxMS44MDU5IDAgMTEuNTkxNyAwIDExLjM2ODRWMTEuMzY4NFoiIGZpbGw9IiM2RTgzQjciLz4KPHBhdGggZD0iTTUuODk0NzggMTIuMjEwNUgxMC4xMDUzVjE0LjMxNThINS44OTQ3OFYxMi4yMTA1WiIgZmlsbD0iIzQ2NjA4OSIvPgo8cGF0aCBkPSJNNC4yMTA0NSAxNC4zMTU4SDExLjc4OTRWMTUuNDk0N0g0LjIxMDQ1VjE0LjMxNThaIiBmaWxsPSIjNkU4M0I3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTUyXzQ4NDQiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTUuNDk0NyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); }

.iconimportdata.ftp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80ODUyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC45MjEzMDEgLTAuMDAxMzQyNzdIMTUuMDgwM0MxNS4zMjQzIC0wLjAwMDY1NjI4MiAxNS41NTgxIDAuMDk2NTYwOSAxNS43MzA2IDAuMjY5MDY4QzE1LjkwMzEgMC40NDE1NzUgMTYuMDAwMyAwLjY3NTM0NyAxNi4wMDEgMC45MTkzMDhWMTIuODIxN0MxNi4wMDAyIDEzLjA2NTcgMTUuOTAyOSAxMy4yOTkzIDE1LjczMDUgMTMuNDcxOEMxNS41NTggMTMuNjQ0MiAxNS4zMjQyIDEzLjc0MTQgMTUuMDgwMyAxMy43NDIxSDAuOTIxMzAxQzAuNjc3NDI3IDEzLjc0MTQgMC40NDM3MzggMTMuNjQ0MiAwLjI3MTI5MiAxMy40NzE4QzAuMDk4ODQ2IDEzLjI5OTMgMC4wMDE2NjMwNSAxMy4wNjU2IDAuMDAwOTc2NTYyIDEyLjgyMTdWMC45MTkzMDhDMC4wMDE2NjI2NCAwLjY3NTQwMyAwLjA5ODgzNTMgMC40NDE2OCAwLjI3MTI3MiAwLjI2OTE4MkMwLjQ0MzcwOSAwLjA5NjY4NDMgMC42NzczOTcgLTAuMDAwNTcwNTI3IDAuOTIxMzAxIC0wLjAwMTM0Mjc3Vi0wLjAwMTM0Mjc3WiIgZmlsbD0iIzgwRDZGQiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMi4zODQwMkgxNlYwLjkyMDYwOUMxNS45OTk3IDAuNjc2NDIzIDE1LjkwMjYgMC40NDIzMTcgMTUuNzMgMC4yNjk1MjlDMTUuNTU3NSAwLjA5Njc0MTYgMTUuMzIzNSAtMC4wMDA2NTQ5MjMgMTUuMDc5MyAtMC4wMDEzNDI3N0gwLjkyMTMwMUMwLjY3NzM5NyAtMC4wMDA1NzA1MjcgMC40NDM3MDkgMC4wOTY2ODQzIDAuMjcxMjcyIDAuMjY5MTgyQzAuMDk4ODM1MyAwLjQ0MTY4IDAuMDAxNjYyNjQgMC42NzU0MDMgMC4wMDA5NzY1NjIgMC45MTkzMDhMMCAyLjM4NDAyWiIgZmlsbD0iIzZFODNCNyIvPgo8cGF0aCBkPSJNMy4wNDk4NyAxLjU0NTA0QzMuMjQ1MjggMS41NDUwNCAzLjQwMzY5IDEuMzg2NjMgMy40MDM2OSAxLjE5MTIyQzMuNDAzNjkgMC45OTU4MTMgMy4yNDUyOCAwLjgzNzQwMiAzLjA0OTg3IDAuODM3NDAyQzIuODU0NDYgMC44Mzc0MDIgMi42OTYwNCAwLjk5NTgxMyAyLjY5NjA0IDEuMTkxMjJDMi42OTYwNCAxLjM4NjYzIDIuODU0NDYgMS41NDUwNCAzLjA0OTg3IDEuNTQ1MDRaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGQ9Ik00LjQ1MDE4IDEuNTQ1MzFDNC42NDU0MSAxLjU0NTMxIDQuODAzNjcgMS4zODcwNCA0LjgwMzY3IDEuMTkxODFDNC44MDM2NyAwLjk5NjU4MyA0LjY0NTQxIDAuODM4MzE4IDQuNDUwMTggMC44MzgzMThDNC4yNTQ5NSAwLjgzODMxOCA0LjA5NjY4IDAuOTk2NTgzIDQuMDk2NjggMS4xOTE4MUM0LjA5NjY4IDEuMzg3MDQgNC4yNTQ5NSAxLjU0NTMxIDQuNDUwMTggMS41NDUzMVoiIGZpbGw9IiM4OEJGNTciLz4KPHBhdGggZD0iTTEuNjQ3NTIgMS41NDUzNUMxLjg0Mjk0IDEuNTQ1MzUgMi4wMDEzNSAxLjM4Njk0IDIuMDAxMzUgMS4xOTE1M0MyLjAwMTM1IDAuOTk2MTE4IDEuODQyOTQgMC44Mzc3MDggMS42NDc1MiAwLjgzNzcwOEMxLjQ1MjExIDAuODM3NzA4IDEuMjkzNyAwLjk5NjExOCAxLjI5MzcgMS4xOTE1M0MxLjI5MzcgMS4zODY5NCAxLjQ1MjExIDEuNTQ1MzUgMS42NDc1MiAxLjU0NTM1WiIgZmlsbD0iI0VCNzQ1RSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMzk1MTkgNS4zODU2OEgxMy42MDQzQzEzLjY0NyA1LjM4NTY4IDEzLjY4OTMgNS4zOTQwOSAxMy43Mjg3IDUuNDEwNDRDMTMuNzY4MiA1LjQyNjc4IDEzLjgwNCA1LjQ1MDczIDEzLjgzNDIgNS40ODA5M0MxMy44NjQ0IDUuNTExMTMgMTMuODg4NCA1LjU0Njk4IDEzLjkwNDcgNS41ODY0M0MxMy45MjExIDUuNjI1ODkgMTMuOTI5NSA1LjY2ODE4IDEzLjkyOTUgNS43MTA4OFYxMC40MTY2QzEzLjkyOTUgMTAuNTAyOCAxMy44OTUyIDEwLjU4NTUgMTMuODM0MiAxMC42NDY1QzEzLjc3MzMgMTAuNzA3NSAxMy42OTA1IDEwLjc0MTggMTMuNjA0MyAxMC43NDE4SDIuMzk0NTRDMi4zMDgyOSAxMC43NDE4IDIuMjI1NTcgMTAuNzA3NSAyLjE2NDU5IDEwLjY0NjVDMi4xMDM2IDEwLjU4NTUgMi4wNjkzNCAxMC41MDI4IDIuMDY5MzQgMTAuNDE2NlY1LjcxMDg4QzIuMDY5MzQgNS42NjgxMiAyLjA3Nzc3IDUuNjI1NzggMi4wOTQxNSA1LjU4NjI4QzIuMTEwNTQgNS41NDY3OSAyLjEzNDU1IDUuNTEwOTEgMi4xNjQ4MiA1LjQ4MDdDMi4xOTUwOCA1LjQ1MDUgMi4yMzEwMSA1LjQyNjU1IDIuMjcwNTQgNS40MTAyNUMyLjMxMDA3IDUuMzkzOTQgMi4zNTI0MyA1LjM4NTYgMi4zOTUxOSA1LjM4NTY4VjUuMzg1NjhaIiBmaWxsPSIjRkZENTRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4zNTIwNyA5LjM0MTQ3QzQuMzUyMDcgOS40Mjc3MiA0LjMxNzggOS41MTA0NCA0LjI1NjgyIDkuNTcxNDNDNC4xOTU4MyA5LjYzMjQxIDQuMTEzMTEgOS42NjY2OCA0LjAyNjg2IDkuNjY2NjhDMy45NDA2MSA5LjY2NjY4IDMuODU3OSA5LjYzMjQxIDMuNzk2OTEgOS41NzE0M0MzLjczNTkyIDkuNTEwNDQgMy43MDE2NiA5LjQyNzcyIDMuNzAxNjYgOS4zNDE0N1Y2Ljc4NjAyQzMuNzAxNjYgNi43NDMzMSAzLjcxMDA3IDYuNzAxMDIgMy43MjY0MiA2LjY2MTU3QzMuNzQyNzYgNi42MjIxMSAzLjc2NjcxIDYuNTg2MjYgMy43OTY5MSA2LjU1NjA3QzMuODI3MTEgNi41MjU4NyAzLjg2Mjk2IDYuNTAxOTEgMy45MDI0MSA2LjQ4NTU3QzMuOTQxODcgNi40NjkyMyAzLjk4NDE2IDYuNDYwODIgNC4wMjY4NiA2LjQ2MDgySDUuODQxMTdDNS44ODM4OCA2LjQ2MDgyIDUuOTI2MTcgNi40NjkyMyA1Ljk2NTYyIDYuNDg1NTdDNi4wMDUwOCA2LjUwMTkxIDYuMDQwOTMgNi41MjU4NyA2LjA3MTEzIDYuNTU2MDdDNi4xMDEzMiA2LjU4NjI2IDYuMTI1MjggNi42MjIxMSA2LjE0MTYyIDYuNjYxNTdDNi4xNTc5NiA2LjcwMTAyIDYuMTY2MzggNi43NDMzMSA2LjE2NjM4IDYuNzg2MDJDNi4xNjYzOCA2Ljg3MjI3IDYuMTMyMTEgNi45NTQ5OSA2LjA3MTEzIDcuMDE1OTdDNi4wMTAxNCA3LjA3Njk2IDUuOTI3NDIgNy4xMTEyMiA1Ljg0MTE3IDcuMTExMjJINC4zNTIwN1Y3LjczODU0SDUuMjEzODZDNS4zMDAxIDcuNzM4NTQgNS4zODI4MiA3Ljc3MjggNS40NDM4MSA3LjgzMzc5QzUuNTA0OCA3Ljg5NDc4IDUuNTM5MDYgNy45Nzc1IDUuNTM5MDYgOC4wNjM3NUM1LjUzOTA2IDguMTUgNS41MDQ4IDguMjMyNzEgNS40NDM4MSA4LjI5MzdDNS4zODI4MiA4LjM1NDY5IDUuMzAwMSA4LjM4ODk1IDUuMjEzODYgOC4zODg5NUg0LjM1MjA3VjkuMzQxNDdaTTEwLjQ4MzQgOS4zNDE0N0MxMC40ODM0IDkuNDI3NzIgMTAuNDQ5MiA5LjUxMDQ0IDEwLjM4ODIgOS41NzE0M0MxMC4zMjcyIDkuNjMyNDEgMTAuMjQ0NSA5LjY2NjY4IDEwLjE1ODIgOS42NjY2OEMxMC4wNzIgOS42NjY2OCA5Ljk4OTI4IDkuNjMyNDEgOS45MjgyOSA5LjU3MTQzQzkuODY3MzEgOS41MTA0NCA5LjgzMzA0IDkuNDI3NzIgOS44MzMwNCA5LjM0MTQ3VjYuNzg2MDJDOS44MzMwNCA2Ljc0MzMxIDkuODQxNDUgNi43MDEwMiA5Ljg1NzggNi42NjE1N0M5Ljg3NDE0IDYuNjIyMTEgOS44OTgwOSA2LjU4NjI2IDkuOTI4MjkgNi41NTYwN0M5Ljk1ODQ5IDYuNTI1ODcgOS45OTQzNCA2LjUwMTkxIDEwLjAzMzggNi40ODU1N0MxMC4wNzMzIDYuNDY5MjMgMTAuMTE1NSA2LjQ2MDgyIDEwLjE1ODIgNi40NjA4MkgxMS4zMzM5QzExLjQ2MDQgNi40NjA4MiAxMS41ODU3IDYuNDg1ODEgMTEuNzAyNiA2LjUzNDM2QzExLjgxOTQgNi41ODI5MSAxMS45MjU1IDYuNjU0MDcgMTIuMDE0OCA2Ljc0Mzc0QzEyLjEwNDcgNi44MzMyNiAxMi4xNzYgNi45Mzk3IDEyLjIyNDYgNy4wNTY5MUMxMi4yNzMxIDcuMTc0MTMgMTIuMjk4IDcuMjk5OCAxMi4yOTc4IDcuNDI2NjdDMTIuMjk3OCA3LjU1MzIyIDEyLjI3MjggNy42Nzg1MiAxMi4yMjQyIDcuNzk1MzhDMTIuMTc1NyA3LjkxMjI0IDEyLjEwNDUgOC4wMTgzNiAxMi4wMTQ4IDguMTA3NjVDMTEuOTI1NSA4LjE5NzMyIDExLjgxOTQgOC4yNjg0OCAxMS43MDI2IDguMzE3MDNDMTEuNTg1NyA4LjM2NTU4IDExLjQ2MDQgOC4zOTA1OCAxMS4zMzM5IDguMzkwNThIMTAuNDgyMUwxMC40ODM0IDkuMzQxNDdaTTEwLjQ4MzQgNy4xMTEyMlY3LjczODU0SDExLjMzMzlDMTEuMzc1IDcuNzM4NDUgMTEuNDE1NyA3LjczMDI1IDExLjQ1MzYgNy43MTQ0QzExLjQ5MTYgNy42OTg1NSAxMS41MjYgNy42NzUzNyAxMS41NTUgNy42NDYxOEMxMS41ODQyIDcuNjE3MjEgMTEuNjA3NCA3LjU4Mjc3IDExLjYyMzIgNy41NDQ4MkMxMS42MzkxIDcuNTA2ODcgMTEuNjQ3MyA3LjQ2NjE3IDExLjY0NzQgNy40MjUwNUMxMS42NDczIDcuMzgzODcgMTEuNjM5MSA3LjM0MzEyIDExLjYyMzIgNy4zMDUxMkMxMS42MDc0IDcuMjY3MTIgMTEuNTg0MiA3LjIzMjYxIDExLjU1NSA3LjIwMzU4QzExLjUyNiA3LjE3NDM5IDExLjQ5MTYgNy4xNTEyMSAxMS40NTM2IDcuMTM1MzZDMTEuNDE1NyA3LjExOTUxIDExLjM3NSA3LjExMTMxIDExLjMzMzkgNy4xMTEyMkgxMC40ODM0Wk04LjMyNTA4IDkuMzQxNDdDOC4zMjUwOCA5LjQyNzcyIDguMjkwODEgOS41MTA0NCA4LjIyOTgzIDkuNTcxNDNDOC4xNjg4NCA5LjYzMjQxIDguMDg2MTIgOS42NjY2OCA3Ljk5OTg3IDkuNjY2NjhDNy45MTM2MiA5LjY2NjY4IDcuODMwOTEgOS42MzI0MSA3Ljc2OTkyIDkuNTcxNDNDNy43MDg5MyA5LjUxMDQ0IDcuNjc0NjcgOS40Mjc3MiA3LjY3NDY3IDkuMzQxNDdWNy4xMTEyMkg3LjA5MjU1QzcuMDA2MzEgNy4xMTEyMiA2LjkyMzU5IDcuMDc2OTYgNi44NjI2IDcuMDE1OTdDNi44MDE2MSA2Ljk1NDk5IDYuNzY3MzUgNi44NzIyNyA2Ljc2NzM1IDYuNzg2MDJDNi43NjczNSA2Ljc0MzMxIDYuNzc1NzYgNi43MDEwMiA2Ljc5MjExIDYuNjYxNTdDNi44MDg0NSA2LjYyMjExIDYuODMyNCA2LjU4NjI2IDYuODYyNiA2LjU1NjA3QzYuODkyOCA2LjUyNTg3IDYuOTI4NjUgNi41MDE5MSA2Ljk2ODExIDYuNDg1NTdDNy4wMDc1NiA2LjQ2OTIzIDcuMDQ5ODUgNi40NjA4MiA3LjA5MjU1IDYuNDYwODJIOC45MDY4NkM4Ljk0OTU3IDYuNDYwODIgOC45OTE4NiA2LjQ2OTIzIDkuMDMxMzEgNi40ODU1N0M5LjA3MDc3IDYuNTAxOTEgOS4xMDY2MiA2LjUyNTg3IDkuMTM2ODIgNi41NTYwN0M5LjE2NzAyIDYuNTg2MjYgOS4xOTA5NyA2LjYyMjExIDkuMjA3MzEgNi42NjE1N0M5LjIyMzY2IDYuNzAxMDIgOS4yMzIwNyA2Ljc0MzMxIDkuMjMyMDcgNi43ODYwMkM5LjIzMjA3IDYuODcyMjcgOS4xOTc4IDYuOTU0OTkgOS4xMzY4MiA3LjAxNTk3QzkuMDc1ODMgNy4wNzY5NiA4Ljk5MzExIDcuMTExMjIgOC45MDY4NiA3LjExMTIySDguMzI1MDhWOS4zNDE0N1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTJfNDg1MiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy43NDM3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right;
  margin-left: 0.5rem; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzkuNzY2NjcgMjAgNy44NzUgMTkuMjI1IDYuMzI1IDE3LjY3NUM0Ljc3NSAxNi4xMjUgNCAxNC4yMzMzIDQgMTJDNCA5Ljc2NjY3IDQuNzc1IDcuODc1IDYuMzI1IDYuMzI1QzcuODc1IDQuNzc1IDkuNzY2NjcgNCAxMiA0QzEzLjE1IDQgMTQuMjUgNC4yMzczMyAxNS4zIDQuNzEyQzE2LjM1IDUuMTg2NjcgMTcuMjUgNS44NjYgMTggNi43NVY0SDIwVjExSDEzVjlIMTcuMkMxNi42NjY3IDguMDY2NjcgMTUuOTM3MyA3LjMzMzMzIDE1LjAxMiA2LjhDMTQuMDg2NyA2LjI2NjY3IDEzLjA4MjcgNiAxMiA2QzEwLjMzMzMgNiA4LjkxNjY3IDYuNTgzMzMgNy43NSA3Ljc1QzYuNTgzMzMgOC45MTY2NyA2IDEwLjMzMzMgNiAxMkM2IDEzLjY2NjcgNi41ODMzMyAxNS4wODMzIDcuNzUgMTYuMjVDOC45MTY2NyAxNy40MTY3IDEwLjMzMzMgMTggMTIgMThDMTMuMjgzMyAxOCAxNC40NDE3IDE3LjYzMzMgMTUuNDc1IDE2LjlDMTYuNTA4MyAxNi4xNjY3IDE3LjIzMzMgMTUuMiAxNy42NSAxNEgxOS43NUMxOS4yODMzIDE1Ljc2NjcgMTguMzMzMyAxNy4yMDgzIDE2LjkgMTguMzI1QzE1LjQ2NjcgMTkuNDQxNyAxMy44MzMzIDIwIDEyIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat; }

.exportdata .gridcontainer .exportbtn .pimbtn.importCatalog .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOUwzIDVDMyA0LjQ2OTU3IDMuMjEwNzEgMy45NjA4NiAzLjU4NTc5IDMuNTg1NzlDMy45NjA4NiAzLjIxMDcxIDQuNDY5NTcgMyA1IDNMMTkgM0MxOS41MzA0IDMgMjAuMDM5MSAzLjIxMDcxIDIwLjQxNDIgMy41ODU3OUMyMC43ODkzIDMuOTYwODYgMjEgNC40Njk1NyAyMSA1TDIxIDlNMTcgMTRMMTIgOU0xMiA5TDcgMTRNMTIgOUwxMiAyMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  width: 25px;
  height: 25px; }

.exportdata .gridcontainer .exportbtn .pimbtn.export .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDE1VjE5QzIxIDE5LjUzMDQgMjAuNzg5MyAyMC4wMzkxIDIwLjQxNDIgMjAuNDE0MkMyMC4wMzkxIDIwLjc4OTMgMTkuNTMwNCAyMSAxOSAyMUg1QzQuNDY5NTcgMjEgMy45NjA4NiAyMC43ODkzIDMuNTg1NzkgMjAuNDE0MkMzLjIxMDcxIDIwLjAzOTEgMyAxOS41MzA0IDMgMTlWMTVNNyAxMEwxMiAxNU0xMiAxNUwxNyAxME0xMiAxNVYzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 25px;
  height: 25px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.import-popup {
  width: 66vw;
  height: 500px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px; }

.import-summary-popup {
  min-width: 61vw;
  width: 50vw;
  height: 470px;
  background: white;
  border: 1px solid #E2E8F0;
  box-sizing: border-box;
  box-shadow: 0px 5.5px 5.5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 15px 0px;
  padding-bottom: 35px; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 65vw; }

.file-progress-container {
  height: 250px;
  padding: 0 auto;
  text-align: center; }

.import-data-message {
  margin-top: 1rem !important;
  margin-left: 0.7rem !important; }

.import-info-content {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  width: 371px;
  height: 10px; }

.import-progress-bar-Container progress {
  height: 29px;
  width: 540px;
  color: #000000;
  text-align: center;
  margin-left: 24px; }

.bg-info {
  background-color: #e3f3ff !important;
  text-align: end; }

.progress-bar {
  color: #1B64F2 !important;
  text-align: center; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-close-button {
  font-size: 14px;
  width: 120px;
  color: #FFFFFF;
  border-radius: 8px;
  display: inline !important;
  border: none;
  font-weight: 600;
  background-color: #1B64F2;
  box-shadow: none !important;
  text-align: center;
  height: 34px;
  width: 82px;
  padding: 0px; }

.import-progress-indicator-width {
  width: 100%; }

.progress-bar-spacing {
  margin: 0px 481px 0px 25px; }

.importdata-customize-size {
  margin-left: 235px !important; }

.importdata-close-button:enabled:hover,
.importdata-close-button:not(button):not(a):not(.p-disabled):hover {
  background-color: #f8f8f8;
  color: black;
  border: none; }

.importdata-download-button {
  font-size: 14px;
  background-color: #EFEFF1;
  border-radius: 8px;
  display: inline;
  font-weight: 600;
  color: #495057;
  box-shadow: none;
  border: none;
  width: 122px;
  height: 34px;
  padding: 0px;
  margin-left: -20px; }

.import-progress-style {
  margin: 0 40% !important; }

.import-indication {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000; }

.importdata-cancel-button {
  top: 50%;
  font-weight: 600;
  font-size: 12px;
  width: 120px;
  border-radius: 6px;
  display: inline !important;
  opacity: 1 !important;
  background-color: #1B64F2 !important;
  color: white;
  box-shadow: none;
  border: 1px transparent;
  height: 32px;
  padding: 0px; }

.importdata-final-result-container {
  padding: 50px;
  height: auto; }

.importdata-final-result-container.importdock {
  margin: 55px 0px;
  padding: 0px; }

.import-final-result-inner-container {
  background: #F3F3F3;
  margin: 0px 64px;
  border: 1px solid #C3D5E4;
  border-radius: 5px; }

.import-outer-border-head {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-outer-border-body {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.import-final-resultbox-container {
  padding: 20px 15px; }

.import-final-size-padding {
  padding: 0px 23px; }

.import-final-header-width {
  display: flex;
  justify-content: center;
  margin: 15px 0px 10px; }

.import-final-header-title {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 0px; }

.import-final-header-records {
  font-weight: 400;
  font-size: 22px;
  color: #495057; }

.importdata-final-result-img-container {
  margin-top: 1%;
  margin-bottom: 2%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black;
  font-size: 14px;
  margin-bottom: 15px; }

.importdata-final-results-records {
  color: #212529;
  font-size: 14px;
  margin-bottom: 0px; }

.importdata-final-results-percentage {
  font-size: 22px;
  color: #495057; }

.import-data-success {
  height: 24px;
  width: 24px; }

.modal-dailog-content {
  height: 46vw; }

.modal-backdrop {
  z-index: 1110; }

.tablesubheader {
  padding-left: 21px; }

.fromcloud {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODQ3MDQgMTIuMjVDMTAuMjA2MSAxMi4yNSAxMC41NTA1IDEyLjEyMDkgMTAuODA0NCAxMS44OTEyQzExLjA1ODIgMTEuNjYxNSAxMS4yMDA5IDExLjM0OTkgMTEuMjAwOSAxMS4wMjVWNy45NjI1TDcuODE2MjcgMTAuNDEyNVY4LjU3NUgzLjA3NzgxVjcuMzVINy44MTYyN1Y1LjUxMjVMMTEuMjAwOSA3Ljk2MjVWMy42NzVMNy4xMzkzNSAwSDEuNzIzOTZDMS4zNjQ5IDAgMS4wMjA1NCAwLjEyOTA2MiAwLjc2NjY0OSAwLjM1ODc5NEMwLjUxMjc1NCAwLjU4ODUyNiAwLjM3MDExNyAwLjkwMDExIDAuMzcwMTE3IDEuMjI1VjExLjAyNUMwLjM3MDExNyAxMS4zNDk5IDAuNTEyNzU0IDExLjY2MTUgMC43NjY2NDkgMTEuODkxMkMxLjAyMDU0IDEyLjEyMDkgMS4zNjQ5IDEyLjI1IDEuNzIzOTYgMTIuMjVIOS44NDcwNFpNNi40NjI0MiAxLjIyNUw5Ljg0NzA0IDQuMjg3NUg2LjQ2MjQyVjEuMjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 30px;
  height: 30px; }

.iconimportdata.local {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDNINEMyLjg5NTQzIDMgMiAzLjg5NTQzIDIgNVYxNUMyIDE2LjEwNDYgMi44OTU0MyAxNyA0IDE3SDIwQzIxLjEwNDYgMTcgMjIgMTYuMTA0NiAyMiAxNVY1QzIyIDMuODk1NDMgMjEuMTA0NiAzIDIwIDNaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyMUgxNiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE3VjIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 30px;
  height: 30px; }

.modal {
  z-index: 1158 !important; }

.gridcontainer .exportbtn .p-button-icon {
  text-align: right; }

.export-btn-container {
  justify-content: flex-start !important;
  flex-wrap: wrap; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

#asset-upload .uppy-size--md .uppy-Dashboard-Item-previewIcon,
#asset-upload .uppy-Dashboard-Item-previewIcon {
  background-image: none; }

.import-popup .p-dialog-content > div {
  width: 100%; }

.import-summary-popup .p-dialog-content > div {
  width: 100%; }

.clone-btn {
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.clone-btn-disable {
  opacity: .1;
  height: 36px;
  width: 156px;
  margin-right: 8px !important; }

.exportdata .gridcontainer .exportbtn .pimbtn.exportpdf .p-button-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzkuNzY2NjcgMjAgNy44NzUgMTkuMjI1IDYuMzI1IDE3LjY3NUM0Ljc3NSAxNi4xMjUgNCAxNC4yMzMzIDQgMTJDNCA5Ljc2NjY3IDQuNzc1IDcuODc1IDYuMzI1IDYuMzI1QzcuODc1IDQuNzc1IDkuNzY2NjcgNCAxMiA0QzEzLjE1IDQgMTQuMjUgNC4yMzczMyAxNS4zIDQuNzEyQzE2LjM1IDUuMTg2NjcgMTcuMjUgNS44NjYgMTggNi43NVY0SDIwVjExSDEzVjlIMTcuMkMxNi42NjY3IDguMDY2NjcgMTUuOTM3MyA3LjMzMzMzIDE1LjAxMiA2LjhDMTQuMDg2NyA2LjI2NjY3IDEzLjA4MjcgNiAxMiA2QzEwLjMzMzMgNiA4LjkxNjY3IDYuNTgzMzMgNy43NSA3Ljc1QzYuNTgzMzMgOC45MTY2NyA2IDEwLjMzMzMgNiAxMkM2IDEzLjY2NjcgNi41ODMzMyAxNS4wODMzIDcuNzUgMTYuMjVDOC45MTY2NyAxNy40MTY3IDEwLjMzMzMgMTggMTIgMThDMTMuMjgzMyAxOCAxNC40NDE3IDE3LjYzMzMgMTUuNDc1IDE2LjlDMTYuNTA4MyAxNi4xNjY3IDE3LjIzMzMgMTUuMiAxNy42NSAxNEgxOS43NUMxOS4yODMzIDE1Ljc2NjcgMTguMzMzMyAxNy4yMDgzIDE2LjkgMTguMzI1QzE1LjQ2NjcgMTkuNDQxNyAxMy44MzMzIDIwIDEyIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px; }

.Cloudstorage {
  flex-direction: row;
  margin-right: 0.5rem;
  width: 140px;
  height: 140px; }

.Cloudstorage .tile-content-img > div {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  min-height: 100px; }

.tile-content-img .Drive {
  background-image: url(ce8842fb863ad152363fd2a32ca764bb.svg); }

.tile-content-img .dropbox {
  background-image: url(3614a38c28fbe53cbd649f1e0bd51855.svg); }

.tile-content-img .cloud {
  background-image: url(d067d6900d902c73e169e310d1c72566.svg); }

.tile-content-img .we {
  background-image: url(3e7cfb8629eab1a0c3cb3d93e78c2832.svg); }

.exportdata .gridcontainer .p-datatable {
  margin-bottom: 1rem; }

.cloudtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #585B5F;
  margin-bottom: 0px; }

.import-popup .p-dialog-header {
  padding: 10px; }

.import-summary-popup .p-dialog-header {
  padding: 10px; }

.import-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px;
  font-size: 14px;
  font-weight: bold;
  font-family: Chivo-Bold; }

.import-summary-popup .p-dialog-header .p-dialog-title {
  padding-left: 21px; }

.customupload .p-button {
  color: #ffffff !important;
  background: #e5712a !important;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: transparent; }

.customupload .p-button:hover,
.customupload .p-button:not(button):not(a):not(.p-disabled) {
  border-color: transparent; }

.uploadgroup {
  height: 40px; }

.p-fileupload-buttonbar {
  display: none; }

.file-uploader-container {
  width: 100%; }

.estimated-time-text {
  opacity: 0.5; }

.importdata-final-result-img-container {
  margin-top: 5%;
  margin-bottom: 3%;
  text-align: center; }

.importdata-final-result-img {
  height: 67px; }

.importdata-final-results {
  color: black !important;
  font-size: 18px; }

.modal-dailog-content {
  height: 46vw; }

.modal {
  z-index: 1158 !important; }

.modal-backdrop {
  z-index: 1110; }

.modal-backdrop {
  background-color: rgba(0, 51, 83, 0.2) !important;
  opacity: 1; }

.fileNameStyle .errorMsg {
  bottom: 40px; }

.fileNameStyle .p-inputtext {
  margin: 0px 10px;
  width: 97%; }

.fileNameStyle .file-name-submit {
  margin-top: 20px; }

.uppy-DashboardTab {
  width: 120px !important;
  height: 120px;
  background: white;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px;
  margin: 10px; }

.uppy-DashboardTab:hover {
  box-shadow: 0px 23.5px 18px rgba(0, 0, 0, 0.1); }

.uppy-DashboardTab > button {
  width: 100% !important;
  height: 100%; }

.uppy-DashboardTab[data-uppy-acquirer-id] {
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center; }

.uppy-DashboardTab[data-uppy-acquirer-id="GoogleDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODcuMyA3OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im02LjYgNjYuODUgMy44NSA2LjY1Yy44IDEuNCAxLjk1IDIuNSAzLjMgMy4zbDEzLjc1LTIzLjhoLTI3LjVjMCAxLjU1LjQgMy4xIDEuMiA0LjV6IiBmaWxsPSIjMDA2NmRhIi8+Cgk8cGF0aCBkPSJtNDMuNjUgMjUtMTMuNzUtMjMuOGMtMS4zNS44LTIuNSAxLjktMy4zIDMuM2wtMjUuNCA0NGE5LjA2IDkuMDYgMCAwIDAgLTEuMiA0LjVoMjcuNXoiIGZpbGw9IiMwMGFjNDciLz4KCTxwYXRoIGQ9Im03My41NSA3Ni44YzEuMzUtLjggMi41LTEuOSAzLjMtMy4zbDEuNi0yLjc1IDcuNjUtMTMuMjVjLjgtMS40IDEuMi0yLjk1IDEuMi00LjVoLTI3LjUwMmw1Ljg1MiAxMS41eiIgZmlsbD0iI2VhNDMzNSIvPgoJPHBhdGggZD0ibTQzLjY1IDI1IDEzLjc1LTIzLjhjLTEuMzUtLjgtMi45LTEuMi00LjUtMS4yaC0xOC41Yy0xLjYgMC0zLjE1LjQ1LTQuNSAxLjJ6IiBmaWxsPSIjMDA4MzJkIi8+Cgk8cGF0aCBkPSJtNTkuOCA1M2gtMzIuM2wtMTMuNzUgMjMuOGMxLjM1LjggMi45IDEuMiA0LjUgMS4yaDUwLjhjMS42IDAgMy4xNS0uNDUgNC41LTEuMnoiIGZpbGw9IiMyNjg0ZmMiLz4KCTxwYXRoIGQ9Im03My40IDI2LjUtMTIuNy0yMmMtLjgtMS40LTEuOTUtMi41LTMuMy0zLjNsLTEzLjc1IDIzLjggMTYuMTUgMjhoMjcuNDVjMC0xLjU1LS40LTMuMS0xLjItNC41eiIgZmlsbD0iI2ZmYmEwMCIvPgo8L3N2Zz4=); }

.uppy-DashboardTab[data-uppy-acquirer-id="MyDevice"] {
  background-image: url(cd2763b641892d1ec541632f7482a166.png); }

.uppy-DashboardTab[data-uppy-acquirer-id="OneDrive"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgNS41IDMyIDIwLjUiPjx0aXRsZT5PZmZpY2VDb3JlMTBfMzJ4XzI0eF8yMHhfMTZ4XzAxLTIyLTIwMTk8L3RpdGxlPjxnIGlkPSJTVFlMRV9DT0xPUiI+PHBhdGggZD0iTTEyLjIwMjQ1LDExLjE5MjkybC4wMDAzMS0uMDAxMSw2LjcxNzY1LDQuMDIzNzksNC4wMDI5My0xLjY4NDUxLjAwMDE4LjAwMDY4QTYuNDc2OCw2LjQ3NjgsMCwwLDEsMjUuNSwxM2MuMTQ3NjQsMCwuMjkzNTguMDA2Ny40Mzg3OC4wMTYzOWExMC4wMDA3NSwxMC4wMDA3NSwwLDAsMC0xOC4wNDEtMy4wMTM4MUM3LjkzMiwxMC4wMDIxNSw3Ljk2NTcsMTAsOCwxMEE3Ljk2MDczLDcuOTYwNzMsMCwwLDEsMTIuMjAyNDUsMTEuMTkyOTJaIiBmaWxsPSIjMDM2NGI4Ii8+PHBhdGggZD0iTTEyLjIwMjc2LDExLjE5MTgybC0uMDAwMzEuMDAxMUE3Ljk2MDczLDcuOTYwNzMsMCwwLDAsOCwxMGMtLjAzNDMsMC0uMDY4MDUuMDAyMTUtLjEwMjIzLjAwMjU4QTcuOTk2NzYsNy45OTY3NiwwLDAsMCwxLjQzNzMyLDIyLjU3Mjc3bDUuOTI0LTIuNDkyOTIsMi42MzM0Mi0xLjEwODE5LDUuODYzNTMtMi40Njc0NiwzLjA2MjEzLTEuMjg4NTlaIiBmaWxsPSIjMDA3OGQ0Ii8+PHBhdGggZD0iTTI1LjkzODc4LDEzLjAxNjM5QzI1Ljc5MzU4LDEzLjAwNjcsMjUuNjQ3NjQsMTMsMjUuNSwxM2E2LjQ3NjgsNi40NzY4LDAsMCwwLTIuNTc2NDguNTMxNzhsLS4wMDAxOC0uMDAwNjgtNC4wMDI5MywxLjY4NDUxLDEuMTYwNzcuNjk1MjhMMjMuODg2MTEsMTguMTlsMS42NjAwOS45OTQzOCw1LjY3NjMzLDMuNDAwMDdhNi41MDAyLDYuNTAwMiwwLDAsMC01LjI4Mzc1LTkuNTY4MDVaIiBmaWxsPSIjMTQ5MGRmIi8+PHBhdGggZD0iTTI1LjU0NjIsMTkuMTg0MzcsMjMuODg2MTEsMTguMTlsLTMuODA0OTMtMi4yNzkxLTEuMTYwNzctLjY5NTI4TDE1Ljg1ODI4LDE2LjUwNDIsOS45OTQ3NSwxOC45NzE2Niw3LjM2MTMzLDIwLjA3OTg1bC01LjkyNCwyLjQ5MjkyQTcuOTg4ODksNy45ODg4OSwwLDAsMCw4LDI2SDI1LjVhNi40OTgzNyw2LjQ5ODM3LDAsMCwwLDUuNzIyNTMtMy40MTU1NloiIGZpbGw9IiMyOGE4ZWEiLz48L2c+PC9zdmc+); }

.uppy-DashboardTab[data-uppy-acquirer-id="Box"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjEzNzkiIHZpZXdCb3g9IjAgMCA0NDQuODkzIDI0NS40MTQiPjxnIGZpbGw9IiMwMDc1QzkiPjxwYXRoIGQ9Ik0yMzkuMDM4IDcyLjQzYy0zMy4wODEgMC02MS44MDYgMTguNi03Ni4zMjIgNDUuOTA0LTE0LjUxNi0yNy4zMDUtNDMuMjQtNDUuOTAyLTc2LjMyLTQ1LjkwMi0xOS40NDMgMC0zNy4zODUgNi40MjQtNTEuODIxIDE3LjI2NlYxNi45MjVoLS4wMDhDMzQuMzY1IDcuNTQ3IDI2LjcxMyAwIDE3LjI4NiAwIDcuODU4IDAgLjIwOCA3LjU0Ny4wMDggMTYuOTI1SDB2MTQzLjMzM2guMDM2Yy43NjggNDcuMDUxIDM5LjEyNSA4NC45NjcgODYuMzU5IDg0Ljk2NyAzMy4wOCAwIDYxLjgwNS0xOC42MDMgNzYuMzItNDUuOTA4IDE0LjUxNyAyNy4zMDcgNDMuMjQxIDQ1LjkwNiA3Ni4zMjEgNDUuOTA2IDQ3LjcxNSAwIDg2LjM5Ni0zOC42ODQgODYuMzk2LTg2LjM5Ni4wMDEtNDcuNzE4LTM4LjY4Mi04Ni4zOTctODYuMzk0LTg2LjM5N3pNODYuMzk1IDIxMC42NDhjLTI4LjYyMSAwLTUxLjgyMS0yMy4yMDEtNTEuODIxLTUxLjgyIDAtMjguNjIzIDIzLjIwMS01MS44MjMgNTEuODIxLTUxLjgyMyAyOC42MjEgMCA1MS44MjIgMjMuMiA1MS44MjIgNTEuODIzIDAgMjguNjE5LTIzLjIwMSA1MS44Mi01MS44MjIgNTEuODJ6bTE1Mi42NDMgMGMtMjguNjIyIDAtNTEuODIxLTIzLjIwMS01MS44MjEtNTEuODIyIDAtMjguNjIzIDIzLjItNTEuODIxIDUxLjgyMS01MS44MjEgMjguNjE5IDAgNTEuODIyIDIzLjE5OCA1MS44MjIgNTEuODIxLS4wMDEgMjguNjIxLTIzLjIwMyA1MS44MjItNTEuODIyIDUxLjgyMnoiLz48cGF0aCBkPSJNNDQxLjY1MSAyMTguMDMzbC00NC4yNDYtNTkuMTQzIDQ0LjI0Ni01OS4xNDQtLjAwOC0uMDA3YzUuNDczLTcuNjIgMy44ODctMTguMjQ5LTMuNjUyLTIzLjkxMy03LjUzNy01LjY1OC0xOC4xODctNC4yMjEtMjMuOTggMy4xNTdsLS4wMDQtLjAwMi0zOC4xODggNTEuMDQ3LTM4LjE4OC01MS4wNDctLjAwNi4wMDljLTUuNzkzLTcuMzg1LTE2LjQ0MS04LjgyMi0yMy45ODEtMy4xNi03LjUzOSA1LjY2NC05LjEyNSAxNi4yOTMtMy42NDkgMjMuOTExbC0uMDA4LjAwNSA0NC4yNDUgNTkuMTQ0LTQ0LjI0NSA1OS4xNDMuMDA4LjAwNWMtNS40NzcgNy42Mi0zLjg5IDE4LjI0NyAzLjY0OSAyMy45MDkgNy41NCA1LjY2NCAxOC4xODggNC4yMjUgMjMuOTgxLTMuMTU1bC4wMDYuMDA3IDM4LjE4OC01MS4wNDkgMzguMTg4IDUxLjA0OS4wMDQtLjAwMmM1Ljc5NCA3LjM3NyAxNi40NDMgOC44MTQgMjMuOTggMy4xNTQgNy41MzktNS42NjIgOS4xMjUtMTYuMjkxIDMuNjUyLTIzLjkxbC4wMDgtLjAwOHoiLz48L2c+PC9zdmc+); }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: 'Helvetica';
  color: #000 !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 3px;
  position: relative; }

.import-data .uppy-customization .uppy-Dashboard-Item-preview {
  width: 50px;
  margin-right: 5px;
  height: 100%; }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  height: 100%;
  overflow: hidden; }

.import-data .uppy-Dashboard-Item-previewInnerWrap {
  align-items: center;
  height: 100%; }

.import-data .uppy-Dashboard-Item-previewIconBg {
  filter: none; }

.p-dialog-mask.p-component-overlay {
  background: rgba(0, 51, 83, 0.2);
  animation: none; }

.uppy-Dashboard-AddFiles-title {
  background: #ffffff;
  min-height: 40px;
  padding-top: 10px !important;
  font-family: "Helvetica";
  color: #000 !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  max-height: 40px; }

.uppy-customization .uppy-Dashboard-AddFiles-title .uppy-Dashboard-browse {
  font-family: Chivo-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize; }

.import-data .uppy-customization .uppy-Dashboard-Item {
  width: 210px;
  height: 69px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 3px;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05)); }

.import-data .uppy-customization .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 150px !important;
  overflow: hidden;
  align-items: center; }

.import-data .uppy-customization [dir="ltr"] .uppy-Dashboard-Item-action--remove {
  left: auto; }

.import-data .uppy-customization .uppy-Dashboard-Item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 130px; }

.cloudisopen .uppy-Dashboard-AddFiles-title {
  display: none; }

.localisopen .uppy-Dashboard-AddFiles-title {
  display: block; }

.margin-assign {
  margin-right: -30px; }

.container-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 125px;
  top: 7px; }

.loader-parent {
  position: relative; }

.circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .circle:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); }

.circle-1 {
  background-color: #49b8e5; }
  .circle-1:before {
    background-color: #49b8e5;
    animation-delay: 200ms; }

.circle-2 {
  background-color: #1e98d4; }
  .circle-2:before {
    background-color: #1e98d4;
    animation-delay: 400ms; }

.circle-3 {
  background-color: #2a92d0; }
  .circle-3:before {
    background-color: #2a92d0;
    animation-delay: 600ms; }

.circle-4 {
  background-color: #3a88c8; }
  .circle-4:before {
    background-color: #3a88c8;
    animation-delay: 800ms; }

.circle-5 {
  background-color: #507cbe; }
  .circle-5:before {
    background-color: #507cbe;
    animation-delay: 1000ms; }

@keyframes scale {
  0% {
    transform: scale(1); }
  50%,
  75% {
    transform: scale(2.5); }
  78%,
  100% {
    opacity: 0; } }

.export-buttons .pimbtn,
.custom-button {
  background: #1B64F2 !important;
  font-family: 'Chivo-Regular' !important;
  border: none; }

.p-button-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: Chivo-Bold !important; }

.importhistory-datatable {
  margin-top: 4px; }

.uppy-u-reset {
  top: auto;
  left: auto;
  z-index: auto;
  display: inline;
  float: none;
  clear: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  white-space: normal;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  vertical-align: baseline;
  -webkit-hyphens: none;
  hyphens: none;
  unicode-bidi: normal;
  list-style: none;
  empty-cells: show;
  background: none;
  border: 0;
  border: medium none currentColor;
  border-radius: 0;
  border-image: none;
  border-collapse: separate;
  border-spacing: 0;
  outline: medium none invert;
  box-shadow: none;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  visibility: visible;
  cursor: auto;
  opacity: 1;
  transition: none 0s ease 0s;
  -webkit-appearance: none; }

.uppy-size--md .uppy-Dashboard-Item-previewIcon,
.uppy-Dashboard-Item-previewIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1Ml80MzM5KSI+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVWMTQuOTY5NUMxMS41ODk5IDE1LjEwNDggMTEuNTYzMyAxNS4yMzg5IDExLjUxMTYgMTUuMzY0QzExLjQ1OTggMTUuNDg5MSAxMS4zODM5IDE1LjYwMjggMTEuMjg4MiAxNS42OTg1QzExLjE5MjUgMTUuNzk0MyAxMS4wNzg4IDE1Ljg3MDIgMTAuOTUzNyAxNS45MjE5QzEwLjgyODYgMTUuOTczNiAxMC42OTQ1IDE2LjAwMDIgMTAuNTU5MSAxNkgxLjAzMDU0QzAuODk1MTY0IDE2LjAwMDIgMC43NjEwODIgMTUuOTczNiAwLjYzNTk3NyAxNS45MjE5QzAuNTEwODcxIDE1Ljg3MDIgMC4zOTcxOTkgMTUuNzk0MyAwLjMwMTQ3MiAxNS42OTg1QzAuMjA1NzQ0IDE1LjYwMjggMC4xMjk4NDIgMTUuNDg5MSAwLjA3ODExMDQgMTUuMzY0QzAuMDI2Mzc5MiAxNS4yMzg5IC0wLjAwMDE2NDEzMiAxNS4xMDQ4IDcuNjM1ODllLTA3IDE0Ljk2OTVWMS4wMzA1NEMtMC4wMDAxNjQxMzIgMC44OTUxNjIgMC4wMjYzNzkyIDAuNzYxMDgxIDAuMDc4MTEwNCAwLjYzNTk3NUMwLjEyOTg0MiAwLjUxMDg3IDAuMjA1NzQ0IDAuMzk3MTk5IDAuMzAxNDcyIDAuMzAxNDcxQzAuMzk3MTk5IDAuMjA1NzQ0IDAuNTEwODcxIDAuMTI5ODQxIDAuNjM1OTc3IDAuMDc4MTEwMUMwLjc2MTA4MiAwLjAyNjM3OSAwLjg5NTE2NCAtMC4wMDAxNjQxMzIgMS4wMzA1NCA3LjYzNTllLTA3SDcuMjA3NTNMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzIzQTU2NiIvPgo8cGF0aCBkPSJNOC4zMjg2NiA3Ljk2NTUySDMuMjYwNTRDMy4xNzMzMSA3Ljk2NTUyIDMuMDg5NjUgOC4wMDAxNyAzLjAyNzk3IDguMDYxODVDMi45NjYyOSA4LjEyMzUzIDIuOTMxNjQgOC4yMDcxOCAyLjkzMTY0IDguMjk0NDFWMTIuNzA3OUMyLjkzMTY0IDEyLjc5NTEgMi45NjYyOSAxMi44Nzg4IDMuMDI3OTcgMTIuOTQwNEMzLjA4OTY1IDEzLjAwMjEgMy4xNzMzMSAxMy4wMzY4IDMuMjYwNTQgMTMuMDM2OEg4LjMzMThDOC40MTkwMyAxMy4wMzY4IDguNTAyNjggMTMuMDAyMSA4LjU2NDM2IDEyLjk0MDRDOC42MjYwNCAxMi44Nzg4IDguNjYwNjkgMTIuNzk1MSA4LjY2MDY5IDEyLjcwNzlWOC4yOTc1NEM4LjY1OTU2IDguMjA5ODQgOC42MjQyMSA4LjEyNjA0IDguNTYyMTkgOC4wNjQwMkM4LjUwMDE2IDguMDAyIDguNDE2MzcgNy45NjY2NSA4LjMyODY2IDcuOTY1NTJaTTMuNTg5NDMgMTAuMDgzSDUuNDY1N1YxMC45MTkzSDMuNTg5NDNWMTAuMDgzWk02LjEyMzUgMTAuMDgzSDcuOTk5NzdWMTAuOTE5M0g2LjEyMzVWMTAuMDgzWk03Ljk5OTc3IDkuNDI1MTlINi4xMjM1VjguNjI2NDRINy45OTk3N1Y5LjQyNTE5Wk01LjQ2NTcgOC42MjY0NFY5LjQyNTE5SDMuNTg5NDNWOC42MjY0NEg1LjQ2NTdaTTMuNTg5NDMgMTEuNTgwMkg1LjQ2NTdWMTIuMzc5SDMuNTg5NDNWMTEuNTgwMlpNNi4xMjM1IDEyLjM3OVYxMS41ODAySDcuOTk5NzdWMTIuMzc5SDYuMTIzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuMTkiIGQ9Ik03Ljc5NjM5IDQuMjIyMzlMMTEuNTg5NyA3LjI5NTIxVjQuNDEwMzNMOS40Mzc3MyAzLjE2MDUyTDcuNzk2MzkgNC4yMjIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS41ODk3IDQuMzgyMTVIOC4yMzgwNkM4LjEwMjY4IDQuMzgyMzEgNy45Njg2IDQuMzU1NzcgNy44NDM1IDQuMzA0MDRDNy43MTgzOSA0LjI1MjMxIDcuNjA0NzIgNC4xNzY0IDcuNTA4OTkgNC4wODA2N0M3LjQxMzI2IDMuOTg0OTUgNy4zMzczNiAzLjg3MTI4IDcuMjg1NjMgMy43NDYxN0M3LjIzMzkgMy42MjEwNyA3LjIwNzM2IDMuNDg2OTggNy4yMDc1MiAzLjM1MTYxVjBMMTEuNTg5NyA0LjM4MjE1WiIgZmlsbD0iIzhFRDFCMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1Ml80MzM5Ij4KPHJlY3Qgd2lkdGg9IjExLjU4OTciIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.uppy-StatusBar-actions {
  justify-content: flex-end; }

.setup-demo-uppy .uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 0px 22px 38px !important;
  font-family: 'Chivo-Bold';
  font-size: 12px; }

.setup-toast-model .modal-header {
  background-color: #E7F6FF;
  border-radius: 0px;
  height: 50px; }

.setup-toast-model .modal-title {
  font-family: 'Chivo-Regular'; }

.setup-toast-model .modal-body {
  padding: 20px; }

.setup-demo-grid .card-footer {
  background-color: #fff; }

.setup-demo-page-header {
  font-size: 24px;
  font-weight: 700;
  color: #212427;
  margin-left: -2px; }

.modalDailog-setup-demo .modal-title {
  font-family: 'Chivo-Regular'; }

@charset "UTF-8";
.uppy-Informer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  z-index: 1005;
  text-align: center; }

.uppy-Informer span > div {
  margin-bottom: 6px; }

.uppy-Informer-animated {
  z-index: -1000;
  transform: translateY(350%);
  opacity: 0;
  transition: all 300ms ease-in; }

.uppy-Informer p {
  display: inline-block;
  max-width: 90%;
  margin: 0;
  padding: 0;
  padding: 6px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  background-color: #757575;
  border-radius: 18px; }

.uppy-size--md .uppy-Informer p {
  max-width: 500px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3; }

[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333; }

[dir="ltr"] .uppy-Informer p span {
  left: 3px; }

[dir="rtl"] .uppy-Informer p span {
  right: 3px; }

[dir="ltr"] .uppy-Informer p span {
  margin-left: -1px; }

[dir="rtl"] .uppy-Informer p span {
  margin-right: -1px; }

.uppy-Informer p span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #525252;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%; }

.uppy-Informer p span:hover {
  cursor: help; }

.uppy-Informer p span::after {
  line-height: 1.3;
  word-wrap: break-word; }

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
-------------------------------------------------------------------- */
/* ------------------------------------------------
  [1] Base Styles
------------------------------------------------- */
.uppy-Root [aria-label][role~=tooltip] {
  position: relative; }

.uppy-Root [aria-label][role~=tooltip]::before,
.uppy-Root [aria-label][role~=tooltip]::after {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transform-origin: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  pointer-events: none;
  will-change: transform; }

.uppy-Root [aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: ""; }

.uppy-Root [aria-label][role~=tooltip]::after {
  box-sizing: content-box;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: var(--microtip-font-weight, normal);
  font-size: var(--microtip-font-size, 13px);
  white-space: nowrap;
  text-transform: var(--microtip-text-transform, none);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(aria-label); }

.uppy-Root [aria-label][role~=tooltip]:hover::before,
.uppy-Root [aria-label][role~=tooltip]:hover::after,
.uppy-Root [aria-label][role~=tooltip]:focus::before,
.uppy-Root [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto; }

/* ------------------------------------------------
  [2] Position Modifiers
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
  bottom: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-bottom: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0); }

/* ------------------------------------------------
  [2.1] Top Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0); }

/* ------------------------------------------------
  [2.2] Top Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
  bottom: 100%;
  transform: translate3d(calc(0% - 16px), 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0); }

/* ------------------------------------------------
  [2.3] Bottom
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate3d(-50%, -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0); }

/* ------------------------------------------------
  [2.4] Bottom Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0); }

/* ------------------------------------------------
  [2.5] Bottom Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
  top: 100%;
  transform: translate3d(calc(0% - 16px), -10px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0); }

/* ------------------------------------------------
  [2.6] Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate3d(10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
  width: 6px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; }

.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [2.7] Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate3d(-10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
  width: 6px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; }

.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [3] Size
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
  width: 80px;
  white-space: initial; }

.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
  width: 150px;
  white-space: initial; }

.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
  width: 260px;
  white-space: initial; }

.uppy-StatusBar {
  position: relative;
  z-index: 1001;
  display: flex;
  height: 46px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  background-color: #fff;
  transition: height 0.2s; }

[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f; }

.uppy-StatusBar::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea;
  content: ""; }

[data-uppy-theme=dark] .uppy-StatusBar::before {
  background-color: #757575; }

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden; }

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437; }

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px;
  background-color: #fff;
  border-top: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-StatusBar-progress {
  position: absolute;
  z-index: 1001;
  height: 2px;
  background-color: #2275d7;
  transition: background-color, width 0.3s ease-out; }

.uppy-StatusBar-progress.is-indeterminate {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite; }

@keyframes uppy-StatusBar-ProgressStripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 64px 0; } }

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background-color: #f6a623; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none; }

[dir="ltr"] .uppy-StatusBar-content {
  padding-left: 10px; }

[dir="rtl"] .uppy-StatusBar-content {
  padding-right: 10px; }

.uppy-StatusBar-content {
  position: relative;
  z-index: 1002;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis; }

[dir="ltr"] .uppy-size--md .uppy-StatusBar-content {
  padding-left: 15px; }

[dir="rtl"] .uppy-size--md .uppy-StatusBar-content {
  padding-right: 15px; }

[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea; }

[dir="ltr"] .uppy-StatusBar-status {
  padding-right: 0.3em; }

[dir="rtl"] .uppy-StatusBar-status {
  padding-left: 0.3em; }

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  line-height: 1.4; }

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1;
  display: flex; }

.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px; }

[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea; }

.uppy-StatusBar-statusSecondary {
  display: inline-block;
  margin-top: 1px;
  color: #757575;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap; }

[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb; }

[dir="ltr"] .uppy-StatusBar-statusSecondaryHint {
  margin-right: 5px; }

[dir="rtl"] .uppy-StatusBar-statusSecondaryHint {
  margin-left: 5px; }

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

[dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-right: 8px; }

[dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-left: 8px; }

[dir="ltr"] .uppy-StatusBar-statusIndicator {
  margin-right: 7px; }

[dir="rtl"] .uppy-StatusBar-statusIndicator {
  margin-left: 7px; }

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252; }

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom; }

[dir="ltr"] .uppy-StatusBar-actions {
  right: 10px; }

[dir="rtl"] .uppy-StatusBar-actions {
  left: 10px; }

.uppy-StatusBar-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1004;
  display: flex;
  align-items: center; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: #fafafa; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px; }

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center; }

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: initial; }

.uppy-StatusBar-actionCircleBtn {
  margin: 3px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9; }

.uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1; }

.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%; }

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom; }

.uppy-StatusBar-actionBtn {
  display: inline-block;
  color: #2275d7;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle; }

.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px; }

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
  opacity: 0.7; }

[dir="ltr"] .uppy-StatusBar-actionBtn--retry {
  margin-right: 6px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--retry {
  margin-left: 6px; }

.uppy-StatusBar-actionBtn--retry {
  position: relative;
  height: 16px;
  padding: 1px 6px 3px 18px;
  color: #fff;
  line-height: 1;
  background-color: #ff4b23;
  border-radius: 8px; }

.uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionBtn--retry:hover {
  background-color: #f92d00; }

[dir="ltr"] .uppy-StatusBar-actionBtn--retry svg {
  left: 6px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--retry svg {
  right: 6px; }

.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1B64F2 !important;
  border-radius: 8px !important;
  border: none;
  color: white !important;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  float: right;
  font-family: Manrope-Bold;
  box-shadow: none !important;
  height: 32px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #cf590f; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #18762f; }

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 0px 22px;
  font-family: 'Chivo-Bold';
  font-size: 12px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1c8b37; }

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  color: #2275d7;
  background-color: transparent; }

[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px; }

[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px; }

[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-bottom: 1px;
  border-radius: 3px; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionBtn--done {
  padding: 7px 8px;
  line-height: 1;
  border-radius: 3px;
  display: none !important; }

.uppy-StatusBar-actionBtn--done:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--done:hover {
  color: #1b5dab; }

.uppy-StatusBar-actionBtn--done:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
  background-color: #333; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
  color: #02baf2; }

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px; }

.uppy-StatusBar-serviceMsg {
  padding-left: 10px;
  color: #000;
  font-size: 11px;
  line-height: 1.1; }

.uppy-size--md .uppy-StatusBar-serviceMsg {
  padding-left: 15px;
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
  color: #eaeaea; }

.uppy-StatusBar-serviceMsg-ghostsIcon {
  position: relative;
  top: 2px;
  left: 6px;
  width: 10px;
  vertical-align: text-bottom;
  opacity: 0.5; }

.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  top: 1px;
  left: 10px;
  width: 15px; }

[dir="ltr"] .uppy-StatusBar-details {
  left: 2px; }

[dir="rtl"] .uppy-StatusBar-details {
  right: 2px; }

.uppy-StatusBar-details {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  cursor: help;
  -webkit-appearance: none;
  appearance: none; }

.uppy-StatusBar-details::after {
  line-height: 1.3;
  word-wrap: break-word; }

[dir="ltr"] .uppy-StatusBar-spinner {
  margin-right: 10px; }

[dir="rtl"] .uppy-StatusBar-spinner {
  margin-left: 10px; }

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  fill: #2275d7; }

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
  fill: #f6a623; }

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px; }

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after {
  flex: auto;
  content: ""; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  position: relative;
  width: 50%;
  margin: 0; }

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%; }

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before {
  display: block;
  padding-top: 100%;
  content: ""; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2); }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  width: 30%;
  height: 30%;
  fill: rgba(0, 0, 0, 0.7); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  overflow: hidden;
  text-align: center;
  border-radius: 4px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative {
  position: relative; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  text-decoration: none; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline; }

@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
  .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block; } }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1002;
  width: 26px;
  height: 26px;
  background-color: #2275d7;
  border-radius: 50%;
  opacity: 0; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir="ltr"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  left: 7px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir="rtl"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  right: 7px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  top: 8px;
  width: 12px;
  height: 7px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author {
  display: block; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0; }

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 15px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea; }

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-right: 15px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-left: 15px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #2275d7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  left: 3px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  right: 3px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  top: 4px;
  width: 9px;
  height: 5px;
  opacity: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border-color: rgba(2, 186, 242, 0.7);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2); }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #1B64F2 !important;
  border-color: #1B64F2 !important; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked::after {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  display: flex;
  align-items: center;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  text-decoration: underline;
  outline: none; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-right: 8px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-left: 8px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  max-width: 20px;
  max-height: 20px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default; }

[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-right: 7px; }

[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-left: 7px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px; }

.uppy-ProviderBrowserItem-checkbox {
  position: relative;
  flex-shrink: 0;
  cursor: pointer; }

.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default; }

.uppy-ProviderBrowserItem-checkbox::after {
  position: absolute;
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  transform: rotate(-45deg);
  cursor: pointer;
  content: ""; }

.uppy-ProviderBrowserItem-checkbox:disabled::after {
  cursor: default; }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
  background-color: #1f1f1f;
  border-color: #939393; }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #333; }

.uppy-SearchProvider {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

[data-uppy-theme=dark] .uppy-SearchProvider {
  background-color: #1f1f1f; }

.uppy-SearchProvider-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px; }

.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px; }

.uppy-SearchProvider-searchButton {
  padding: 13px 25px; }

.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px; }

.uppy-DashboardContent-panelBody {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center; }

[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f; }

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  color: #939393; }

.uppy-Provider-empty {
  color: #939393; }

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 15px; }

.uppy-Provider-authTitle {
  max-width: 500px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #757575;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  text-align: center; }

.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px; }

[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf; }

.uppy-Provider-btn-google {
  display: flex;
  align-items: center;
  height: 42px !important;
  padding: 8px 12px !important;
  background: #4285F4; }

.uppy-Provider-btn-google:hover {
  background-color: #1266f1; }

.uppy-Provider-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4); }

.uppy-Provider-btn-google svg {
  margin-right: 8px; }

[dir="ltr"] .uppy-Provider-breadcrumbs {
  text-align: left; }

[dir="rtl"] .uppy-Provider-breadcrumbs {
  text-align: right; }

.uppy-Provider-breadcrumbs {
  flex: 1;
  margin-bottom: 10px;
  color: #525252;
  font-size: 12px; }

.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea; }

[dir="ltr"] .uppy-Provider-breadcrumbsIcon {
  margin-right: 4px; }

[dir="rtl"] .uppy-Provider-breadcrumbsIcon {
  margin-left: 4px; }

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  line-height: 1;
  vertical-align: middle; }

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252; }

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  padding: 4px;
  line-height: inherit;
  border-radius: 3px; }

.uppy-Provider-breadcrumbs button:focus {
  outline: none; }

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0; }

.uppy-Provider-breadcrumbs button:hover {
  color: #1b5dab; }

.uppy-Provider-breadcrumbs button:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333; }

.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline; }

.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  font-weight: 500;
  cursor: normal;
  pointer-events: none; }

.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea; }

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  font-weight: 400;
  font-size: 14px; }

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  color: #333;
  font-weight: 500; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea; }

[dir="ltr"] .uppy-ProviderBrowser-user::after {
  left: 4px; }

[dir="rtl"] .uppy-ProviderBrowser-user::after {
  right: 4px; }

.uppy-ProviderBrowser-user::after {
  position: relative;
  color: #939393;
  font-weight: normal;
  content: "·"; }

.uppy-ProviderBrowser-header {
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333; }

.uppy-ProviderBrowser-headerBar {
  z-index: 1001;
  padding: 7px 15px;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fafafa; }

.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: flex;
  align-items: center; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center; }

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle; }

.uppy-ProviderBrowser-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-search {
  background-color: #1f1f1f; }

[dir="ltr"] .uppy-ProviderBrowser-searchIcon {
  left: 16px; }

[dir="rtl"] .uppy-ProviderBrowser-searchIcon {
  right: 16px; }

.uppy-ProviderBrowser-searchIcon {
  position: absolute;
  z-index: 1002;
  width: 12px;
  height: 12px;
  color: #bbb; }

[dir="ltr"] .uppy-ProviderBrowser-searchInput {
  padding-left: 27px; }

[dir="rtl"] .uppy-ProviderBrowser-searchInput {
  padding-right: 27px; }

.uppy-ProviderBrowser-searchInput {
  z-index: 1001;
  width: 100%;
  height: 30px;
  margin: 0 8px;
  font-size: 12px;
  line-height: 1.4;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
  color: #eaeaea;
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-searchInput:focus {
  background-color: #f4f4f4;
  outline: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
  background-color: #333; }

[dir="ltr"] .uppy-ProviderBrowser-searchClose {
  right: 12px; }

[dir="rtl"] .uppy-ProviderBrowser-searchClose {
  left: 12px; }

.uppy-ProviderBrowser-searchClose {
  position: absolute;
  top: 4px;
  z-index: 1002;
  width: 22px;
  height: 22px;
  padding: 6px;
  color: #939393;
  cursor: pointer; }

.uppy-ProviderBrowser-searchClose:hover {
  color: #757575; }

.uppy-ProviderBrowser-searchClose svg {
  vertical-align: text-top; }

.uppy-ProviderBrowser-searchInput::placeholder {
  color: #939393;
  opacity: 1; }

.uppy-ProviderBrowser-userLogout {
  padding: 4px;
  color: #2275d7;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer; }

.uppy-ProviderBrowser-userLogout:focus {
  outline: none; }

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0; }

.uppy-ProviderBrowser-userLogout:hover {
  color: #1b5dab; }

.uppy-ProviderBrowser-userLogout:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333; }

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea; }

.uppy-ProviderBrowser-body {
  position: relative;
  flex: 1; }

.uppy-ProviderBrowser-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-list:focus {
  outline: none; }

.uppy-ProviderBrowserItem-inner {
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.uppy-ProviderBrowser-footer {
  display: flex;
  align-items: center;
  height: 65px;
  padding: 0 15px;
  background-color: #fff;
  border-top: 1px solid #eaeaea; }

[dir="ltr"] .uppy-ProviderBrowser-footer button {
  margin-right: 8px; }

[dir="rtl"] .uppy-ProviderBrowser-footer button {
  margin-left: 8px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-Dashboard-Item-previewInnerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-radius: 3px; }

.uppy-Dashboard-Item-previewInnerWrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  content: ""; }

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002; }

.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #76abe9; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #016c8d; }

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transform: translateZ(0); }

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
  width: 120px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease; }

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0.9; }

.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px; }

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer; }

button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none; }

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0; }

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: #76abe9; }

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4); }

.uppy-Dashboard-Item-progressIcon--progress {
  transition: stroke-dashoffset 0.5s ease-out;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--play {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--cancel {
  transition: all 0.2s;
  fill: #fff; }

.uppy-Dashboard-Item-progressIcon--pause {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff; }

.uppy-Dashboard-Item-progressIcon--check {
  transition: all 0.2s;
  fill: #fff; }

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff; }

[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: -8px; }

[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: -8px; }

[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: initial; }

[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: initial; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  width: auto;
  transform: initial; }

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px; }

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1; }

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px; }

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfo {
  padding-right: 5px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfo {
  padding-left: 5px; }

.uppy-Dashboard-Item-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  word-wrap: anywhere;
  word-break: break-all; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea; }

.uppy-Dashboard-Item-fileName {
  display: flex;
  align-items: baseline;
  justify-content: center; }

.uppy-Dashboard-Item-fileName button {
  margin-left: 5px; }

.uppy-Dashboard-Item-author {
  color: #757575;
  vertical-align: bottom;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px; }

.uppy-Dashboard-Item-author a {
  color: #757575; }

.uppy-Dashboard-Item-status {
  color: #757575;
  font-weight: normal;
  font-size: 11px;
  line-height: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb; }

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-bottom: 5px; }

.uppy-Dashboard-Item-reSelect {
  color: #2275d7;
  font-weight: 600;
  font-size: inherit;
  font-family: inherit; }

.uppy-Dashboard-Item-errorMessage {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: #a51523;
  background-color: #fdeff1;
  padding: 5px 6px; }

.uppy-Dashboard-Item-errorMessageBtn {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500; }

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none; }

.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: block;
  border-top: 1px solid #f7c2c8;
  padding: 6px 8px;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: inline-block;
  position: static;
  border: 1px solid #f7c2c8;
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none; }

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer; }

.uppy-Dashboard-Item-action:focus {
  outline: none; }

.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea; }

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95; }

.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  align-items: center; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  padding: 3px; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px; }

[dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  right: -8px; }

[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  left: -8px; }

.uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: -8px;
  z-index: 1002;
  width: 18px;
  height: 18px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%; }

[dir="ltr"] .uppy-Dashboard-Item {
  padding-right: 0; }

[dir="rtl"] .uppy-Dashboard-Item {
  padding-left: 0; }

.uppy-Dashboard-Item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333; }

[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item {
  float: right; }

.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(33.333% - 15px - 15px);
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  border-bottom: 0; }

.uppy-size--lg .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(25% - 15px - 15px);
  height: 190px;
  margin: 5px 15px; }

.uppy-size--xl .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(20% - 15px - 15px);
  height: 210px; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7; }

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 25px;
  opacity: 0.5;
  content: ""; }

.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 40px; }

.uppy-Dashboard-Item-preview {
  position: relative; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview {
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px; }

.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px; }

.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 8px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 8px; }

[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 12px; }

[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 12px; }

.uppy-Dashboard-Item-fileInfoAndButtons {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between; }

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  width: 100%;
  padding: 0;
  padding-top: 9px; }

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1; }

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0; }

.import-data .uppy-Dashboard-Item-actionWrapper {
  position: absolute;
  right: -5px;
  top: -10px; }

.import-data .uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: static; }

.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after,
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after {
  display: block; }

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
  display: none; }

[dir="ltr"] .uppy-Dashboard-Item-errorDetails {
  left: 2px; }

[dir="rtl"] .uppy-Dashboard-Item-errorDetails {
  right: 2px; }

.uppy-Dashboard-Item-errorDetails {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  border: none;
  cursor: help;
  -webkit-appearance: none;
  appearance: none; }

.uppy-Dashboard-Item-errorDetails::after {
  line-height: 1.3;
  word-wrap: break-word; }

.uppy-Dashboard-FileCard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); }

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0; }

.uppy-Dashboard-FileCard-preview {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  height: 60%;
  min-height: 0;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0; }

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  flex: 0 0 auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }

[dir="ltr"] .uppy-Dashboard-FileCard-edit {
  right: 10px; }

[dir="rtl"] .uppy-Dashboard-FileCard-edit {
  left: 10px; }

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  padding: 7px 15px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px; }

.uppy-Dashboard-FileCard-edit:focus {
  outline: none; }

.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.uppy-Dashboard-FileCard-info {
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  padding: 30px 20px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f; }

.uppy-Dashboard-FileCard-fieldset {
  max-width: 640px;
  margin: auto;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0;
  border: 0; }

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  width: 22%;
  color: #525252;
  font-size: 12px;
  vertical-align: middle; }

.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea; }

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  width: 78%;
  vertical-align: middle; }

.uppy-Dashboard-FileCard-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  background-color: #fafafa;
  border-top: 1px solid #eaeaea; }

.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

[dir="ltr"] .uppy-Dashboard-FileCard-actionsBtn {
  margin-right: 10px; }

[dir="rtl"] .uppy-Dashboard-FileCard-actionsBtn {
  margin-left: 10px; }

.uppy-transition-slideDownUp-enter {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.uppy-transition-slideDownUp-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01; }

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }

@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; } }

@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0; } }

.uppy-Dashboard--modal {
  z-index: 1001; }

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none; }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-dashboard-edit-name {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-dashboard-edit-name {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-dashboard-edit-name {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner, .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-dashboard-edit-name {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden; }

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5); }

.uppy-Dashboard-inner, .uppy-dashboard-edit-name {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: white;
  border-radius: 5px;
  outline: none; }

.uppy-size--md .uppy-Dashboard-inner, .uppy-size--md .uppy-dashboard-edit-name {
  min-height: auto; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner, .uppy-dashboard-edit-name {
    width: 50vw !important;
    height: 50vh !important; } }

.uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
  z-index: 1002; }

[data-uppy-theme=dark] .uppy-Dashboard-inner, [data-uppy-theme=dark] .uppy-dashboard-edit-name {
  background-color: #1f1f1f; }

.uppy-Dashboard--isDisabled .uppy-Dashboard-inner, .uppy-Dashboard--isDisabled .uppy-dashboard-edit-name {
  cursor: not-allowed; }

.uppy-Dashboard-innerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0; }

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
  min-height: 118px; }

.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  opacity: 0.6;
  filter: grayscale(100%);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none; }

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f; }

.uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
  position: fixed;
  top: 35px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: none; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner, .uppy-Dashboard--modal .uppy-dashboard-edit-name {
    top: 50%;
    right: auto;
    left: 50%;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%); } }

[dir="ltr"] .uppy-Dashboard-close {
  right: -2px; }

[dir="rtl"] .uppy-Dashboard-close {
  left: -2px; }

.uppy-Dashboard-close {
  position: absolute;
  top: -33px;
  z-index: 1005;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  cursor: pointer; }

.uppy-Dashboard-close:focus {
  outline: none; }

.uppy-Dashboard-close::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-close:focus {
  color: #8cb8ed; }

@media only screen and (min-width: 820px) {
  [dir="ltr"] .uppy-Dashboard-close {
    right: -35px; }
  [dir="rtl"] .uppy-Dashboard-close {
    left: -35px; }
  .uppy-Dashboard-close {
    top: -10px;
    font-size: 35px; } }

.uppy-Dashboard-serviceMsg {
  position: relative;
  top: -1px;
  z-index: 1004;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  background-color: #fffbf7;
  border-top: 1px solid #edd4b9;
  border-bottom: 1px solid #edd4b9; }

.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4; }

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
  color: #eaeaea;
  background-color: #1f1f1f;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333; }

.uppy-Dashboard-serviceMsg-title {
  display: block;
  margin-bottom: 4px;
  padding-left: 42px;
  line-height: 1; }

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px; }

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #2275d7;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: initial; }

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
  color: rgba(2, 186, 242, 0.9); }

.uppy-Dashboard-serviceMsg-icon {
  position: absolute;
  top: 10px;
  left: 15px; }

.uppy-Dashboard-AddFiles {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center; }

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  height: calc(100%);
  margin: 7px;
  border: 1px dashed #dfdfdf;
  border-radius: 3px; }

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px - 40px);
  border: none; }

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575; }

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px; }

.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block; }

.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  padding-top: 30px;
  padding-bottom: 0; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0; }

.uppy-Dashboard-browse {
  color: #dd6e28 !important;
  cursor: pointer;
  margin-left: 15px; }

.uppy-Dashboard-browse:focus {
  outline: none; }

.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
  border-bottom: none; }

[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9); }

[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #02baf2; }

.uppy-Dashboard-browseBtn {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px; }

.uppy-size--md .uppy-Dashboard-browseBtn {
  width: auto;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 13px 44px;
  font-size: 15px; }

.uppy-Dashboard-AddFiles-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 2px;
  padding: 2px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin-top: 15px;
  padding-top: 0;
  overflow-y: visible; }

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333; }

.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: initial;
  margin-bottom: 10px;
  border-bottom: none; }

.uppy-DashboardTab-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  color: #525252;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

.uppy-DashboardTab-btn:focus {
  outline: none; }

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0; }

[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn {
  margin-right: 1px; }

[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn {
  margin-left: 1px; }

.uppy-size--md .uppy-DashboardTab-btn {
  flex-direction: column;
  width: 86px;
  padding: 10px 3px;
  border-radius: 5px; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea; }

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252; }

[dir="ltr"] .uppy-DashboardTab-btn svg {
  margin-right: 10px; }

[dir="rtl"] .uppy-DashboardTab-btn svg {
  margin-left: 10px; }

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  transition: transform ease-in-out 0.15s;
  opacity: 0; }

[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn svg {
  margin-right: 0; }

[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn svg {
  margin-left: 0; }

.uppy-DashboardTab-name {
  font-weight: 500;
  font-size: 14px; }

.uppy-size--md .uppy-DashboardTab-name {
  margin-top: 56px;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 15px; }

.uppy-DashboardTab svg {
  width: 23px;
  height: 23px;
  vertical-align: middle; }

.uppy-size--md .uppy-DashboardTab svg {
  width: 30px;
  height: 30px; }

.uppy-Dashboard-input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0; }

.uppy-DashboardContent-bar {
  position: relative;
  z-index: 1004;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea; }

.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
  background-color: transparent;
  border: none; }

[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333; }

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 170px;
  margin: auto;
  overflow-x: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis; }

.uppy-size--md .uppy-DashboardContent-title {
  max-width: 300px;
  font-size: 14px;
  line-height: 50px; }

[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea; }

[dir="ltr"] .uppy-DashboardContent-back, [dir="ltr"] .uppy-DashboardContent-save {
  margin-left: -6px; }

[dir="rtl"] .uppy-DashboardContent-back, [dir="rtl"] .uppy-DashboardContent-save {
  margin-right: -6px; }

.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
  cursor: pointer;
  background-color: #F8F8F8;
  border-radius: 8px !important;
  border: none;
  color: black;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: Manrope-Bold;
  padding: 1px 22px;
  box-shadow: none;
  height: 32px; }

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  outline: none; }

.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
  color: black; }

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,
[data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
  background-color: #333; }

.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
  font-family: 'Chivo-Bold'; }

[data-uppy-theme=dark] .uppy-DashboardContent-back,
[data-uppy-theme=dark] .uppy-DashboardContent-save {
  color: #02baf2; }

[dir="ltr"] .uppy-DashboardContent-addMore {
  margin-right: -5px; }

[dir="rtl"] .uppy-DashboardContent-addMore {
  margin-left: -5px; }

.uppy-DashboardContent-addMore {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  color: #2275d7;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer; }

.uppy-DashboardContent-addMore:focus {
  outline: none; }

.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-addMore:hover {
  color: #1b5dab; }

.uppy-DashboardContent-addMore:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333; }

[dir="ltr"] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-right: -8px; }

[dir="rtl"] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-left: -8px; }

.uppy-size--md .uppy-DashboardContent-addMore {
  width: auto;
  height: auto;
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2; }

[dir="ltr"] .uppy-DashboardContent-addMore svg {
  margin-right: 4px; }

[dir="rtl"] .uppy-DashboardContent-addMore svg {
  margin-left: 4px; }

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline; }

.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px; }

.uppy-DashboardContent-addMoreCaption {
  display: none; }

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline; }

.uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: whitesmoke;
  border-radius: 5px; }

.uppy-Dashboard-AddFilesPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
  border-radius: 5px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); }

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%); }

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px); }

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%; }

.uppy-Dashboard-progressBarContainer.is-active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1004;
  width: 100%;
  height: 100%; }

.uppy-Dashboard-filesContainer {
  position: relative;
  flex: 1;
  margin: 0;
  overflow-y: hidden; }

.uppy-Dashboard-filesContainer::after {
  display: table;
  clear: both;
  content: ""; }

.uppy-Dashboard-files {
  flex: 1;
  margin: 0;
  padding: 0 0 10px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
  overflow: hidden; }

.uppy-Dashboard-dropFilesHereHint {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%232275D7' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px dashed #2275d7;
  border-radius: 3px;
  visibility: hidden; }

[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  color: #bbb;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
  border-color: #02baf2; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg {
  opacity: 0.15; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03; }

.uppy-Dashboard-AddFiles-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #000;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.35;
  text-align: inline-start; }

.uppy-size--md .uppy-Dashboard-AddFiles-title {
  max-width: 480px;
  margin-top: 5px;
  font-weight: 600;
  font-size: 18px;
  text-align: center; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea; }

.uppy-Dashboard-AddFiles-title button {
  font-weight: 500; }

.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400; }

.uppy-Dashboard-note {
  max-width: 350px;
  margin: auto;
  padding: 0 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  text-align: center; }

.uppy-size--md .uppy-Dashboard-note {
  max-width: 600px;
  font-size: 15px;
  line-height: 1.35; }

[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf; }

a.uppy-Dashboard-poweredBy {
  pointer-events: none;
  display: inline-block;
  margin-top: 8px;
  color: #939393;
  font-size: 11px;
  text-align: center;
  text-decoration: none; }

.uppy-Dashboard-poweredByIcon {
  position: relative;
  top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  vertical-align: text-top;
  opacity: 0.9;
  fill: none;
  stroke: #939393; }

.uppy-Dashboard-Item-previewIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%); }

.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px; }

.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-previewIconWrap {
  position: relative;
  height: 76px;
  max-height: 75%; }

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px); }

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px; }

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%; }

[dir="ltr"] .uppy-Dashboard-uploadCount {
  right: -12px; }

[dir="rtl"] .uppy-Dashboard-uploadCount {
  left: -12px; }

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 8px;
  line-height: 16px;
  background-color: #1bb240;
  border-radius: 50%; }

.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px; }

.file-name-submit {
  margin-left: 10px;
  height: 40px;
  background: black !important;
  border: 1px solid black !important; }

.file-name-submit:hover {
  background: black !important !important;
  border-color: black !important !important; }

.uppy-dashboard-edit-name {
  height: 33px !important;
  background: transparent;
  border: none; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.task-management-main-container *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.task-management-main-container *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.task-management-main-container {
  width: 100%;
  height: 94vh; }
  .task-management-main-container .icon-styles {
    font-size: 22px !important;
    color: #212427 !important;
    cursor: pointer !important;
    margin-right: 16px; }
  .task-management-main-container .sidepanel-parent-container {
    height: 95%; }
  .task-management-main-container .side-panel {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out !important; }
    .task-management-main-container .side-panel.active {
      transform: translateX(0); }
  .task-management-main-container .tab-component {
    padding-top: 16px; }
  .task-management-main-container .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .task-management-main-container .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #1B64F2 !important; }
  .task-management-main-container .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #1B64F2 !important;
    height: 3px; }
  .task-management-main-container .task-managment-tab {
    margin-left: calc((100% - 784px) / 2);
    margin-right: calc((100% - 784px) / 2); }
  .task-management-main-container .action-container {
    margin-bottom: 16px; }
    .task-management-main-container .action-container .p-inputtext {
      min-height: unset; }
  .task-management-main-container .card-container-v-two .action-list.search-container {
    min-width: 305px !important; }
  .task-management-main-container .task-serach {
    min-width: 75px;
    display: block;
    float: right;
    margin-bottom: 10px; }
  .task-management-main-container .auto-suggestion-search-container-right {
    height: 50px; }
  .task-management-main-container .task-management {
    width: 100%;
    height: calc(100% - 44px); }
  .task-management-main-container .prompt-title {
    font-family: 'Chivo-Medium';
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 2px; }
  .task-management-main-container .task-management-card {
    margin-bottom: 20px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .task-management-main-container .task-management-card-pip {
    margin-bottom: 20px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 2px solid #1B64F2;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 1.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .task-management-main-container .task-management-btn {
    background-color: transparent;
    color: #474751;
    border-color: transparent; }
  .task-management-main-container .task-management-calendar-btn {
    background-color: transparent;
    color: #474751;
    border-color: transparent;
    padding: 0px;
    margin-right: 0px; }
  .task-management-main-container .pimerce-date-picker-icon {
    margin-right: 0px; }
  .task-management-main-container .p-button:enabled:hover,
  .task-management-main-container .p-button:not(button):not(a):not(.p-disabled):hover {
    background-color: transparent;
    color: #1B64F2;
    border-color: transparent; }
  .task-management-main-container .right-panel {
    width: 448px;
    overflow-x: hidden;
    position: unset;
    padding: 0.15rem 1.25rem;
    padding-right: 0px;
    height: 100%; }
  .task-management-main-container .left-panel.open-panel {
    width: calc(100% - 448px);
    height: 100%;
    position: unset;
    padding: 0.15rem 0.85rem;
    transform: translateY(-20px); }
  .task-management-main-container .left-panel {
    width: 100%;
    height: 100%;
    height: 100%;
    position: unset;
    padding: 0.15rem 0.85rem;
    transform: translateY(-20px); }
  .task-management-main-container .header-buttons {
    justify-content: flex-end; }
  .task-management-main-container .card-header .btn-primary:hover {
    color: unset;
    background-color: unset;
    border-color: unset; }
  .task-management-main-container .card .card-header .btn-primary:active {
    color: unset;
    background-color: unset;
    border-color: unset; }
  .task-management-main-container .expand-button,
  .task-management-main-container .close-button {
    color: #000000;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: auto;
    background: transparent; }
  .task-management-main-container .task-management-side-panel-header {
    display: flex;
    flex-direction: column; }
  .task-management-main-container .subtext-remove-icon {
    width: 65px; }
  .task-management-main-container .side-panel-header-title {
    margin-bottom: 10px;
    font-family: Chivo;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5; }
  .task-management-main-container .pip-prompt {
    height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    text-align: left;
    width: 332px;
    padding-right: 10px; }
  .task-management-main-container .pip-card-body-task-management-btn {
    background-color: transparent;
    color: #474751;
    border-color: transparent;
    height: 21px;
    position: relative; }
  .task-management-main-container .task-management-save-btn {
    width: 83px;
    height: 31px;
    background-color: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    font-size: 16px; }
  .task-management-main-container .p-button:enabled:hover,
  .task-management-main-container .p-button:not(button):not(a):not(.p-disabled):hover {
    background-color: #1B64F2 !important;
    color: #ffffff; }
  .task-management-main-container .pi-btn-loading .p-disabled,
  .task-management-main-container .p-component:disabled {
    opacity: 0.6; }
  .task-management-main-container .btn-primary.disabled,
  .task-management-main-container .btn-primary:disabled {
    color: unset;
    background-color: unset;
    opacity: 0.6;
    border-color: unset; }
  .task-management-main-container .task-management-card-body-header {
    display: flex;
    flex-direction: column; }
  .task-management-main-container .side-panel .card-header {
    padding: 10px 0px 10px 10px; }
  .task-management-main-container .p-button.p-button-icon-only {
    height: 10px; }
  .task-management-main-container .taskmanagement-title {
    margin-bottom: 10px; }
  .task-management-main-container .task-management-pip-card-body {
    height: 100%; }
  .task-management-main-container .side-panel-header-subtext {
    margin-bottom: 10px;
    font-family: 'Chivo-Regular';
    font-size: 16px;
    line-height: 1.5; }
  .task-management-main-container .expert-info-icon {
    width: 20px;
    height: 20px; }
  .task-management-main-container .task-management-subtext {
    margin-bottom: 10px; }
  .task-management-main-container .side-panel .body-content {
    padding: 0 20px 20px 20px;
    border-radius: 16px; }
  .task-management-main-container input:focus,
  .task-management-main-container textarea:focus,
  .task-management-main-container select:focus {
    border-color: unset;
    border: 1px solid; }
  .task-management-main-container .icons {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 40px;
    margin-left: 20px; }
  .task-management-main-container .icon {
    cursor: pointer;
    font-size: 20px; }
  .task-management-main-container .p-inputtext {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 14px;
    height: 40px;
    margin-top: 0px;
    margin-left: 0px;
    min-height: 50px;
    max-height: unset;
    max-width: 400px;
    color: #212427;
    font-family: Chivo-Regular;
    width: 349px; }
  .task-management-main-container .task-headeredit {
    flex-direction: row; }
  .task-management-main-container .p-inputtext::placeholder {
    font-size: 12px; }
  .task-management-main-container .task-subheaderedit {
    flex-direction: row;
    margin-bottom: 10px; }
  .task-management-main-container .main-task-container {
    border: transparent;
    margin-left: calc((100% - 784px) / 2);
    margin-right: calc((100% - 784px) / 2); }
  .task-management-main-container .main-task-container-body {
    height: 71vh;
    max-height: 81vh;
    overflow-y: auto; }
  .task-management-main-container .main-task-container-footer {
    background: transparent; }
  .task-management-main-container .task-sub-header {
    margin-bottom: 10px;
    flex-direction: column; }
  .task-management-main-container .error-message {
    color: red; }
  .task-management-main-container .prompt-body {
    max-height: 600px; }
  .task-management-main-container .task-schedule {
    gap: 20px;
    margin-top: 10px; }
  .task-management-main-container .task-scrap {
    justify-content: center;
    display: flex;
    flex-direction: column; }
  .task-management-main-container .prompt-edit-calender {
    margin-bottom: 20px; }
  .task-management-main-container .p-button:enabled:hover,
  .task-management-main-container .task-management-main-container .p-button:not(button):not(a):not(.p-disabled):hover {
    background-color: unset !important;
    color: #1B64F2; }
  .task-management-main-container .task-management-save-container .p-button:enabled:hover,
  .task-management-main-container .task-management-save-container .task-management-main-container .p-button:not(button):not(a):not(.p-disabled):hover {
    background-color: #1B64F2 !important;
    color: #ffffff; }
  .task-management-main-container .p-inputtext:enabled:focus {
    border-color: #1B64F2 !important; }
  .task-management-main-container .autosuggestion-card .p-autocomplete {
    left: unset; }
  .task-management-main-container .side-panel.search-action-container {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
    width: auto;
    min-width: 91%;
    margin-right: 15px;
    margin-bottom: 10px; }
    .task-management-main-container .side-panel.search-action-container .p-inputtext {
      min-height: unset; }
  .task-management-main-container .side-panel.card-container-v-two .action-list.search-container {
    min-width: 305px !important; }
  .task-management-main-container .expert-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 2px solid #1B64F2;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 1.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .task-management-main-container .expert-card-disable {
    cursor: not-allowed !important;
    opacity: 0.80; }
  .task-management-main-container .specification-form .submit-btn:hover {
    background-color: #1B64F2 !important; }
  .task-management-main-container .auto-sku-mapping-main-container .map-tab-header-btn:hover {
    background-color: #1B64F2 !important; }
  .task-management-main-container .source-connector-container .submit-btn:hover {
    background-color: #1B64F2 !important; }
  .task-management-main-container .side-panel .autosuggestion-card .p-autocomplete {
    left: unset;
    top: unset; }
  .task-management-main-container .expert-panel-header-title {
    margin-bottom: 10px;
    width: auto;
    font-family: Chivo;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    gap: 10px; }
  .task-management-main-container .expert-expert-body {
    overflow-y: auto;
    position: relative;
    left: -10px;
    height: calc(100% - 68px); }
  .task-management-main-container .expert-header {
    height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    text-align: left;
    width: 300px;
    font-family: 'Chivo-Medium';
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px; }
  .task-management-main-container .expert-body {
    max-height: 600px; }
  .task-management-main-container .side-panel .expertBodyContent {
    padding: 0 0px 20px 20px;
    border-radius: 16px;
    margin-top: 10px;
    height: calc(100vh - 198px); }
  .task-management-main-container .expert_tag {
    background: #E7F6FF;
    border-radius: 16px;
    padding: 0px 10px 0px 10px;
    color: #000; }
  .task-management-main-container .expert-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 2px solid #1B64F2;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 1.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    padding-left: 8px;
    cursor: pointer; }
  .task-management-main-container .side-panel .autosuggestion-card .p-autocomplete {
    top: 8px !important;
    height: 100%;
    left: unset; }
  .task-management-main-container .side-panel .task-serach {
    min-width: 75px;
    display: unset;
    float: unset;
    margin-bottom: 10px; }
  .task-management-main-container .p-toast-top-right {
    top: 55px; }
  .task-management-main-container .pi-pencil {
    background-image: unset !important;
    height: unset !important; }

.p-inputtextarea input::placeholder {
  font-size: 16px; }

.p-tabview-title {
  font-size: 16px !important;
  color: unset !important;
  line-break: unset !important; }

.prompt-error {
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center; }

.task-management-model .modal-header {
  background-color: #E7F6FF;
  border-radius: 0px;
  height: 50px; }

.task-management-model .modal-title {
  font-family: 'Chivo-Regular'; }

.task-management-model .modal-body {
  padding: 20px; }

.task-management-model .p-button:enabled:hover,
.task-management-model .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #1B64F2;
  border-color: #1B64F2;
  color: #FFF; }

.task-management-model .knowledge-discovery-btn {
  border-radius: 8px;
  height: 32px;
  width: 120px;
  background: #1B64F2;
  font-family: 'Chivo-Regular';
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-color: #1B64F2; }

.task-management-model .modal-body {
  text-align: center; }

.task-management-model .modal-footer {
  height: 60px; }

.p-autocomplete-panel .p-autocomplete-items-wrapper .p-autocomplete-items .p-autocomplete-item.p-highlight,
.p-autocomplete-item .p-highlight {
  margin: 5px 2px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.task-management-main-container *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.task-management-main-container *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.sai-sidepanel .side-panel {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out !important; }
  .sai-sidepanel .side-panel.active {
    transform: translateX(0); }

.sai-sidepanel .side-panel {
  width: 100%;
  height: 97%;
  background-color: #fff;
  transition: width 0.3s ease;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.sai-sidepanel .side-panel {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out !important; }
  .sai-sidepanel .side-panel.active {
    transform: translateX(0); }

.sai-sidepanel .side-panel .card {
  border: unset;
  background-color: #fff; }

.sai-sidepanel .side-panel .side-panel-body {
  height: 100%; }

.sai-sidepanel .side-panel.expanded {
  position: absolute;
  height: 100%;
  z-index: 3;
  right: 0;
  top: 0;
  border-radius: 16px;
  background: var(--Surface-surface-primary, #fff);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }

.sai-sidepanel .side-panel .card-header {
  justify-content: space-between;
  background-color: unset;
  border-bottom: unset; }

.sai-sidepanel .side-panel .card-header .titlelogo-container img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.sai-sidepanel .side-panel .card-header .titlelogo-container {
  height: 40px;
  width: 100px; }

.sai-sidepanel .side-panel .card-footer {
  background-color: #fff;
  align-content: center; }

.sai-sidepanel .side-panel .header-content {
  display: flex;
  justify-content: space-between;
  border-bottom: unset; }

.sai-sidepanel .side-panel .body-content {
  padding: 10px 18px 10px 10px;
  overflow: auto; }

.sai-sidepanel .side-panel .body-content::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sai-sidepanel .side-panel .body-content::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.sai-sidepanel .side-panel .body-content {
  padding: 0 20px 20px 20px;
  border-radius: 16px;
  margin-top: 10px; }

.sai-sidepanel .side-panel .card-header {
  padding: 10px 0px 10px 10px; }

.sai-sidepanel .side-panel.expanded .body-content {
  padding: 0 20px 20px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sai-calender-container::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sai-calender-container:-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.sai-calender-container .p-dialog-content::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sai-calender-container .p-dialog-content::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.p-dropdown-items-wrapper *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-track {
  background: #F3F3F3 !important; }

.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover {
  background: #DADBDC !important; }

.p-dropdown-panel .p-dropdown-items {
  padding: 0.75rem; }

.p-dropdown-panel {
  left: 517.062px;
  width: 120px; }

.p-dropdown {
  background-color: #f4f5f5; }

.p-dropdown .p-dropdown-trigger {
  width: 2rem; }

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 11px;
  font-family: 'Chivo-Regular';
  font-size: 12px; }

.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: unset; }

.sai-calender-container button.p-dialog-header-icon.p-dialog-header-close.p-link {
  width: 16px;
  height: 16px;
  margin-top: 5px; }

.sai-calender-container .frequency-title {
  font-family: 'Chivo';
  font-size: 14px;
  line-height: 1.5; }

.sai-calender-container .calender-main-container {
  flex-direction: column;
  gap: 10px; }
  .sai-calender-container .calender-main-container .p-inputtext {
    margin-top: -4px;
    margin-left: -4px;
    padding-right: 0px; }

.sai-calender-container .weekdays-style {
  align-items: center;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.0625rem;
  cursor: pointer;
  display: flex;
  font-size: .75rem;
  height: 1.625rem;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  width: 1.625rem; }

.sai-calender-container .week-calendar-container .btn-outline-primary:not(:disabled):not(.disabled).active,
.sai-calender-container .week-calendar-container .btn-outline-primary:not(:disabled):not(.disabled):active,
.sai-calender-container .week-calendar-container .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2;
  font-family: 'Chivo'; }

.sai-calender-container .week-calendar-container .btn-outline-primary {
  color: #1B64F2;
  border-color: #1B64F2;
  font-family: 'Chivo'; }

.sai-calender-container .week-calendar-container .btn-outline-primary:hover {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2; }

.sai-calender-container .interval-style {
  font-family: 'Chivo';
  font-size: 14px;
  line-height: 1.5;
  margin-left: 10px; }

.sai-calender-container .p-icon {
  width: 10px;
  height: 10px; }

.sai-calender-container .p-calendar .p-inputtext {
  flex: 1 1 auto;
  width: 5%;
  height: 35px;
  max-height: 35px;
  max-width: 116px;
  background-color: #f4f5f5;
  border-radius: 7px !important;
  border: 1px solid #ced4da;
  position: relative;
  top: 2px; }

.sai-calender-container .p-calendar {
  margin-left: 10px;
  margin-top: 10px; }

.sai-calender-container .p-inputtext:enabled:hover {
  border-color: #1B64F2; }

.sai-calender-container .calendar-highlight-style {
  font-family: 'Chivo';
  font-size: 12px;
  background-color: antiquewhite;
  padding: 10px; }

.sai-calender-container .p-inline-message.p-inline-message-info {
  border: unset;
  background: antiquewhite;
  color: #000;
  border-radius: unset; }

.sai-calender-container .msg-box-alignment {
  padding: 5px 5px 7px 0px; }

.sai-calender-container .btn-primary {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2;
  font-family: 'Chivo';
  width: 78px;
  font-size: 14px; }

.sai-calender-container .btn-primary:hover {
  color: #fff;
  background-color: #1B64F2;
  border-color: #1B64F2; }

.sai-calender-container .p-radiobutton {
  vertical-align: middle; }

.sai-calender-container .p-radiobutton .p-radiobutton-box.p-highlight {
  background: unset; }

.sai-calender-container .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  box-shadow: none !important; }


.common-expert-landing-page-container .expert-page-title {
  font-size: 24px;
  font-weight: 700;
  color: #212427; }

.common-expert-landing-page-container .workflow-tag {
  background: #E7F6FF;
  border-radius: 16px;
  padding: 0px 10px 0px 10px;
  color: #000; }

.common-expert-landing-page-container .expert-flow .p-timeline-event-opposite {
  display: none; }

.common-expert-landing-page-container .workflow-circle {
  width: 25px;
  height: 25px;
  border-color: #e5e7eb;
  border-style: solid;
  border-width: 2px; }

.common-expert-landing-page-container .line-style {
  background-color: #e5e7eb; }

.common-expert-landing-page-container .timeline-card {
  border-radius: 0.5rem;
  font-family: 'Chivo-Regular'; }

.common-expert-landing-page-container .work-flow-text {
  font-size: 18px; }

.common-expert-landing-page-container .run-workflow-btn {
  height: 31px;
  background-color: #1B64F2 !important;
  font-family: 'Chivo-Regular';
  font-size: 14px; }

.common-expert-landing-page-container .run-workflow button.p-button.p-component.run-workflow-btn {
  height: 31px;
  background-color: #1B64F2 !important;
  font-family: 'Chivo-Regular';
  font-size: 14px;
  color: white; }

.common-expert-landing-page-container .workflow-description-style {
  font-size: 16px; }

.common-expert-landing-page-container .number-style {
  color: #212427;
  font-family: 'Chivo-Regular';
  font-size: 12px;
  padding-top: 1px; }

.common-expert-landing-page-container .image-style {
  width: 65%; }

.common-expert-landing-page-container .gap-10 {
  gap: 10px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.source-connector-container *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.source-connector-container *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.source-connector-container {
  border: unset;
  overflow: hidden;
  margin-top: -18px;
  color: #212427;
  font-family: 'Chivo';
  font-size: 14px;
  height: 100%; }
  .source-connector-container .common-card-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: unset;
    border: unset;
    padding: 20px;
    padding-left: 15px; }
  .source-connector-container .main-panel {
    overflow: unset;
    height: 100%; }
  .source-connector-container .source-main-container {
    margin-bottom: 20px;
    height: 100%; }
  .source-connector-container .step-2-container {
    height: calc(100% - 71px); }
  .source-connector-container .loading-indicator {
    padding: 20px;
    text-align: center;
    color: #666; }
  .source-connector-container .source-dropdown {
    margin-bottom: 20px; }
  .source-connector-container .action-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px; }
  .source-connector-container .configuration-form {
    margin-top: 20px;
    padding: 20px 20px 0px 20px;
    background: #f8f9fa;
    border-radius: 5px;
    height: calc(100% - 41px); }
  .source-connector-container .schema-preview {
    background: #2d3748;
    color: #f7fafc;
    padding: 15px;
    border-radius: 5px;
    overflow-x: auto;
    font-family: monospace; }
  .source-connector-container .steps-label {
    font-family: 'Chivo';
    font-size: 14px;
    color: #212427;
    font-weight: 700; }
  .source-connector-container label {
    font-weight: bold; }
  .source-connector-container .step-title {
    font-weight: bold; }
  .source-connector-container .p-steps ul {
    display: flex;
    flex-wrap: wrap; }
  .source-connector-container .p-steps .p-steps-item .p-menuitem-link {
    width: fit-content;
    margin-left: 10px; }
  .source-connector-container .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
    box-shadow: unset; }
  .source-connector-container .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 400;
    font-family: 'chivo-bold';
    color: #212427; }
  .source-connector-container .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #d5f3f0;
    color: #212427;
    font-size: 14px;
    font-family: 'Chivo'; }
  .source-connector-container .destination-container {
    margin-bottom: 20px; }
  .source-connector-container .auto-sku-mapping-container {
    margin-bottom: 20px;
    height: 100%; }
  .source-connector-container .select-destination {
    text-align: center; }
  .source-connector-container .submit-btn {
    border-radius: 8px !important;
    height: 32px;
    width: fit-content;
    background: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    color: #FFF !important;
    font-size: 12px;
    border-color: #1B64F2 !important; }
  .source-connector-container .p-component:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important; }
  .source-connector-container .submit-section {
    display: flex;
    justify-content: center; }
  .source-connector-container .task-management-calendar-btn {
    background-color: transparent !important;
    color: #474751 !important;
    border-color: transparent !important;
    padding: 0px;
    margin-right: 3px; }
  .source-connector-container .breadcrum-container .breadcrumb {
    font-weight: 400;
    font-family: 'chivo';
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 5px; }

.source-load {
  height: 100vh; }

.specification-form {
  font-family: 'Chivo';
  color: #212427;
  height: 100%; }
  .specification-form .field,
  .specification-form .field-group {
    margin-bottom: 20px; }
  .specification-form .field-group {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 4px; }
  .specification-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold; }
  .specification-form input,
  .specification-form select,
  .specification-form textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; }
  .specification-form textarea {
    min-height: 100px; }
  .specification-form .description {
    color: #666;
    font-size: 0.9em;
    margin: 5px 0 0 0; }
  .specification-form .required {
    color: red; }
  .specification-form .error {
    color: red;
    font-size: 0.9em;
    display: block;
    margin-bottom: 5px; }
  .specification-form .save-button:hover {
    background-color: #45a049; }
  .specification-form .error-message {
    color: #dc3545;
    /* Red color */
    font-size: 0.875rem;
    /* 14px */
    margin-top: 0.25rem;
    display: block; }
  .specification-form .source-checkbox {
    width: fit-content;
    margin-right: 10px; }
  .specification-form .form-scrollable-content {
    height: calc(100% - 71px);
    overflow: overlay; }
  .specification-form .submit-section {
    display: flex;
    justify-content: center; }
  .specification-form .submit-btn {
    border-radius: 8px !important;
    height: 32px;
    width: fit-content;
    background: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    color: #FFF !important;
    font-size: 14px;
    border-color: #1B64F2 !important;
    margin-left: 0px; }
  .specification-form .aestrix-style {
    color: red;
    font-size: 14px; }
  .specification-form .custom-select {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9Imhjc3dmMjR3MWEiIGQ9Ik0yIDIuOTk4TDUgOCA3Ljg3NSA4IDQuODU2IDIuOTk4IDggLTIgNSAtMnoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHVzZSBmaWxsPSIjMkQzNjNGIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgNSAzKSIgeGxpbms6aHJlZj0iI2hjc3dmMjR3MWEiLz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat right 0.75rem center/9px 10px;
    font-family: 'Chivo-Regular';
    font-size: 14px; }
  .specification-form input {
    margin: 0;
    font-family: 'Chivo';
    font-size: inherit;
    line-height: inherit;
    color: #212427; }
  .specification-form .form-content {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 80px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.auto-sku-mapping-main-container {
  font-size: 14px;
  font-family: 'Chivo';
  color: #212427;
  height: 100%;
  /* Optional: Style the scrollbar */ }
  .auto-sku-mapping-main-container .mapping-container {
    display: flex;
    gap: 20px;
    margin-bottom: 30px; }
  .auto-sku-mapping-main-container .mapping-groups {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden; }
  .auto-sku-mapping-main-container .mapping-group {
    border-bottom: 1px solid #eee; }
  .auto-sku-mapping-main-container .group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #f5f5f5;
    cursor: pointer; }
  .auto-sku-mapping-main-container .group-header h3 {
    margin: 0;
    font-size: 16px; }
  .auto-sku-mapping-main-container .group-mappings {
    padding: 10px 0; }
  .auto-sku-mapping-main-container .mapping-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.2s; }
  .auto-sku-mapping-main-container .mapping-item:hover {
    background-color: #f0f0f0; }
  .auto-sku-mapping-main-container .mapping-item.selected {
    background-color: #e6f7ff;
    border-left: 3px solid #1890ff; }
  .auto-sku-mapping-main-container .mapping-fields {
    display: flex;
    align-items: center;
    gap: 10px; }
  .auto-sku-mapping-main-container .source-field {
    font-family: 'Chivo';
    font-size: 12px;
    color: #212427;
    font-weight: 400; }
  .auto-sku-mapping-main-container .mapping-arrow {
    color: #999; }
  .auto-sku-mapping-main-container .destination-field {
    color: #666; }
  .auto-sku-mapping-main-container .confidence-indicator {
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 10px; }
  .auto-sku-mapping-main-container .high-confidence {
    background-color: #d4edda;
    color: #155724; }
  .auto-sku-mapping-main-container .medium-confidence {
    background-color: #fff3cd;
    color: #856404; }
  .auto-sku-mapping-main-container .low-confidence {
    background-color: #f8d7da;
    color: #721c24; }
  .auto-sku-mapping-main-container .mapping-details {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px; }
  .auto-sku-mapping-main-container .details-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
  .auto-sku-mapping-main-container .details-header h2 {
    margin: 0;
    font-size: 18px; }
  .auto-sku-mapping-main-container .edit-actions {
    display: flex;
    gap: 10px; }
  .auto-sku-mapping-main-container button {
    padding: 6px 12px;
    background-color: #1890ff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer; }
  .auto-sku-mapping-main-container button:hover {
    background-color: #40a9ff; }
  .auto-sku-mapping-main-container .details-content {
    display: flex;
    flex-direction: column;
    gap: 15px; }
  .auto-sku-mapping-main-container .detail-row {
    display: flex;
    gap: 10px; }
  .auto-sku-mapping-main-container .detail-label {
    min-width: 150px; }
  .auto-sku-mapping-main-container .edit-form {
    display: flex;
    flex-direction: column;
    gap: 15px; }
  .auto-sku-mapping-main-container .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px; }
  .auto-sku-mapping-main-container .form-group input,
  .auto-sku-mapping-main-container .form-group select,
  .auto-sku-mapping-main-container .form-group textarea {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px; }
  .auto-sku-mapping-main-container .form-group textarea {
    min-height: 80px; }
  .auto-sku-mapping-main-container .no-selection {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    color: #999; }
  .auto-sku-mapping-main-container .mapping-summary {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px; }
  .auto-sku-mapping-main-container .summary-stats {
    display: flex;
    justify-content: space-around;
    margin-top: 15px; }
  .auto-sku-mapping-main-container .stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px; }
  .auto-sku-mapping-main-container .stat-value {
    font-size: 24px; }
  .auto-sku-mapping-main-container .stat-label {
    color: #666; }
  .auto-sku-mapping-main-container .custom-button {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid;
    min-width: 100px;
    margin-bottom: 10px;
    min-height: 32px; }
  .auto-sku-mapping-main-container .cancel-button {
    background-color: #F8F8F8 !important;
    border: solid 1px #F8F8F8 !important;
    color: black !important; }
  .auto-sku-mapping-main-container .p-dialog-footer .p-button.custom-button,
  .auto-sku-mapping-main-container .p-dialog-footer .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
  .auto-sku-mapping-main-container .custom-button {
    height: 32px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px; }
  .auto-sku-mapping-main-container .mapping-tabs {
    margin-top: 20px;
    margin-bottom: 20px; }
  .auto-sku-mapping-main-container .map-tab-header-btn {
    border-radius: 8px;
    height: 32px;
    width: 130px;
    background: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    color: #FFF !important;
    font-size: 14px;
    border-color: #1B64F2 !important;
    margin-left: 10px;
    justify-content: center; }
  .auto-sku-mapping-main-container .map-tab-header-btn:first-child {
    margin-left: 0;
    /* Remove left margin for the first button */ }
  .auto-sku-mapping-main-container .map-tab-header-btn.active {
    color: #212427 !important; }
  .auto-sku-mapping-main-container .table-header {
    padding: 12px;
    background: #E7F6FF;
    font-size: 12px;
    color: #212427;
    font-weight: 400; }
  .auto-sku-mapping-main-container .table-data {
    padding: 12px;
    font-family: 'Chivo';
    font-size: 12px;
    color: #212427;
    font-weight: 400; }
  .auto-sku-mapping-main-container .source-field {
    width: 100%;
    padding: 8px;
    border: 1px solid #A7ABAF;
    border-radius: 4px; }
  .auto-sku-mapping-main-container .confidence-meter {
    display: flex;
    align-items: center;
    justify-content: center; }
  .auto-sku-mapping-main-container .confidence-label {
    height: 8;
    width: 100;
    background-color: #eee;
    border-radius: 4;
    overflow: "hidden"; }
  .auto-sku-mapping-main-container .auto-sku-check-box {
    position: absolute;
    top: -20;
    left: 0;
    background-color: #0077FF;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4;
    font-size: 12;
    white-space: nowrap;
    opacity: 0;
    transition: "opacity 0.2s";
    z-index: 10; }
  .auto-sku-mapping-main-container .submit-btn {
    border-radius: 8px !important;
    width: fit-content; }
  .auto-sku-mapping-main-container .submit-section {
    display: flex;
    justify-content: center;
    margin-top: 5px; }
  .auto-sku-mapping-main-container .custom-mapping-details {
    width: 100%;
    padding: 6px;
    border: 1px solid #A7ABAF;
    border-radius: 4px;
    font-size: 12px;
    resize: vertical;
    min-height: 30px; }
  .auto-sku-mapping-main-container .instructions-section {
    margin-top: 20px; }
  .auto-sku-mapping-main-container .additional-instructions-text-area {
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #A7ABAF !important;
    font-size: 12px;
    resize: vertical;
    min-height: 30px; }
  .auto-sku-mapping-main-container button.p-button.p-component.p-button-danger.p-button-icon-only {
    background: transparent !important;
    border: none !important;
    color: #EF4444 !important; }
  .auto-sku-mapping-main-container .custom-mapping-details::placeholder {
    font-size: 12px; }
  .auto-sku-mapping-main-container .additional-instructions-text-area::placeholder {
    font-size: 12px; }
  .auto-sku-mapping-main-container .mapping-table {
    width: 100%; }
  .auto-sku-mapping-main-container .p-tabview-panels {
    padding: 0px; }
  .auto-sku-mapping-main-container .p-tabview-selected {
    background: #ffff; }
    .auto-sku-mapping-main-container .p-tabview-selected .p-tabview-title {
      color: #1B64F2 !important;
      font-family: Chivo !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      letter-spacing: 0em !important;
      text-align: center !important; }
  .auto-sku-mapping-main-container .p-tabview-nav li {
    border-right: 0px !important; }
  .auto-sku-mapping-main-container .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .auto-sku-mapping-main-container .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #1B64F2 !important; }
  .auto-sku-mapping-main-container .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #1B64F2 !important;
    height: 3px; }
  .auto-sku-mapping-main-container .p-tabview-title {
    color: #60666b !important;
    font-family: Chivo !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important; }
  .auto-sku-mapping-main-container .tab-component {
    padding-top: 16px; }
  .auto-sku-mapping-main-container .scrollable-content-container {
    max-height: 70vh;
    /* or whatever height you prefer */
    overflow-y: auto;
    border: 1px solid #ddd;
    /* optional border */
    border-radius: 4px;
    /* optional rounded corners */
    margin-bottom: 16px;
    /* space before the submit button */ }
  .auto-sku-mapping-main-container .scrollable-content-container::-webkit-scrollbar {
    height: 6px;
    width: 5px; }
  .auto-sku-mapping-main-container .scrollable-content-container::-webkit-scrollbar-track {
    background: #F3F3F3 !important;
    height: 10px; }
  .auto-sku-mapping-main-container .scrollable-content-container::-webkit-scrollbar-thumb {
    background: #DADBDC !important;
    border-radius: 1em; }
  .auto-sku-mapping-main-container .scrollable-content-container::-webkit-scrollbar-thumb:hover {
    background: #DADBDC !important; }
  .auto-sku-mapping-main-container .auto-sku-mapping-container {
    height: 100%; }
  .auto-sku-mapping-main-container .auto-sku-mapping-main-container {
    height: 100%; }
  .auto-sku-mapping-main-container .mapping-table-container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    overflow-y: auto;
    height: calc(100% - 200px); }

.auto-sku-mapping-model .confirmation-content {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  overflow-wrap: anywhere;
  margin-bottom: 10px; }

.auto-sku-mapping-model .exclamation-triangle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MjAwMiAxOEMxLjY0NTM5IDE4LjMwMjQgMS41NTI5OSAxOC42NDUzIDEuNTUyMDEgMTguOTk0NUMxLjU1MTAzIDE5LjM0MzggMS42NDE1MSAxOS42ODcyIDEuODE0NDUgMTkuOTkwNUMxLjk4NzM4IDIwLjI5MzkgMi4yMzY3NSAyMC41NDY4IDIuNTM3NzMgMjAuNzIzOUMyLjgzODcxIDIwLjkwMSAzLjE4MDgyIDIwLjk5NjIgMy41MzAwMiAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI3IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcxIDE4LjY0NTMgMjIuMzU0NyAxOC4zMDI0IDIyLjE4IDE4TDEzLjcxIDMuODYwMDJDMTMuNTMxOCAzLjU2NjEzIDEzLjI4MDcgMy4zMjMxNCAxMi45ODEyIDMuMTU0NTFDMTIuNjgxNyAyLjk4NTg3IDEyLjM0MzggMi44OTcyOCAxMiAyLjg5NzI4QzExLjY1NjMgMi44OTcyOCAxMS4zMTg0IDIuOTg1ODcgMTEuMDE4OCAzLjE1NDUxQzEwLjcxOTMgMy4zMjMxNCAxMC40NjgzIDMuNTY2MTMgMTAuMjkgMy44NjAwMlYzLjg2MDAyWiIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOVYxMyIgc3Ryb2tlPSIjNTg1QjVGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTdIMTIuMDEiIHN0cm9rZT0iIzU4NUI1RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  align-self: center; }

.auto-sku-mapping-model .knowledge-discovery-btn {
  border-radius: 8px !important;
  height: 32px;
  background: #1B64F2 !important;
  font-family: 'Chivo';
  color: #FFF !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-color: #1B64F2 !important; }
  .auto-sku-mapping-model .knowledge-discovery-btn .p-button-icon {
    font-size: 12px; }

.price-expert-container {
  display: flex;
  justify-content: space-around;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .price-expert-container .price-card-style {
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    background: var(--Surface-surface-primary, #fff);
    border-radius: 16px; }
  .price-expert-container .price-dropdown .p-inputtext {
    border: unset;
    margin-top: -4px;
    margin-left: -4px;
    padding-right: 0px; }
  .price-expert-container .price-label {
    font-size: 16px; }
  .price-expert-container .price-title {
    font-size: 18px;
    font-weight: 600; }
  .price-expert-container .p-button {
    background: #1B64F2 !important;
    color: #ffffff !important;
    font-family: 'Chivo'; }
  .price-expert-container .p-button:enabled:hover, .price-expert-container .sai-tab-main-container .task-management-main-container .p-button:not(button):not(a):not(.p-disabled):hover {
    background-color: #1B64F2 !important; }
  .price-expert-container .price-expert-submit-btn {
    display: flex;
    justify-content: flex-end; }

.price-expert-landing-page {
  overflow: auto;
  height: 100%;
  overflow-x: hidden; }
  .price-expert-landing-page .p-tabview-title {
    font-size: 16px !important;
    color: unset !important;
    line-break: unset !important; }
  .price-expert-landing-page .tab-component {
    padding-top: 16px; }
  .price-expert-landing-page .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0.7rem;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #a7abaf transparent; }
  .price-expert-landing-page .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #1B64F2 !important; }
  .price-expert-landing-page .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #1B64F2 !important;
    height: 3px; }
  .price-expert-landing-page .p-tabview .p-tabview-panels {
    padding: 10px; }
  .price-expert-landing-page .setup-demo-grid {
    margin-bottom: 30px;
    padding-right: 15px; }

.common-expert-landing-page-container {
  height: 100%; }
  .common-expert-landing-page-container .side-left-panel.open-panel {
    width: calc(100% - 440px); }
  .common-expert-landing-page-container .side-left-panel {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
  .common-expert-landing-page-container .side-panel {
    width: 100%;
    height: 95%;
    background-color: #fff;
    transition: width 0.3s ease;
    border-radius: 16px;
    background: var(--Surface-surface-primary, #fff);
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    margin-top: unset !important;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out !important; }
    .common-expert-landing-page-container .side-panel.active {
      transform: translateX(0); }
  .common-expert-landing-page-container .side-panel-open {
    width: 430px;
    width: 448px;
    overflow-x: unset !important;
    position: unset;
    padding: 0.15rem 0.85rem;
    padding-right: 0px !important; }
  .common-expert-landing-page-container .side-panel-open,
  .common-expert-landing-page-container .side-left-panel {
    height: 100%;
    position: unset; }
  .common-expert-landing-page-container .expert-page-title {
    font-size: 24px;
    font-weight: 700;
    color: #212427; }
  .common-expert-landing-page-container .workflow-tag {
    background: #E7F6FF;
    border-radius: 16px;
    padding: 0px 10px 0px 10px;
    color: #000;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Chivo-Regular'; }
  .common-expert-landing-page-container .expert-flow .p-timeline-event-opposite {
    display: none; }
  .common-expert-landing-page-container .workflow-circle {
    width: 25px;
    height: 25px;
    border-color: #e5e7eb;
    border-style: solid;
    border-width: 2px; }
  .common-expert-landing-page-container .line-style {
    background-color: #e5e7eb; }
  .common-expert-landing-page-container .timeline-card {
    border-radius: 0.5rem;
    font-family: 'Chivo-Regular'; }
  .common-expert-landing-page-container .work-flow-text {
    font-size: 18px; }
  .common-expert-landing-page-container .run-workflow-btn {
    height: 31px;
    background-color: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    font-size: 16px; }
  .common-expert-landing-page-container .run-workflow-disable-btn {
    opacity: 0.6; }
  .common-expert-landing-page-container .run-workflow button.p-button.p-component.run-workflow-btn {
    height: 31px;
    background-color: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    font-size: 16px;
    color: white; }
  .common-expert-landing-page-container .number-style {
    color: #212427;
    font-family: 'Chivo-Regular';
    font-size: 12px;
    padding-top: 1px; }
  .common-expert-landing-page-container .image-style {
    width: 65%; }
  .common-expert-landing-page-container .gap-10 {
    gap: 10px; }
  .common-expert-landing-page-container .last-run-pip-enable {
    cursor: pointer;
    font-size: 16px;
    font-family: 'Chivo-Regular';
    color: #1B64F2; }
  .common-expert-landing-page-container .last-run-pip-disable {
    cursor: default;
    font-size: 16px;
    font-family: 'Chivo-Regular'; }
  .common-expert-landing-page-container .task-scrap {
    font-size: 16px;
    font-family: 'Chivo-Regular'; }
  .common-expert-landing-page-container .current-run-task-scrap {
    font-size: 14px;
    font-family: 'Chivo-Regular'; }
  .common-expert-landing-page-container .last-run-body-content {
    padding: 0 0px 20px 20px;
    margin-top: 10px;
    overflow: hidden; }
  .common-expert-landing-page-container .last-run-pip-card-body {
    height: 100%; }
  .common-expert-landing-page-container .last-run-prompt-body {
    margin-left: -10px; }
  .common-expert-landing-page-container .last-run-expert-body {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 100%;
    max-height: calc(100vh - 230px);
    padding-bottom: 20px;
    padding-right: 10px; }
  .common-expert-landing-page-container .expert-description-config {
    font-family: 'Chivo-Regular';
    font-size: 16px; }
  .common-expert-landing-page-container .last-run-date-style {
    font-family: 'Chivo-Regular';
    font-size: 14px;
    font-weight: 600; }
  .common-expert-landing-page-container .past-analysis-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 4px solid #1B64F2;
    padding: 10px;
    border-radius: 16px;
    padding-left: 8px; }
  .common-expert-landing-page-container .success-card {
    border-left: 4px solid #006D63; }
  .common-expert-landing-page-container .past-analysis-card:hover {
    background-color: #f8f9fa !important; }
  .common-expert-landing-page-container .current-analysis-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 2px solid #1B64F2;
    border-radius: 16px; }
  .common-expert-landing-page-container .current-analysis-card:hover {
    background-color: #f8f9fa !important; }
  .common-expert-landing-page-container .current-analysis-title {
    font-family: 'Chivo-Medium';
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px; }
  .common-expert-landing-page-container .notification-created-status {
    background: #E7F6FF !important;
    border-radius: 16px !important;
    padding: 0px 10px 0px 10px !important;
    color: #000 !important; }
  .common-expert-landing-page-container .notification-failed-status {
    background: #ffe7eb !important;
    border-radius: 16px !important;
    padding: 0px 10px 0px 10px !important;
    color: #000 !important; }
  .common-expert-landing-page-container .reload-card-container {
    height: 50vh !important; }

.sai-tab-main-container .without-message-scroll:has(.common-expert-landing-page-container) {
  overflow-y: unset;
  overflow-x: unset; }

.expert-Landing-container {
  height: 100%; }
  .expert-Landing-container .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important; }

.dynamic-form {
  padding: 20px;
  border-radius: 8px;
  margin-top: 10px;
  height: 100%;
  overflow-y: auto; }
  .dynamic-form .expert-card-style {
    width: 366px;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); }
  .dynamic-form .form-group {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px; }
  .dynamic-form h2 {
    color: #212427 !important;
    padding-bottom: 10px;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Chivo-Regular' !important; }
  .dynamic-form .form-step-content {
    margin-bottom: 20px; }
  .dynamic-form .form-group,
  .dynamic-form .checkbox-group,
  .dynamic-form .radio-group,
  .dynamic-form .form-label-only {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column; }
  .dynamic-form .form-group input[type="radio"],
  .dynamic-form .form-group input[type="checkbox"] {
    margin-right: 8px; }
  .dynamic-form .grid-col-span-2 {
    grid-column: span 2; }
  .dynamic-form .grid-col-span-3 {
    grid-column: span 3; }
  .dynamic-form .form-group label,
  .dynamic-form .checkbox-group label,
  .dynamic-form fieldset legend,
  .dynamic-form .form-label-only {
    margin-bottom: 5px;
    color: #212427;
    display: flex; }
    .dynamic-form .form-group label .required-label::after,
    .dynamic-form .checkbox-group label .required-label::after,
    .dynamic-form fieldset legend .required-label::after,
    .dynamic-form .form-label-only .required-label::after {
      content: '*';
      color: red;
      margin-left: 4px; }
    .dynamic-form .form-group label .form-group input[type="text"],
    .dynamic-form .form-group label .form-group textarea,
    .dynamic-form .form-group label .form-group select,
    .dynamic-form .checkbox-group label .form-group input[type="text"],
    .dynamic-form .checkbox-group label .form-group textarea,
    .dynamic-form .checkbox-group label .form-group select,
    .dynamic-form fieldset legend .form-group input[type="text"],
    .dynamic-form fieldset legend .form-group textarea,
    .dynamic-form fieldset legend .form-group select,
    .dynamic-form .form-label-only .form-group input[type="text"],
    .dynamic-form .form-label-only .form-group textarea,
    .dynamic-form .form-label-only .form-group select {
      width: 100%;
      padding: 8px 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box; }
    .dynamic-form .form-group label .form-group input:focus,
    .dynamic-form .form-group label .form-group textarea:focus,
    .dynamic-form .form-group label .form-group select:focus,
    .dynamic-form .checkbox-group label .form-group input:focus,
    .dynamic-form .checkbox-group label .form-group textarea:focus,
    .dynamic-form .checkbox-group label .form-group select:focus,
    .dynamic-form fieldset legend .form-group input:focus,
    .dynamic-form fieldset legend .form-group textarea:focus,
    .dynamic-form fieldset legend .form-group select:focus,
    .dynamic-form .form-label-only .form-group input:focus,
    .dynamic-form .form-label-only .form-group textarea:focus,
    .dynamic-form .form-label-only .form-group select:focus {
      border-color: #007bff;
      outline: none;
      box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }
    .dynamic-form .form-group label .form-group input[disabled],
    .dynamic-form .form-group label .form-group textarea[disabled],
    .dynamic-form .form-group label .form-group select[disabled],
    .dynamic-form .checkbox-group label .form-group input[disabled],
    .dynamic-form .checkbox-group label .form-group textarea[disabled],
    .dynamic-form .checkbox-group label .form-group select[disabled],
    .dynamic-form fieldset legend .form-group input[disabled],
    .dynamic-form fieldset legend .form-group textarea[disabled],
    .dynamic-form fieldset legend .form-group select[disabled],
    .dynamic-form .form-label-only .form-group input[disabled],
    .dynamic-form .form-label-only .form-group textarea[disabled],
    .dynamic-form .form-label-only .form-group select[disabled] {
      background-color: #e9ecef;
      opacity: 0.7;
      cursor: not-allowed; }
    .dynamic-form .form-group label .error-message,
    .dynamic-form .checkbox-group label .error-message,
    .dynamic-form fieldset legend .error-message,
    .dynamic-form .form-label-only .error-message {
      color: red;
      font-size: 0.85em;
      margin-top: 4px; }
    .dynamic-form .form-group label .form-group input[aria-invalid="true"],
    .dynamic-form .form-group label .form-group textarea[aria-invalid="true"],
    .dynamic-form .form-group label .form-group select[aria-invalid="true"],
    .dynamic-form .checkbox-group label .form-group input[aria-invalid="true"],
    .dynamic-form .checkbox-group label .form-group textarea[aria-invalid="true"],
    .dynamic-form .checkbox-group label .form-group select[aria-invalid="true"],
    .dynamic-form fieldset legend .form-group input[aria-invalid="true"],
    .dynamic-form fieldset legend .form-group textarea[aria-invalid="true"],
    .dynamic-form fieldset legend .form-group select[aria-invalid="true"],
    .dynamic-form .form-label-only .form-group input[aria-invalid="true"],
    .dynamic-form .form-label-only .form-group textarea[aria-invalid="true"],
    .dynamic-form .form-label-only .form-group select[aria-invalid="true"] {
      border-color: red; }
    .dynamic-form .form-group label .radio-group label,
    .dynamic-form .form-group label .checkbox-group label,
    .dynamic-form .checkbox-group label .radio-group label,
    .dynamic-form .checkbox-group label .checkbox-group label,
    .dynamic-form fieldset legend .radio-group label,
    .dynamic-form fieldset legend .checkbox-group label,
    .dynamic-form .form-label-only .radio-group label,
    .dynamic-form .form-label-only .checkbox-group label {
      font-weight: normal;
      margin-right: 15px;
      display: flex; }
    .dynamic-form .form-group label .radio-group input[type="radio"],
    .dynamic-form .form-group label .checkbox-group input[type="checkbox"],
    .dynamic-form .checkbox-group label .radio-group input[type="radio"],
    .dynamic-form .checkbox-group label .checkbox-group input[type="checkbox"],
    .dynamic-form fieldset legend .radio-group input[type="radio"],
    .dynamic-form fieldset legend .checkbox-group input[type="checkbox"],
    .dynamic-form .form-label-only .radio-group input[type="radio"],
    .dynamic-form .form-label-only .checkbox-group input[type="checkbox"] {
      margin-right: 8px;
      width: auto; }
    .dynamic-form .form-group label .radio-group-inline,
    .dynamic-form .checkbox-group label .radio-group-inline,
    .dynamic-form fieldset legend .radio-group-inline,
    .dynamic-form .form-label-only .radio-group-inline {
      display: flex;
      gap: 15px;
      align-items: center; }
    .dynamic-form .form-group label .navigation-buttons,
    .dynamic-form .checkbox-group label .navigation-buttons,
    .dynamic-form fieldset legend .navigation-buttons,
    .dynamic-form .form-label-only .navigation-buttons {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      padding-top: 15px;
      border-top: 1px solid #eee; }
    .dynamic-form .form-group label .navigation-buttons button,
    .dynamic-form .checkbox-group label .navigation-buttons button,
    .dynamic-form fieldset legend .navigation-buttons button,
    .dynamic-form .form-label-only .navigation-buttons button {
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1em; }
    .dynamic-form .form-group label .navigation-buttons button[type="button"],
    .dynamic-form .checkbox-group label .navigation-buttons button[type="button"],
    .dynamic-form fieldset legend .navigation-buttons button[type="button"],
    .dynamic-form .form-label-only .navigation-buttons button[type="button"] {
      background-color: #6c757d;
      color: white; }
    .dynamic-form .form-group label .navigation-buttons button[type="button"]:hover,
    .dynamic-form .checkbox-group label .navigation-buttons button[type="button"]:hover,
    .dynamic-form fieldset legend .navigation-buttons button[type="button"]:hover,
    .dynamic-form .form-label-only .navigation-buttons button[type="button"]:hover {
      background-color: #5a6268; }
    .dynamic-form .form-group label .navigation-buttons button[type="submit"],
    .dynamic-form .checkbox-group label .navigation-buttons button[type="submit"],
    .dynamic-form fieldset legend .navigation-buttons button[type="submit"],
    .dynamic-form .form-label-only .navigation-buttons button[type="submit"] {
      background-color: #007bff;
      color: white; }
    .dynamic-form .form-group label .navigation-buttons button[type="submit"]:hover,
    .dynamic-form .checkbox-group label .navigation-buttons button[type="submit"]:hover,
    .dynamic-form fieldset legend .navigation-buttons button[type="submit"]:hover,
    .dynamic-form .form-label-only .navigation-buttons button[type="submit"]:hover {
      background-color: #0056b3; }
    .dynamic-form .form-group label .custom-card,
    .dynamic-form .checkbox-group label .custom-card,
    .dynamic-form fieldset legend .custom-card,
    .dynamic-form .form-label-only .custom-card {
      border: 1px dashed #aaa;
      padding: 15px;
      background-color: #f0f8ff;
      margin-bottom: 15px;
      border-radius: 4px; }
    .dynamic-form .form-group label .custom-card.summary-card,
    .dynamic-form .checkbox-group label .custom-card.summary-card,
    .dynamic-form fieldset legend .custom-card.summary-card,
    .dynamic-form .form-label-only .custom-card.summary-card {
      background-color: #eef; }
    .dynamic-form .form-group label .custom-card pre,
    .dynamic-form .checkbox-group label .custom-card pre,
    .dynamic-form fieldset legend .custom-card pre,
    .dynamic-form .form-label-only .custom-card pre {
      background-color: #fff;
      padding: 10px;
      border: 1px solid #ddd;
      max-height: 300px;
      overflow: auto; }
  .dynamic-form .navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 15px; }
  .dynamic-form .navigation-buttons.right {
    justify-content: flex-end;
    gap: 10px; }
  .dynamic-form .navigation-buttons.left {
    justify-content: flex-start;
    gap: 10px; }
  .dynamic-form .navigation-buttons.center {
    justify-content: center;
    gap: 10px; }
  .dynamic-form .input-switch-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0; }
  .dynamic-form .input-switch-container label {
    margin-bottom: 0;
    margin-left: 0.5rem;
    cursor: pointer; }
  .dynamic-form .p-inputswitch {
    position: relative;
    display: inline-block; }
  .dynamic-form .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #007bff; }
  .dynamic-form .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #0056b3; }
  .dynamic-form .p-inputswitch.p-focus .p-inputswitch-slider {
    outline: 0;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .dynamic-form .slider-container {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0; }
  .dynamic-form .slider-value {
    min-width: 3rem;
    text-align: right; }
  .dynamic-form .p-slider {
    flex: 1; }
  .dynamic-form .p-slider .p-slider-handle {
    cursor: grab; }
  .dynamic-form .accordion-group-label {
    margin-bottom: 1rem;
    font-weight: bold; }
  .dynamic-form .accordion-content {
    padding: 1rem 0; }
  .dynamic-form .p-accordion .p-accordion-header {
    margin-bottom: 0; }
  .dynamic-form .p-accordion .p-accordion-content {
    padding: 1.25rem; }
  .dynamic-form .p-divider {
    margin: 1.5rem 0; }
  .dynamic-form .p-divider.p-divider-horizontal {
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    margin: 1rem 0; }
  .dynamic-form .p-divider.p-divider-horizontal:before,
  .dynamic-form .p-divider.p-divider-horizontal:after {
    content: '';
    flex: 1;
    border-top: 1px solid var(--surface-border, #dee2e6); }
  .dynamic-form .p-divider.p-divider-left {
    justify-content: flex-start; }
  .dynamic-form .p-divider.p-divider-center {
    justify-content: center; }
  .dynamic-form .p-divider.p-divider-right {
    justify-content: flex-end; }
  .dynamic-form .p-divider-content {
    font-weight: 600;
    padding: 0 1rem; }
  .dynamic-form .form-group textarea.focused {
    border-color: red;
    box-shadow: 0 0 15px rgba(41, 255, 3, 0.499); }
  .dynamic-form .highlight-textarea {
    background-color: #cd0cf4;
    transition: background-color 0.3s ease; }
  .dynamic-form .run-workflow-btn {
    height: 31px;
    background-color: #1B64F2 !important;
    font-family: 'Chivo-Regular';
    font-size: 16px; }

/* font sizes */
/* font weight */
/* Colors */
/* Spacing */
/* Gaps */
/* Paddings */
/* Border radiuses */
/* Autocomplete suggestion panel Styles */
/* Date Picker */
.sai-workflow-details-container *::-webkit-scrollbar-thumb {
  background: #DADBDC !important; }

.sai-workflow-details-container *::-webkit-scrollbar-track-piece {
  background: #F3F3F3 !important; }

.sai-workflow-details-container {
  overflow: hidden;
  height: 94vh;
  /* Move the toggle icon to the right */
  /* Clean header styles */
  /* Remove border from content */
  /* Add border below each tab */
  /* Remove border for the last tab */ }
  .sai-workflow-details-container .workflow-left-panel.open-panel {
    width: calc(100% - 420px);
    margin-bottom: 20px; }
  .sai-workflow-details-container .workflow-left-panel {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
  .sai-workflow-details-container .workflow-no-data {
    height: 100%; }
  .sai-workflow-details-container .sai-workflow-panel {
    height: calc(100% - 100px);
    overflow: overlay;
    padding: 30px;
    padding-top: 0px;
    padding-bottom: 0px; }
  .sai-workflow-details-container .sai-workflow-common-panel {
    overflow: overlay; }
  .sai-workflow-details-container .side-panel {
    width: 100%;
    height: 95%;
    background-color: #fff;
    transition: width 0.3s ease;
    border-radius: 16px;
    background: var(--Surface-surface-primary, #fff);
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    margin-top: unset !important;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out !important; }
    .sai-workflow-details-container .side-panel.active {
      transform: translateX(0); }
  .sai-workflow-details-container .side-panel-open {
    width: 420px;
    overflow-x: unset !important;
    position: unset;
    padding: 0.15rem 0.85rem;
    padding-right: 0px !important; }
  .sai-workflow-details-container .side-panel-open,
  .sai-workflow-details-container .workflow-left-panel {
    height: 100%;
    position: unset; }
  .sai-workflow-details-container .side-panel-open .card-header {
    justify-content: space-between;
    background-color: unset;
    border-bottom: unset;
    font-family: Chivo;
    font-size: 16px;
    font-weight: 700;
    padding: 20px; }
  .sai-workflow-details-container .past-analysis-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 4px solid #006D63;
    padding: 10px;
    border-radius: 16px;
    padding-left: 8px; }
  .sai-workflow-details-container .workflow-details-card {
    height: 100%;
    border-color: #A7ABAF;
    border-radius: 10px;
    margin-bottom: 20px; }
  .sai-workflow-details-container .workflow-details-cardBody {
    height: calc(100% - 46px);
    padding-top: 0px; }
  .sai-workflow-details-container .notification-success-status {
    background: #E7F6FF !important;
    border-radius: 16px !important;
    padding: 0px 10px 0px 10px !important;
    color: #000 !important; }
  .sai-workflow-details-container .workflow-details-body {
    overflow-y: auto;
    height: 64vh;
    overflow-x: hidden; }
  .sai-workflow-details-container .p-accordion-toggle-icon {
    order: 2;
    margin-left: auto;
    transform: rotate(90deg);
    transition: transform 0.3s ease; }
  .sai-workflow-details-container .p-accordion-tab-active .p-accordion-toggle-icon {
    transform: rotate(180deg); }
  .sai-workflow-details-container .p-accordion .p-accordion-header .p-accordion-header-link {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #212427 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0.75rem 0; }
  .sai-workflow-details-container .p-accordion-toggle-icon {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0; }
  .sai-workflow-details-container .p-accordion-header-text {
    font-size: 16px !important;
    font-family: chivo;
    font-weight: 700;
    line-height: 24px; }
  .sai-workflow-details-container .p-component,
  .sai-workflow-details-container .p-component * {
    font-size: 14px;
    font-family: chivo;
    color: unset;
    line-height: 24px;
    text-align: justify; }
  .sai-workflow-details-container .past-analysis-card {
    margin-bottom: 10px;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 4px solid #006D63;
    padding: 10px;
    border-radius: 16px;
    padding-left: 8px;
    margin-top: 10px;
    cursor: pointer; }
  .sai-workflow-details-container .p-accordion .p-accordion-content {
    border: none !important;
    padding: 0 0.75rem 0 0; }
  .sai-workflow-details-container .p-accordion .p-accordion-tab {
    border-bottom: 1px solid #212427; }
  .sai-workflow-details-container .p-accordion .p-accordion-tab:last-child {
    border-bottom: none; }
  .sai-workflow-details-container .p-accordion-content {
    transition: all 0.3s ease; }
  .sai-workflow-details-container .common-loader {
    height: 100%;
    width: 100%; }
  .sai-workflow-details-container .file-main-container {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: 10px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease; }
    .sai-workflow-details-container .file-main-container:hover {
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
      transform: translateY(-2px); }
    .sai-workflow-details-container .file-main-container .files-heading {
      color: #000000DE !important;
      font-size: 16px !important;
      font-family: 'Chivo' !important; }
  .sai-workflow-details-container .highlighted-card {
    background-color: #e6f0ff;
    /* Light blue background */ }
  .sai-workflow-details-container .common-header-component {
    padding: 30px;
    margin-right: -12px; }
  .sai-workflow-details-container .api-error-card {
    overflow: hidden; }
  .sai-workflow-details-container .message-widget-container {
    margin-bottom: 20px; }
  .sai-workflow-details-container .apexcharts-xaxis text {
    pointer-events: none; }

.main_container:has(.sai-workflow-details-container) {
  padding-right: 0px; }

.item:has(.sai-workflow-details-container) {
  padding: 0px !important; }

.deeplink-reload {
  height: 93vh !important; }

.url-expired-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 92vh;
  text-align: center;
  width: 40vw;
  margin: auto; }
  .url-expired-page .icon-container {
    background-color: #ffe5e5;
    border-radius: 50%;
    padding: 20px;
    margin-bottom: 20px; }
    .url-expired-page .icon-container .icon {
      color: #d9534f;
      width: 60px;
      height: 60px; }
  .url-expired-page h1 {
    color: #d9534f;
    margin-bottom: 10px; }
  .url-expired-page p {
    color: #666;
    margin-bottom: 20px;
    font-size: 16px; }
  .url-expired-page button {
    background-color: #1B64F2;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.2s ease-in-out; }

/**************Pimerce Blue Theme***************/

.execution-module-footer, .authentication-module-footer {
  position: fixed;
  left: 0;
  bottom: -2px;
  width: 100%;
  color: #2d363f;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  font-family: Chivo-Regular;
  z-index: -1; }

.authentication-module-footer {
  background-color: transparent;
  color: #ffffff;
  opacity: 0.5;
  bottom: 0 !important;
  z-index: 1; }

/**************Pimerce Blue Theme***************/

.features-section {
  margin-top: 125px;
  font-size: 18px; }

.section-name, .section-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  font-family: Chivo-Bold; }

.section-query {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  font-family: Chivo-Bold;
  margin-top: 75px; }

.about-section-copyright {
  margin-top: 21px;
  font-family: 'Chivo';
  font-size: 16px; }

/**************Pimerce Blue Theme***************/

.sidebarMenu {
  padding: 10px; }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px; }

.sidenav a:hover {
  color: #f1f1f1; }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px; }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 18px; } }

/*/////////////////////////////*/
/* Common Styles - Responsive */
/*///////////////////////////*/
.background {
  width: 100%;
  height: 100%;
  position: absolute; }

.navbarTopContainer {
  display: flex;
  margin-top: 1em; }

.topRightNavContainer {
  position: relative;
  left: 1em; }

.logoContainerBlock {
  display: flex;
  position: relative;
  left: 2em;
  top: 13px; }

.login-signup {
  height: 24px;
  width: 134px;
  color: #00aeef;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 24px; }

.navRightContainer {
  top: 2em;
  position: relative; }

#btnBlockContainer {
  border-color: #082056;
  font-size: 12px;
  color: #181717;
  font-family: Chivo-Regular;
  padding: 1px; }

#btnBlockContainer:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important; }

.navLogoContainer {
  width: 116px; }

.pageHeadingContainer {
  color: #ffffff;
  font-family: Chivo-Bold;
  font-size: 24px;
  letter-spacing: 0.4px;
  line-height: 28px; }

.welcomeUserContainer {
  color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 16px; }

#welcomeUserBlock {
  display: none; }

.cardBlockContainer {
  margin-top: 15px;
  margin-left: 39px;
  margin-right: -22px; }

.imageAlign {
  padding-top: 70px; }

.qrCodeImageAlign {
  width: -webkit-fill-available;
  position: relative;
  right: 19.5px;
  bottom: 60px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }

.fontStyleBold {
  position: relative;
  top: 11px;
  margin-top: 2px !important;
  color: #af210c;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  text-align: end; }

#dropDownMenuBlock:hover {
  color: #ffffff;
  font-family: Chivo-Regular;
  background-color: #082056; }

/*/////////////////////////////*/
/* Common Form Field Styles  */
/*///////////////////////////*/
#fieldContainer::placeholder {
  height: 14px;
  color: #999999;
  font-family: Chivo-Regular;
  font-size: 12px !important;
  line-height: 14px; }

#formGroupBlock {
  position: relative;
  bottom: -3px; }

#formGroupBlock .form-control {
  text-align: left !important;
  font-style: italic;
  opacity: 0.5;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-color: #c2d5e5; }

@media screen and (max-width: 900px) {
  #formGroupBlock {
    position: relative;
    bottom: 37px; } }

.fieldLabelBlock {
  height: 24px;
  width: 78px;
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 24px; }

#fieldIconBlock {
  box-sizing: border-box;
  height: 42px;
  width: 46px;
  border-radius: 0em;
  border: 1px solid #bdbdbd;
  background-color: #F9F9F9;
  justify-content: center; }

.fieldIcon {
  box-sizing: border-box;
  height: 15px;
  width: 25px; }

#fieldContainer {
  border-radius: 0em;
  box-sizing: border-box;
  height: 42px;
  font-size: 12px;
  background-color: #ffffff; }

/*/////////////////*/
/* QR Code Styles */
/*////////////////*/
.qrBlockContainer {
  display: flex;
  position: relative;
  bottom: 12em;
  justify-content: center;
  flex-flow: row-reverse; }

.card-img-top {
  width: 100%;
  height: fit-content;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.qrCardContainer {
  margin-top: 5em;
  height: 360px;
  width: 372px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); }

/*////////////////////////////*/
/* Document Encryption Styles */
/*////////////////////////////*/
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }

.custom-file-upload {
  width: 196px;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  display: inline-block;
  padding: 6px 12px;
  color: #ffffff;
  font-family: Chivo-Regular;
  font-size: 14px; }

.upload-btn-wrapper input[type='file'] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

/*/////////////////////*/
/* Info Content styles */
/*/////////////////////*/
.headingInfo {
  display: flex;
  justify-content: center;
  margin-top: 3em;
  color: #292929;
  font-family: Chivo-Bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center; }

.successInfoHeading {
  display: flex;
  justify-content: center;
  color: #292929;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5em; }

.successInfo {
  display: flex;
  justify-content: center;
  color: #292929;
  font-family: Chivo-Regular;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  margin-top: 2em; }

/*/////////////////////*/
/* Media Query Styles /*/
/*/////////////////////*/
@media (min-width: 320px) and (max-width: 375px) {
  .topRightNavContainer {
    position: relative;
    left: -26px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .columnSwap {
    flex-direction: column-reverse; }
  .logoContainerBlock {
    display: flex;
    position: relative;
    left: 1em;
    top: 1em; }
  .navRightContainer {
    position: relative;
    top: 2em;
    padding: 1em; }
  .navLogoContainer {
    width: 90px; }
  .pageHeadingContainer {
    color: #ffffff;
    font-family: Chivo-Bold;
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 28px; }
  .welcomeUserContainer {
    display: none;
    color: #ffffff;
    font-family: Chivo-Regular;
    font-size: 14px;
    line-height: 16px; }
  #welcomeUserBlock {
    display: block; }
  .cardBlockContainer {
    margin-top: -0.5em;
    margin-left: 5px;
    position: relative;
    bottom: 1em; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px;
    font-size: 12px;
    font-style: italic !important;
    text-align: left !important;
    width: 200px; }
  .imageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCodeImageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCardContainer {
    position: relative;
    bottom: 1em;
    margin-top: 5em;
    height: 360px;
    width: 372px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); } }

@media (min-width: 768px) and (max-width: 991px) {
  .columnSwap {
    flex-direction: column-reverse; }
  .imageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  .qrCodeImageAlign {
    height: 100%;
    width: 100%;
    position: initial;
    margin-top: 1em; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px;
    font-size: 12px; }
  .logoContainerBlock {
    display: flex;
    position: relative;
    left: 1em;
    top: 1em; }
  .qrCardContainer {
    position: relative;
    bottom: 1em;
    margin-top: 5em;
    height: 360px;
    width: 372px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08); } }

@media (min-width: 1024px) and (max-width: 1260px) {
  .logoImageContainer {
    width: auto; }
  #fieldContainer {
    border-radius: 0em;
    box-sizing: border-box;
    height: 42px; } }

@media (min-width: 1600px) and (max-width: 1799px) {
  .cardBlockContainer {
    margin-top: 15px;
    margin-left: 16px;
    margin-right: 4px; } }

@media (min-width: 1800px) and (max-width: 1920px) {
  .cardBlockContainer {
    margin-top: 15px;
    margin-left: -7px;
    margin-right: 25px; } }

.userField {
  text-transform: capitalize; }

.forgot {
  color: #637280 !important;
  font-family: Chivo-Regular;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-align: center;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 9px !important; }

a.forgot:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem transparent; }

.forgot:hover {
  color: #1B64F2 !important;
  text-decoration: underline !important; }

/* new styles */
.container {
  padding: 0px;
  padding-left: 86px;
  padding-right: 25px;
  width: 100%; }

.background {
  width: 100%;
  height: 100%;
  position: absolute; }

.login-container {
  margin-top: 3%;
  margin-bottom: 3%; }

.login-form-2 {
  padding: 66px;
  background: #ffffff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); }

.login-form-2 h3 {
  text-align: center;
  color: #ffffff; }

.login-container form {
  padding: 10%; }

.btnSubmit {
  width: 37%;
  background: #1e058b;
  color: #ffffff;
  border-radius: 2rem;
  padding: 2.5%;
  border: none;
  cursor: pointer; }

.login-form-2 .ForgetPwd {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none; }

.emailid-placeholder,
.password-placeholder {
  border-radius: 0px !important;
  font-family: Barlow-Regular;
  font-size: 14px; }

.emailid-field,
.password-field {
  border-radius: 0px !important;
  opacity: 1 !important;
  font-style: normal !important;
  font-family: Barlow-Regular;
  font-size: 14px; }

.btn-block {
  width: 107px;
  color: #ffffff;
  border-radius: 24px !important;
  padding: 2.5%;
  border: none;
  height: 40px;
  box-shadow: 0 2px 4px 0 rgba(46, 57, 255, 0.23);
  margin-left: 113px;
  background-color: #e3f3ff !important; }

.invalid-feedback {
  width: 100%;
  margin-top: -13px !important;
  font-size: 64%;
  color: #dc3545;
  text-align: right;
  font-style: italic; }

.fontStyleBold1 .invalid-feedback {
  width: 100%;
  margin-top: -10px !important;
  font-size: 64%;
  color: #dc3545;
  text-align: right;
  font-style: italic; }

.apexcharts-legend.apexcharts-align-left.position-bottom {
  bottom: -1px !important; }

#fieldContainer::-webkit-input-placeholder {
  font-size: 14px !important; }

.forgot-password-disableButtons {
  padding: 1.5em;
  background-color: #e3f3ff;
  width: 80px;
  height: 38px;
  border-radius: 2em;
  border-color: #c2d5e5;
  color: #000000;
  font-family: Chivo-Bold;
  font-size: 12px;
  line-height: 0px;
  cursor: pointer; }

.forgot-password-disableButtons.btn-primary:hover {
  color: #ffffff;
  background-color: #1B64F2;
  border-color: #637280; }

.forgot-password-cancelButton {
  padding: 1.5em;
  background-color: #ffffff;
  border-radius: 2em;
  border-color: #c2d5e5;
  color: #000000;
  font-family: Chivo-Bold;
  font-size: 12px;
  line-height: 0px;
  cursor: pointer; }

.forgot-password-cancelButton.btn-primary:hover {
  color: #ffffff;
  background-color: #1B64F2;
  border-color: #637280; }

.forgot-password-showBackBtn {
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer; }

.forgot-password-style {
  color: #003353;
  font-family: Chivo-Bold;
  font-size: 24px;
  line-height: 28px;
  cursor: context-menu;
  padding-bottom: 2em; }

.pi-custom-btn-padding {
  padding: 0.3rem 1.45rem; }

.pi-self-btn-padding {
  padding: 10px; }

.pi-self-btn-margin-t {
  margin-top: 15px; }

.pi-margin-t {
  margin-top: 15px; }

.pi-margin-l {
  margin-left: 15px; }

.pi-margin-r {
  margin-right: 15px; }

.pi-margin-b {
  margin-bottom: 15px; }

.pi-self-btn-margin-r {
  margin-right: 15px; }

.pim-btn-main {
  font-family: Chivo-Regular;
  background-color: #1B64F2 !important;
  color: white !important;
  flex: none; }

.pim-btn-main-color-green {
  font-family: Chivo-Regular;
  background-color: #7ed321 !important;
  color: white !important;
  flex: none; }

.pim-btn-main-color-red {
  font-family: Chivo-Regular;
  background-color: #fa042d !important;
  color: white !important;
  flex: none; }

.pim-font-property {
  width: fit-content;
  height: 32px;
  flex-shrink: 0;
  border: none;
  color: #FFF;
  font-family: 'chivo-bold';
  background-color: #1B64F2 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; }

/**************Pimerce Blue Theme***************/

.forgotBoxLayout {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; }

.forgotTopContent {
  display: flex;
  padding: 40px; }

.forgot-block-info {
  color: #292929;
  font-family: Chivo-Bold;
  font-size: 16px;
  line-height: 28px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.letsGet {
  line-height: 1.07;
  font-style: normal;
  font-stretch: normal;
  font-size: 60px;
  letter-spacing: normal;
  color: #ffffff;
  font-family: Chivo-Bold; }

.needInfo {
  font-family: Chivo-Regular;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff; }

.container-forgot {
  display: flex;
  justify-content: center; }

.forgot-box {
  width: 1000px;
  height: 420px;
  background: #ffffff;
  display: -webkit-flex;
  flex-direction: row-reverse;
  z-index: 1;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em; }

/*==================================================================
[ login more ]*/
.forgotBgImage {
  width: 96%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  height: 420px;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em; }

/*[ Form Styles]*/
.forgot-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 50px; }

#forgotLeftBlock {
  display: block; }

@media (min-width: 320px) and (max-width: 414px) {
  #forgotLeftBlock {
    display: none; }
  .forgotTopContent {
    justify-content: center; }
  .forgot {
    color: #ff656c !important;
    font-family: Chivo-Regular;
    font-size: 12px !important;
    text-decoration: underline !important;
    font-weight: normal;
    display: flex;
    justify-content: center; }
  .forgot-box {
    width: 1000px;
    height: 378px;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row-reverse;
    z-index: 1;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em; }
  .forgot-block-info {
    color: #292929;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    bottom: 40px;
    left: 25px;
    line-height: normal;
    letter-spacing: normal; } }

.forgot-left-box {
  width: 115%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.forgot-left-image-box {
  z-index: 33;
  left: 24px;
  position: absolute;
  bottom: 47px;
  color: #ffffff; }

@media (min-width: 650px) {
  .forgotBoxLayout {
    background-position: center center; }
  .forgotTopContent {
    align-items: flex-end; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .forgot-form {
    display: flex;
    justify-content: center; }
  .forgot-block-info {
    color: #292929;
    font-family: Chivo-Bold;
    font-size: 16px;
    line-height: 28px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    bottom: 40px; } }

@media (min-width: 768px) and (max-width: 3440px) {
  .forgotContentContainer {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

.forgot-password-info {
  width: fit-content;
  color: #000000;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2em;
  margin-top: -42px; }

.password-link-sent {
  width: fit-content;
  color: green;
  font-family: Chivo-Regular;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2em;
  margin-top: -42px; }

.show-back-btn {
  cursor: pointer; }

/**************Pimerce Blue Theme***************/

.mr-auto.navbar-nav {
  width: -webkit-fill-available;
  flex-direction: column; }

@media (min-width: 320px) {
  .sidenav {
    width: 100%; } }

@media (min-width: 320px) {
  .sidenavLessMenu {
    width: 100%; } }

.profile {
  position: absolute;
  display: inline-flex;
  top: 79px;
  right: 0px;
  cursor: default; }

.welcomeFont {
  font-weight: bold;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 3px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6B49B9; }

.containerContent {
  background-color: #ffffff;
  border-bottom: 1px solid #f0f0f0; }

.sidenav {
  height: 673px;
  width: 0;
  top: 55px;
  z-index: 11;
  display: flex;
  position: absolute;
  left: auto;
  right: 30px;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px;
  border-radius: 8px; }

.sidenavLessMenu {
  height: 640px;
  width: 0;
  top: 55px;
  z-index: 11;
  display: flex;
  position: absolute;
  margin-left: 20px;
  left: auto;
  right: 30px;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px; }

.sidemenu-style {
  margin-bottom: 20px; }

.sidenav a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenavLessMenu a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenav a:hover {
  color: #f1f1f1; }

.sidenavLessMenu a:hover {
  color: #f1f1f1; }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.sidenavLessMenu .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.containerContent ul {
  padding: 0;
  list-style: none;
  background: #f2f2f2;
  border-left: 5px solid grey; }

.containerContent ul li {
  display: inline-block;
  position: relative;
  line-height: 21px;
  text-align: left; }

.containerContent ul li a {
  display: block;
  padding: 8px 25px;
  color: #333;
  text-decoration: none; }

.containerContent ul li ul.dropdown-menu-container {
  width: 165px;
  border-radius: 4px;
  font-size: 12px;
  font-family: Chivo-Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #292929;
  background: #ffffff;
  display: none;
  border: none;
  position: absolute;
  border-left: 5px solid #00bde1;
  z-index: 999;
  left: -8px;
  top: 110%; }

.containerContent ul li ul.dropdown-menu-container li {
  display: block; }

.highlight:hover {
  font-weight: 600; }

.navbar-toggler.collapsed {
  zoom: 0.6; }

.blue {
  color: blue; }

.sideNavcontainer {
  width: 617px;
  height: 645px; }

/* Menu-Navigation tab style code starts here */
.menuTabLink {
  width: 20%;
  margin-left: 20px;
  font-family: Chivo-Regular;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.04px;
  color: #7f7f7fbf;
  margin-top: 15px; }

.menuTabLink.active .menuTabSubContent {
  padding: 0px 15px 20px 0px;
  border-bottom: 3px solid #007bff;
  box-shadow: 0px 15px 10px -15px rgba(1, 172, 253, 0.74), rgba(1, 172, 253, 0.74) 0px -8px 8px -10px inset; }

.menuTabLink.active .menuTabContent {
  color: #000000; }

.menuTabLink.active .menuTabContent img.menuTabImg {
  filter: drop-shadow(0 0 0 #000000); }

.menuTabContent .expandIcon {
  margin-right: 30px;
  float: right; }

.menuTabNav {
  display: contents;
  height: 60px;
  background-color: #ffffff; }

.subMenuList a.active.menuTabLink {
  color: #000000; }

.menuTabImg {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.04px;
  color: #3a3b3f;
  padding-right: 9px;
  font-family: Chivo-Regular; }

@media (max-width: 767px) {
  .menuTabNav {
    text-align-last: start; }
  .menuTabLink.active .menuTabSubContent {
    border-bottom: none;
    box-shadow: none; } }

@media (max-width: 875px) {
  .menuTabLink {
    font-size: 11px; } }

.collapse {
  padding-bottom: 1px; }

.collapse:not(.show) {
  display: block !important; }

/* Menu-Navigation tab style code ends here */
.menuBaseClass .inactive-menu .inactive-menubar {
  margin: 0px 12px 0px 9px;
  padding-left: 13px !important; }

.menuBaseClass .inactive-menubar #navigation-fa-plus {
  color: #1B64F2 !important; }

.menuBaseClass i {
  margin-right: 5px;
  margin-top: 3px;
  cursor: pointer;
  font-size: 10px; }

.menuBaseClassWithoutDash {
  margin-bottom: 20px; }

.menuBaseClassWithoutDash i {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  cursor: pointer;
  font-size: 10px; }

.menuBaseClassWithoutDash {
  margin-bottom: 20px; }

.menuNewClass i {
  margin-top: -36px; }

.parentContainer {
  margin: -51px 0px 0px 0px;
  width: auto;
  height: auto;
  overflow: scroll;
  scrollbar-width: none;
  background: #1B64F2 !important; }

.sidebar .parentContainer {
  background: linear-gradient(90deg, #0d8bdf 23%, #1B64F2 24%);
  transition: all 0.5s ease;
  overflow: visible;
  scrollbar-width: none; }

.second-level-style {
  height: auto;
  margin-right: 10px;
  padding: 7px 2px 7px 22px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 35px; }

.withoutIconForSecondChild {
  margin-left: 25px; }

.wrapper.collapse .sidebar .openSideMenu {
  display: none; }

.wrapper .sidebar .openSideMenu {
  display: contents; }

.wrapper .sidebar .sidemenuCollapsedIconContainer {
  display: none; }

.wrapper.collapse .sidebar .sidemenuCollapsedIconContainer {
  display: contents; }

.wrapper .sidebar .logoImage {
  margin-left: 15px; }

.wrapper.collapse .sidebar .logoImageCollapse {
  margin-left: 0px; }

.menuBaseClass a:hover {
  font-weight: bolder;
  color: #ffffff;
  opacity: 1; }

.linkNavContent {
  color: #ffffff;
  opacity: 0.5; }

.withIcon {
  font-size: 14px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: Chivo-Regular;
  opacity: inherit;
  white-space: nowrap; }

.withoutIcon, .withoutIconForSecondChild {
  font-size: 14px;
  margin-right: 10px;
  font-family: Chivo-Regular; }

.singleLevel {
  padding: 3px 2px 3px 13px; }

.singleLevel:hover i,
.single:hover i,
.multiLevel:hover i {
  filter: opacity(1) drop-shadow(1px 0px 2px #000000); }

img.sidemenuTabMenuIconActive {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(75%) contrast(150%);
  width: 20px; }

.Active,
.ActiveTab {
  font-weight: bold;
  color: #1B64F2;
  opacity: 1 !important; }

.wrapper.collapse .menuNavigationDropdown {
  display: none; }

.wrapper .menuNavigationDropdown {
  margin-left: auto;
  margin-right: auto;
  width: 227px;
  height: 45px;
  margin-top: 50px;
  background-color: #e3f3ff; }

.wrapper .main_container .item {
  margin-bottom: 1px !important;
  margin-top: 15px !important;
  padding: 15px 15px 0px 15px !important; }

.keyAccountsContent {
  padding-top: 9px;
  padding-left: 10px;
  width: fit-content;
  position: absolute; }

.gridFilterMenuNavigation {
  max-width: 180px;
  min-width: 180px;
  margin-left: 20px;
  padding-top: 4px; }

.sideMenuPimerceHome {
  margin-bottom: 58px;
  margin-top: 15px;
  width: inherit;
  overflow: hidden; }

.toggleArrowIcon {
  display: flex;
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 10px;
  height: 42px; }

.gridFilterMenuNavigation .css-10u4t4s-control {
  height: 30px;
  background-color: #ff922100;
  box-shadow: none;
  border: none; }

.gridFilterMenuNavigation .css-138e81f-singleValue {
  width: 100px;
  color: #1B64F2;
  font-size: 16px; }

.menuNavigationDropdown svg.svg-icon {
  fill: #1B64F2; }

.gridFilterMenuNavigation .css-51nctc-control {
  height: 30px;
  background-color: #ff922100;
  box-shadow: none;
  border: none; }

.In-Active:hover,
.InactiveTab:hover {
  opacity: 1;
  cursor: pointer; }

.menuBaseClass:focus {
  cursor: pointer;
  filter: opacity(1) drop-shadow(1px 0px 2px #000); }

.menuTabNavbar {
  display: contents; }

.market-flag-container {
  display: flex;
  justify-content: start;
  margin: 1rem 0rem 0rem 1rem; }

.market-flag {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #1B64F2;
  object-fit: cover;
  border-radius: 2em; }

.menu-logo-block {
  cursor: pointer; }

#app-logo-container {
  float: left;
  width: 53.33%;
  padding: 5px;
  margin: 0em 1em 0em 1em; }

.app-logo-img {
  height: 35px;
  margin: 4px 0px 0px 10px;
  object-fit: contain;
  cursor: pointer;
  position: relative;
  top: 15px; }

#brand-logo-container {
  float: left;
  width: 30.33%;
  padding: 5px;
  position: relative;
  top: 1em; }

.brand-logo-img {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 80%; }

/* Clearfix (clear floats) */
.row-style::after {
  content: "";
  clear: both;
  display: table; }

.horizontal-line {
  width: 189px;
  height: 1px;
  margin: 0px 0px 17px 21px;
  transform: rotate(-360deg);
  opacity: 0;
  background-color: #637280; }

.menu-navigation-fa-chevron-left {
  color: #ff9321;
  padding: 16px; }

.menu-navigation-isKeyAccountPresent {
  margin-top: -21px;
  margin-left: 25px;
  font-size: 14px;
  font-family: Chivo-Medium;
  color: #000000; }

.navigation-fa-minus {
  font-size: 0.5rem;
  color: #ffffff;
  margin-right: 5px; }

#navigation-fa-plus {
  font-weight: normal;
  font-size: 14px;
  color: #ffffff; }

.page-base-layout-inActiveMessage-dropdown {
  margin: 0px 40px 0px; }

.page-base-layout-inActiveMessage {
  text-align: left;
  margin: 5px 18px 13px; }

.multiLevel_style, .multiLevel_style:hover, .multiLevel_style_active {
  display: flex;
  padding: 14px 2px 14px 22px;
  width: 100%;
  justify-content: space-between; }

.multiLevel_withoutIcon_style {
  display: flex;
  padding: 14px 2px 14px 40px;
  width: 100%;
  justify-content: space-between; }

.multiLevel_style_active {
  background: #ffffff;
  border-radius: 8px; }

.active-menu {
  margin: 0px 12px 0px 9px;
  padding: 7px 2px 7px 13px;
  background: #ffffff;
  border-radius: 8px; }
  .active-menu .multiLevel_style, .active-menu .multiLevel_style_active {
    padding: 7px 2px 7px 0px; }

.multiLevel_style .InactiveTab, .multiLevel_style_active .InactiveTab {
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  font-family: 'Chivo';
  margin-left: 40px; }

.active-menu-single {
  background: #ffffff;
  opacity: 0px; }

.single-active {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 2px 10px 22px;
  width: 100%; }

.singleLevel-active-style {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 7px 0px;
  margin-left: 28px; }

.single-active .single {
  padding-top: 5px;
  padding-left: 20px; }

.single-active .ActiveTab {
  margin-left: 10px;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  font-family: 'Chivo'; }

.collapse .ActiveTab {
  margin-left: 10px !important; }

.collapse .InactiveTab {
  margin-left: 10px !important; }

.multiLevel .Active {
  margin-left: 10px !important; }

.multiLevel .In-Active {
  margin-left: 10px !important; }

.single-inactive-style {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 2px 10px 22px;
  width: 100%; }
  .single-inactive-style .InactiveTab {
    margin-left: 10px;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    font-family: 'Chivo'; }

.singleLevel-inactive-style {
  margin-right: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 28px;
  padding: 7px 0px; }
  .singleLevel-inactive-style .InactiveTab {
    margin-left: 14px;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    text-wrap: nowrap;
    font-family: 'Chivo'; }

.collapse .menuBaseClass .single.inactive-menu:hover {
  background: #ffffff; }

.sidebar .singleLevel-inactive-style:hover {
  background: #ffffff; }

.wrapper .menuTabNavbar .sidebar .collapse a:hover {
  color: #1B64F2 !important; }

.sidebar .collapse .menuBaseClass .menu-item:hover .menu-link {
  color: #1B64F2 !important; }

.sidebar .collapse .menuBaseClass .single.inactive-menu:hover .menu-link {
  color: #1B64F2 !important;
  /* Change text color on hover */ }

.sidebar .collapse .menuBaseClass .singleLevel:hover .menu-link {
  color: #1B64F2 !important;
  /* Change text color on hover */ }

.singleLevel:hover {
  background: #ffffff; }

.sidebar .collapse .menuBaseClass .singleLevel:hover .menu-icon {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(101%) contrast(89%); }

.sidebar .collapse .menuBaseClass .single.inactive-menu:hover .menu-icon {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(101%) contrast(89%); }

.wrapper .menuTabNavbar .sidebar .collapse img:hover {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(101%) contrast(89%); }

.sidebar .collapse .menuBaseClass.menu-item:hover .menu-icon {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(101%) contrast(89%); }

.single {
  padding-top: 5px;
  padding-left: 20px; }

.menu-navigation-placeholder-style {
  width: 90px;
  margin: -95px 0px -72px 20px; }

img.sidemenuTabMenuIcon {
  filter: contrast(400%);
  width: 20px; }

.inactive-menubar img.sidemenuTabMenuIcon {
  filter: invert(39%) sepia(76%) saturate(3219%) hue-rotate(181deg) brightness(101%) contrast(89%); }

.beta-tag {
  color: white;
  background-color: #e5712a;
  font-family: Chivo-Medium;
  font-size: 12px;
  position: absolute;
  left: 184px;
  margin-top: -11px;
  padding: 1px;
  width: 35px;
  text-align: center;
  border-radius: 5px; }

@media (min-width: 320px) {
  .sidenav-with-menu-list {
    width: 100%; } }

.sidenav-with-menu-list {
  height: 673px;
  width: 0;
  top: 300px;
  z-index: 4;
  display: flex;
  position: relative;
  margin-left: 20px;
  margin-top: -672px;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 14px;
  box-shadow: rgba(0, 0, 0, 0.4) -4px -3px 30px -2px; }

.sidenav-with-menu-list a {
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s; }

.sidenav-with-menu-list a:hover {
  color: #F1F1F1; }

.sidenav-with-menu-list .closebtn {
  position: absolute;
  top: 0;
  color: #6B49B9;
  font-size: 36px; }

.wrapper .sidebar-collapse .sidemenuCollapsedIconContainer {
  display: none; }

.sidebar-collapse .withIcon {
  opacity: 0;
  display: none; }

.sidebar-collapse .border-solid {
  width: 45%; }

.sidebar-collapse {
  z-index: 4;
  position: absolute;
  top: 0px;
  background: #1B64F2;
  width: 67px;
  height: 100vh;
  transition: all 0.5s ease;
  overflow: scroll;
  scrollbar-width: none; }
  .sidebar-collapse li a {
    display: block;
    padding: 20px;
    color: #fff;
    position: relative;
    margin-bottom: 1px;
    color: #92a6e2;
    white-space: nowrap;
    opacity: 0; }
    .sidebar-collapse li a:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background: #92a6e2;
      display: none; }
    .sidebar-collapse li a span.icon {
      margin-right: 10px;
      display: inline-block; }
    .sidebar-collapse li a:hover {
      background: #4360b5;
      color: #fff; }
      .sidebar-collapse li a:hover:before {
        display: block; }
  .sidebar-collapse li a.active {
    background: #4360b5;
    color: #fff; }
    .sidebar-collapse li a.active:before {
      display: block; }
  .sidebar-collapse img.app-logo-img {
    width: 29px;
    height: 20px;
    margin: 0 61.3px 19.9px 15px; }
  .sidebar-collapse .toggle-arrow {
    background: white;
    position: absolute;
    z-index: 9999; }

.withoutIcon, .withoutIconForSecondChild {
  font-size: 13px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: Chivo-Regular;
  display: inline-block; }

a.withIcon.ActiveTab.linkNavContent {
  margin-left: 36px;
  color: #1B64F2; }

a.withIcon.InactiveTab.linkNavContent {
  margin-left: 40px;
  font-weight: 700;
  font-family: 'Chivo';
  color: #ffffff; }

span.In-Active.withIcon.InactiveTab {
  margin-top: 0px;
  color: #ffffff;
  font-family: 'Chivo';
  font-weight: 700; }

.toggle-icon-size {
  width: 24px;
  height: 24px; }

.cursor-pointer {
  cursor: pointer; }

.sideMenuKeyAccountWithBackground {
  background: #e3f3ff;
  margin-left: 47px;
  padding-top: 5px;
  padding-bottom: 5px; }

.sideMenuKeyAccount {
  margin-left: 47px;
  padding-top: 5px;
  padding-bottom: 5px; }

.serach-beta-tag {
  margin-left: 0px;
  border-radius: 8px;
  background: #1B64F2;
  color: #fff;
  padding: 5px;
  font-size: 14px; }

.wrapper .single {
  padding: 0px; }

.sidebar-close {
  overflow: hidden; }

.collapse.show .ActiveTab {
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  font-family: 'Chivo';
  background: #ffffff !important;
  text-wrap: unset !important; }

.collapse.show .InactiveTab {
  margin-left: 15px;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  font-family: 'Chivo';
  color: #ffffff;
  text-wrap: nowrap !important; }

.multiLevel.cursor-pointer.active-menu #navigation-fa-plus {
  color: #1B64F2; }

.collapse .menuBaseClass .single-inactive-style {
  margin-left: 10px !important; }

.collapse-menu .collapse {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 300ms ease, transform 300ms ease, visibility 0ms linear 300ms;
  will-change: opacity, transform;
  background-color: #58BFFF; }

.collapse.show {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0ms;
  display: block;
  margin-bottom: 20px; }

.collapse.visible {
  visibility: visible;
  transition-delay: 0ms; }

.collapse.invisible {
  visibility: hidden !important;
  display: none !important; }

.fa-chevron-down,
.fa-chevron-right {
  filter: none !important; }

.isDisabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
  user-select: none !important; }

/**************Pimerce Blue Theme***************/

body {
  margin: 0;
  padding: 0;
  font-family: Chivo-Regular;
  height: 100% !important;
  background: #f0f0f0 !important; }

.spinnerDivCommon {
  text-align: center;
  position: initial;
  padding: 30px;
  color: #1B64F2; }

.p-datatable .p-column-header-content {
  font-family: Chivo-Bold; }

.gridcontainer .p-datatable .p-datatable-tbody > tr > td {
  font-family: Chivo-Regular; }

/**********************************/
/* TAB CONTENT STYLE BLOCK STARTS */
/**********************************/
a.nav-link.active {
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4192ec; }

a.nav-link {
  color: #c6cbd4;
  font-family: Chivo-Regular;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.tabContainerStyle {
  background-color: #ffffff;
  margin: 30px 49px 30px 54px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  min-height: 60px; }

.searchBarRowStyle {
  width: 100%; }

/**********************************/
/* PIMERCE FONT ADDED BLOCK STARTS*/
/**********************************/
@font-face {
  font-family: "Barlow-Regular";
  src: url(2cce8c806c2d2e03adc2b239ae316b76.ttf); }

@font-face {
  font-family: "Barlow-Medium";
  src: url(788f9cc4e37cde7847cd42d30bee07b7.ttf); }

@font-face {
  font-family: "Barlow-Medium-Italic";
  src: url(685b513e7df51aac4379cdb7df7e1318.ttf); }

@font-face {
  font-family: "Barlow-SemiBold";
  src: url(ede02f48d8db5bdf524324f2ba4b9cd9.ttf); }

@font-face {
  font-family: "Barlow-SemiBold-Italic";
  src: url(f48b801de6b6d9f180dcb1a2a7185fe0.ttf); }

@font-face {
  font-family: "Barlow-Bold";
  src: url(7130fdb0a3f94088119aa0f96db9b08b.ttf); }

@font-face {
  font-family: "Barlow-Bold-Italic";
  src: url(24f4f0a61936eeca1c04a1a7aa7c0025.ttf); }

@font-face {
  font-family: "Chivo-Regular";
  src: url(56aab5a087c88eb8a2e2b6436f364978.ttf); }

@font-face {
  font-family: "Chivo-Black";
  src: url(16e8ea0d62fe3348064c764c17303ef8.ttf); }

@font-face {
  font-family: "Chivo-Italic";
  src: url(12ed8d3392c44aa6289dee8aab309bb9.ttf); }

@font-face {
  font-family: "Chivo-Bold";
  src: url(f5db578e693b7d9476e4e34d28d8084e.ttf); }

@font-face {
  font-family: "Chivo-BlackItalic";
  src: url(e1ef013af8492562054b19a52e6630c5.ttf); }

@font-face {
  font-family: "Chivo-Light";
  src: url(b8c31b1ebc2ccf3366001efbf5f7664e.ttf); }

@font-face {
  font-family: "Chivo-Medium";
  src: url(cd1d251a3223f3b33a169671bb51055a.ttf); }