@import "tailwindcss";

:root {
  --background: #071e1e;
  --foreground: #171717;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* Custom Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar {
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.apexcharts-legend-text {
  color: white !important;
}

.apexcharts-menu-icon svg {
  fill: white !important;
}

.apexcharts-menu-item {
  color: #171717;
}

.ant-picker-input {
  font-size: 24px !important;
}

.ant-picker-outlined:hover {
  border-color: #234748 !important;
  box-shadow: 0 0 0 2px rgba(35, 71, 72, 0.6) !important;
}

.custom-range-picker .ant-picker-range {
  background-color: transparent !important;
}

.ant-picker-suffix {
  color: white !important;
}

.header-section .ant-picker-outlined {
  background-color: #071e1e !important;
  padding: 0.58rem 1rem;
  border-radius: 0.375rem;
  color: white;
  border: 1px solid #234748;
}

.graph-card .ant-picker-outlined {
  background-color: #071e1e !important;
  border-radius: 0.375rem;
  color: white;
  border: 1px solid #234748;
}

.ant-picker-separator {
  color: white !important;
}

.ant-table-container {
  color: white !important;
  background-color: #234748;
}

.ant-table-cell-row-hover {
  background-color: #071e1e !important;
}

.ant-table-thead .ant-table-cell {
  background-color: #1a3e3e !important;
  color: white !important;
  font-size: "16px" !important;
}

.anticon {
  color: white;
}

.ant-card-body {
  background-color: #1a3e3e !important;
}
/* Sorted column header */
.ant-table-column-sort {
  background-color: #1a3e3e !important;
  color: white !important;
}

/* Sorted column cell */
.ant-table-cell.ant-table-column-sort {
  background-color: #234748 !important;
  color: white !important;
}

/* Body rows */
.ant-table-tbody > tr > td {
  background-color: #234748 !important;
  color: white !important;
}

/* Hovered row */
.ant-table-row:hover > td {
  background-color: #071e1e !important;
}

.ant-table-row td {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ant-pagination-item-ellipsis {
  color: white !important;
}

.anticon .anticon-double-right .ant-pagination-item-link-icon {
  color: white !important;
}

.ant-empty-description {
  color: white !important;
}

.ant-table-expanded-row-fixed {
  background-color: #1a3e3e;
}

.white-input-number input {
  color: white !important;
  background-color: #071e1e !important;
}

.ant-input-number-affix-wrapper {
  color: white !important;
  background-color: #071e1e !important;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 2px;
}

.ant-btn-color-primary {
  background-color: #234748 !important;
  color: white;
}
.ant-btn-variant-solid {
  background-color: #234748 !important;
  color: white;
}
.ant-btn-variant-outlined {
  color: #234748 !important;
}
.ant-btn-variant-outlined:hover{
  color: #234748 !important;
  border-color: #234748 !important;
}