main.css

/* purgecss start ignore */
@tailwind  base;

body {
  @apply bg-white; 
  @apply text-md;
}

a {
  @apply text-black underline;
}

.radio-button-ring,.radio-button-ring-selected {
  @apply border-2 rounded-full flex justify-center items-center;
  width: 14px;
  height: 14px;
}

.radio-button-ring {
  @apply border-grayblue;
}

.radio-button-ring-selected {
  @apply border-activeblue;
}

.radio-button-circle,.radio-button-circle-selected {
  @apply rounded-full;
  width: 6px;
  height: 6px;
}

.radio-button-circle {
  @apply bg-white;
}

.radio-button-circle-selected {
  @apply bg-activeblue;
}

.legend-remove-button #Combined-Shape  {
  @apply text-grayblue fill-current;
}

.legend-remove-button:hover #Combined-Shape {
  color: #EC8787;
  @apply fill-current;
}

.threshold-input {
  @apply appearance-none leading-tight bg-bggray overflow-hidden text-base border-bggray border outline-none;
  height: 29px;
  padding: 2px 8px;
  max-width: 60px;
  border-radius: 4px;
}

.threshold-input:focus {
  @apply border-activeblue;
}

.recharts-cartesian-axis-tick-value {
  @apply text-base font-bold;
}

.flex-basis-100 {
  flex-basis: 100%;
}

.date-range-button {
  height: 29px;
  padding: 2px 8px;
  border-radius: 4px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

@tailwind  components;
/* purgecss end ignore */

@tailwind utilities;