@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import 'theme.css';

@font-face {
    font-family: 'Standerd';
    src: url('../fonts/Standerd-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.7px;
}

@font-face {
    font-family: 'Standerd Bold';
    src: url('../fonts/Standerd-Bold.otf') format('opentype');
    font-weight: bold;
    letter-spacing: 0.7px;
}

* {
    font-family: 'Poppins', sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

p {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.daterangepicker .drp-calendar.left .calendar-table,
.daterangepicker .drp-calendar.right .calendar-table {
    border-radius: 5px !important;
}

.table-condensed, .daterangepicker .calendar-table {
    background-color: transparent !important;
    border-radius: 5px;
}

.daterangepicker .calendar-table {
    border: none !important;
}

.btnDateRange {
    border: 1px solid #09262B !important;
}

.profit-card {
    background-color: #1A564B;
}

.integration-menu ul li a.active {
    background-color: #1A4942 !important;
    color: white !important;
}

iframe#_hjRemoteVarsFrame {
    display: none !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


.cancelBtn {
    border: 1px solid #ACE6A4 !important;
}

  .apexcharts-canvas {
    position: relative;
    user-select: none;
  }

  .apexcharts-canvas ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 6px;
  }

  .apexcharts-canvas ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }

    .apexcharts-area-series .apexcharts-area {
    fill-opacity: 0.7;
    }

    .apexcharts-theme-light {
    --chart-text-color: #0F1011;
    --chart-background: #FFFFFF;
    --chart-border: #e7e8ed;
    }

    .apexcharts-theme-dark {
    --chart-text-color: #F3F4F6;
    --chart-background: #1E1E1F;
    --chart-border: #2b2b2b;
    }

  .apexcharts-inner {
      position: relative;
  }

  .legend-mouseover-inactive {
      transition: 0.15s ease all;
      opacity: 0.2;
  }

  .apexcharts-series-collapsed {
      opacity: 0;
  }

  .apexcharts-tooltip {
      border-radius: 5px;
      box-shadow: 2px 2px 6px -4px #999;
      cursor: default;
      font-size: 14px;
      left: 62px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 20px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      white-space: nowrap;
      z-index: 12;
      transition: 0.15s ease all;
  }

  .apexcharts-tooltip.apexcharts-active {
      opacity: 1;
      transition: 0.15s ease all;
  }

  .apexcharts-tooltip.apexcharts-theme-light {
      border: 1px solid #e3e3e3;
      background: rgba(255, 255, 255, 0.96);
  }

  .apexcharts-tooltip.apexcharts-theme-dark {
      color: #fff;
      background: rgba(30, 30, 30, 0.8);
  }

  .apexcharts-tooltip * {
      font-family: inherit;
  }

  .apexcharts-tooltip-title {
      padding: 6px;
      font-size: 15px;
      margin-bottom: 4px;
  }

  .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #eceff1;
      border-bottom: 1px solid #ddd;
  }

  .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
      background: rgba(0, 0, 0, 0.7);
      border-bottom: 1px solid #333;
  }

  .apexcharts-tooltip-text-value,
  .apexcharts-tooltip-text-z-value {
      display: inline-block;
      font-weight: 600;
      margin-left: 5px;
  }

  .apexcharts-tooltip-text-z-label:empty,
  .apexcharts-tooltip-text-z-value:empty {
      display: none;
  }

  .apexcharts-tooltip-text-value,
  .apexcharts-tooltip-text-z-value {
      font-weight: 600;
  }

  .apexcharts-tooltip-marker {
      width: 12px;
      height: 12px;
      position: relative;
      top: 0px;
      margin-right: 10px;
      border-radius: 50%;
  }

  .apexcharts-tooltip-series-group {
      padding: 0 10px;
      display: none;
      text-align: left;
      justify-content: left;
      align-items: center;
  }

  .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
      opacity: 1;
  }

  .apexcharts-tooltip-series-group.apexcharts-active,
  .apexcharts-tooltip-series-group:last-child {
      padding-bottom: 4px;
  }

  .apexcharts-tooltip-series-group-hidden {
      opacity: 0;
      height: 0;
      line-height: 0;
      padding: 0 !important;
  }

  .apexcharts-tooltip-y-group {
      padding: 6px 0 5px;
  }

  .apexcharts-tooltip-candlestick {
      padding: 4px 8px;
  }

  .apexcharts-tooltip-candlestick > div {
      margin: 4px 0;
  }

  .apexcharts-tooltip-candlestick span.value {
      font-weight: bold;
  }

  .apexcharts-tooltip-rangebar {
      padding: 5px 8px;
  }

  .apexcharts-tooltip-rangebar .category {
      font-weight: 600;
      color: #777;
  }

  .apexcharts-tooltip-rangebar .series-name {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
  }

  .apexcharts-xaxistooltip {
      opacity: 0;
      padding: 9px 10px;
      pointer-events: none;
      color: #373d3f;
      font-size: 13px;
      text-align: center;
      border-radius: 2px;
      position: absolute;
      z-index: 10;
      background: #eceff1;
      border: 1px solid #90a4ae;
      transition: 0.15s ease all;
  }

  .apexcharts-xaxistooltip.apexcharts-theme-dark {
      background: rgba(0, 0, 0, 0.7);
      border: 1px solid rgba(0, 0, 0, 0.5);
      color: #fff;
  }

  .apexcharts-xaxistooltip:after,
  .apexcharts-xaxistooltip:before {
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
  }

  .apexcharts-xaxistooltip:after {
      border-color: rgba(236, 239, 241, 0);
      border-width: 6px;
      margin-left: -6px;
  }

  .apexcharts-xaxistooltip:before {
      border-color: rgba(144, 164, 174, 0);
      border-width: 7px;
      margin-left: -7px;
  }

  .apexcharts-xaxistooltip-bottom:after,
  .apexcharts-xaxistooltip-bottom:before {
      bottom: 100%;
  }

  .apexcharts-xaxistooltip-top:after,
  .apexcharts-xaxistooltip-top:before {
      top: 100%;
  }

  .apexcharts-xaxistooltip-bottom:after {
      border-bottom-color: #eceff1;
  }

  .apexcharts-xaxistooltip-bottom:before {
      border-bottom-color: #90a4ae;
  }

  .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
      border-bottom-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
      border-bottom-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-xaxistooltip-top:after {
      border-top-color: #eceff1;
  }

  .apexcharts-xaxistooltip-top:before {
      border-top-color: #90a4ae;
  }

  .apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
      border-top-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
      border-top-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-xaxistooltip.apexcharts-active {
      opacity: 1;
      transition: 0.15s ease all;
  }

  .apexcharts-yaxistooltip {
      opacity: 0;
      padding: 4px 10px;
      pointer-events: none;
      color: #373d3f;
      font-size: 13px;
      text-align: center;
      border-radius: 2px;
      position: absolute;
      z-index: 10;
      background: #eceff1;
      border: 1px solid #90a4ae;
  }

  .apexcharts-yaxistooltip.apexcharts-theme-dark {
      background: rgba(0, 0, 0, 0.7);
      border: 1px solid rgba(0, 0, 0, 0.5);
      color: #fff;
  }

  .apexcharts-yaxistooltip:after,
  .apexcharts-yaxistooltip:before {
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
  }

  .apexcharts-yaxistooltip:after {
      border-color: rgba(236, 239, 241, 0);
      border-width: 6px;
      margin-top: -6px;
  }

  .apexcharts-yaxistooltip:before {
      border-color: rgba(144, 164, 174, 0);
      border-width: 7px;
      margin-top: -7px;
  }

  .apexcharts-yaxistooltip-left:after,
  .apexcharts-yaxistooltip-left:before {
      left: 100%;
  }

  .apexcharts-yaxistooltip-right:after,
  .apexcharts-yaxistooltip-right:before {
      right: 100%;
  }

  .apexcharts-yaxistooltip-left:after {
      border-left-color: #eceff1;
  }

  .apexcharts-yaxistooltip-left:before {
      border-left-color: #90a4ae;
  }

  .apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
      border-left-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
      border-left-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-yaxistooltip-right:after {
      border-right-color: #eceff1;
  }

  .apexcharts-yaxistooltip-right:before {
      border-right-color: #90a4ae;
  }

  .apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
      border-right-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
      border-right-color: rgba(0, 0, 0, 0.5);
  }

  .apexcharts-yaxistooltip.apexcharts-active {
      opacity: 1;
  }

  .apexcharts-yaxistooltip-hidden {
      display: none;
  }

  .apexcharts-xcrosshairs,
  .apexcharts-ycrosshairs {
      pointer-events: none;
      opacity: 0;
      transition: 0.15s ease all;
  }

  .apexcharts-xcrosshairs.apexcharts-active,
  .apexcharts-ycrosshairs.apexcharts-active {
      opacity: 1;
      transition: 0.15s ease all;
  }

  .apexcharts-ycrosshairs-hidden {
      opacity: 0;
  }

  .apexcharts-selection-rect {
      cursor: move;
  }

  .svg_select_boundingRect,
  .svg_select_points_rot {
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
  }
  .apexcharts-selection-rect + g .svg_select_boundingRect,
  .apexcharts-selection-rect + g .svg_select_points_rot {
      opacity: 0;
      visibility: hidden;
  }

  .apexcharts-selection-rect + g .svg_select_points_l,
  .apexcharts-selection-rect + g .svg_select_points_r {
      cursor: ew-resize;
      opacity: 1;
      visibility: visible;
  }

  .svg_select_points {
      fill: #efefef;
      stroke: #333;
      rx: 2;
  }

  .apexcharts-svg.apexcharts-zoomable.hovering-zoom {
      cursor: crosshair;
  }

  .apexcharts-svg.apexcharts-zoomable.hovering-pan {
      cursor: move;
  }

  .apexcharts-zoom-icon,
  .apexcharts-zoomin-icon,
  .apexcharts-zoomout-icon,
  .apexcharts-reset-icon,
  .apexcharts-pan-icon,
  .apexcharts-selection-icon,
  .apexcharts-menu-icon,
  .apexcharts-toolbar-custom-icon {
      cursor: pointer;
      width: 20px;
      height: 20px;
      line-height: 24px;
      color: #6e8192;
      text-align: center;
  }

  .apexcharts-zoom-icon svg,
  .apexcharts-zoomin-icon svg,
  .apexcharts-zoomout-icon svg,
  .apexcharts-reset-icon svg,
  .apexcharts-menu-icon svg {
      fill: #6e8192;
  }

  .apexcharts-selection-icon svg {
      fill: #444;
      transform: scale(0.76);
  }

  .apexcharts-theme-dark .apexcharts-zoom-icon svg,
  .apexcharts-theme-dark .apexcharts-zoomin-icon svg,
  .apexcharts-theme-dark .apexcharts-zoomout-icon svg,
  .apexcharts-theme-dark .apexcharts-reset-icon svg,
  .apexcharts-theme-dark .apexcharts-pan-icon svg,
  .apexcharts-theme-dark .apexcharts-selection-icon svg,
  .apexcharts-theme-dark .apexcharts-menu-icon svg,
  .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
      fill: #f3f4f5;
  }

  .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
  .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
  .apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
      fill: #008ffb;
  }

  .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
  .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
  .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
  .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
  .apexcharts-theme-light .apexcharts-reset-icon:hover svg,
  .apexcharts-theme-light .apexcharts-menu-icon:hover svg {
      fill: #333;
  }

  .apexcharts-selection-icon,
  .apexcharts-menu-icon {
      position: relative;
  }

  .apexcharts-reset-icon {
      margin-left: 5px;
  }

  .apexcharts-zoom-icon,
  .apexcharts-reset-icon,
  .apexcharts-menu-icon {
      transform: scale(0.85);
  }

  .apexcharts-zoomin-icon,
  .apexcharts-zoomout-icon {
      transform: scale(0.7);
  }

  .apexcharts-zoomout-icon {
      margin-right: 3px;
  }

  .apexcharts-pan-icon {
      transform: scale(0.62);
      position: relative;
      left: 1px;
      top: 0px;
  }

  .apexcharts-pan-icon svg {
      fill: #fff;
      stroke: #6e8192;
      stroke-width: 2;
  }

  .apexcharts-pan-icon.apexcharts-selected svg {
      stroke: #008ffb;
  }

  .apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
      stroke: #333;
  }

  .apexcharts-toolbar {
      position: absolute;
      z-index: 11;
      max-width: 176px;
      text-align: right;
      border-radius: 3px;
      padding: 0px 6px 2px 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .apexcharts-menu {
      background: #fff;
      position: absolute;
      top: 100%;
      border: 1px solid #ddd;
      border-radius: 3px;
      padding: 3px;
      right: 10px;
      opacity: 0;
      min-width: 110px;
      transition: 0.15s ease all;
      pointer-events: none;
  }

  .apexcharts-menu.apexcharts-menu-open {
      opacity: 1;
      pointer-events: all;
      transition: 0.15s ease all;
  }

  .apexcharts-menu-item {
      padding: 6px 7px;
      font-size: 12px;
      cursor: pointer;
  }

  .apexcharts-theme-light .apexcharts-menu-item:hover {
      background: #eee;
  }

  .apexcharts-theme-dark .apexcharts-menu {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
  }

  @media screen and (min-width: 768px) {
      .apexcharts-canvas:hover .apexcharts-toolbar {
          opacity: 1;
      }
  }

  .apexcharts-datalabel.apexcharts-element-hidden {
      opacity: 0;
  }

  .apexcharts-pie-label,
  .apexcharts-datalabels,
  .apexcharts-datalabel,
  .apexcharts-datalabel-label,
  .apexcharts-datalabel-value {
      cursor: default;
      pointer-events: none;
  }

  .apexcharts-pie-label-delay {
      opacity: 0;
      animation-name: opaque;
      animation-duration: 0.3s;
      animation-fill-mode: forwards;
      animation-timing-function: ease;
  }

  .apexcharts-canvas .apexcharts-element-hidden {
      opacity: 0;
  }

  .apexcharts-hide .apexcharts-series-points {
      opacity: 0;
  }

  .apexcharts-gridline,
  .apexcharts-annotation-rect,
  .apexcharts-tooltip .apexcharts-marker,
  .apexcharts-area-series .apexcharts-area,
  .apexcharts-line,
  .apexcharts-zoom-rect,
  .apexcharts-toolbar svg,
  .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
  .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
  .apexcharts-radar-series path,
  .apexcharts-radar-series polygon {
      pointer-events: none;
  }

  /* markers */

  .apexcharts-marker {
      transition: 0.15s ease all;
  }

  @keyframes opaque {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }

  /* Resize generated styles */

  @keyframes resizeanim {
      from {
          opacity: 0;
      }
      to {
          opacity: 0;
      }
  }

  .resize-triggers {
      animation: 1ms resizeanim;
      visibility: hidden;
      opacity: 0;
  }

  .resize-triggers,
  .resize-triggers > div,
  .contract-trigger:before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
  }

  .resize-triggers > div {
      background: #eee;
      overflow: auto;
  }

  .contract-trigger:before {
      width: 200%;
      height: 200%;
  }

  /* PAGE:: COURSE PRELOADER FIX NAV-TAB */
  .preloader-course{
      background-color: rgba(0,0,0,0.5);
      min-width: 100%;
      min-height: 100%;
      margin-top: -25px;
      position: fixed;
      z-index: 99999;
  }

  /* PIX QRCODE */
  .pix-modal .pix-qrcode img{
      border: 1px solid #ccc;
      border-radius: 30px;
      margin: 0 auto;
      display: block;
  }
  .pix-expire .timer{
      text-align: center;
      margin-top: 20px;
  }
  .pix-expire .timer .text-pix-expire{
      font-weight: 500;
  }
  .pix-expire .timer .timer-contador{
      font-size: 1.2em;
      font-weight: 600;
      color: #e14747;
  }

  /* INTEGRATIONS CART ABANDON */
  .offcanvas-on.offcanvas-bigger{
      width: 75%!important;
      overflow: auto;
  }
  .d-none-force{
      display: none!important;
  }

  /*  INTEGRATIONS */
  .main-content {
    height: 100%;
    /* margin-top: 3rem; */
    align-items: center;
    padding: 0 0.8rem;
}

@media (min-width: 768px) {
    /* .main-content {
        margin-top: 6rem;
    } */
}

.warning-div {
    background-color: white;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    margin: 0 1.5rem;
    align-items: center;
    border-radius: 0.5rem;
}

.integration-content .text-danger {
    color: #f64e60;
    font-size: 0.9rem;
}

.integration-content .button-group {
    display: flex;
    justify-content: space-between;
}