html {
  .bg-success {
    color: white !important;
  }
}

.v-row + .v-row {
  margin-top: 0px;
}

.v-divider {
  opacity: 1;
  border-color: rgba(var(--v-theme-borderLight), 0.36);
}

.v-selection-control {
  flex: unset;
}

.customizer-btn .icon {
  animation: progress-circular-rotate 1.4s linear infinite;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}

.no-spacer {
  .v-list-item__spacer {
    display: none !important;
  }
}

@keyframes progress-circular-rotate {
  100% {
    transform: rotate(270deg);
  }
}

// apexchart css
.apexcharts-canvas {
  .apexcharts-tooltip-rangebar {
    padding: 0px 8px 5px;
  }
  .apexcharts-tooltip-title {
    margin-bottom: 0;
  }
  .apexcharts-tooltip-marker {
    margin-top: -9px;
  }
  .apexcharts-tooltip {
    &.apexcharts-theme-light {
      color: rgb(var(--v-theme-darkText));
    }
  }
  .apexcharts-tooltip-series-group {
    &.apexcharts-active,
    &:last-child {
      padding-bottom: 0;
    }
  }
  .apexcharts-menu {
    .apexcharts-menu-item {
      &:hover {
        background: rgb(var(--v-theme-gray100));
      }
    }
  }
}
