@tailwind base;
@tailwind components;
@tailwind utilities;

.container {
  width: 100%;
  /* max-width: 1500px;    */
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}


@media (max-width: 1299px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1500px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}


.recharts-surface {
  cursor: pointer !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  focus: outline-none !important;
  focus: ring-0 !important;
  focus: border-none !important;
}

@media (min-width: 1024px) and (max-width: 1250px) {
  .pr-m-5 {
      padding-right: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1296px) {
  .w-m-40 {
      width: 40% !important;
  }
}