/* assets/styles.css */

/* Add/Remove Row column conditional class formatting */

.cell-action-valid-row {
  background-color: rgb(208, 239, 208) !important;
  color: rgb(0, 0, 0) !important;
  padding: 5px !important;
  text-align: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.cell-action-partial-row {
  background-color: rgb(226, 206, 189) !important;
  color: #000000 !important;
  padding: 5px !important;
  text-align: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.cell-action-error-row {
  background-color: rgb(226, 189, 189) !important;
  color: #000000 !important;
  padding: 5px !important;
  text-align: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Tabs formatting */

.tabs-container {
  display: flex !important;
  justify-content: center !important;
}

.custom-tab {
  padding: 8px 16px !important;
  margin: 5px !important;
  border-radius: 15px !important;
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
  transition: background-color 0.3s ease !important;
  cursor: pointer !important;
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
}

.custom-tab:hover {
  background-color: #eee7e7 !important;
}

.custom-tab-selected {
  background-color: #beccda !important;
  color: #5674ec !important;
  font-weight: bold !important;
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
}

.gap-container > * {
  padding-top: 20px; /* Adjust the value for desired top padding */
}

/* 
  button {
    background-color: #007bff;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 12px;
  }
  
  button:hover {
    background-color: white;
    color: #007bff;
    border: 2px solid #007bff;
  }
   */

.ag-theme-alpine {
  --ag-foreground-color: rgb(53, 46, 181) !important;
  --ag-background-color: rgb(255, 255, 255) !important;
  --ag-header-foreground-color: rgb(204, 245, 172) !important;
  --ag-header-background-color: rgb(77, 153, 185) !important;
  --ag-odd-row-background-color: rgb(239, 253, 254) !important;
  --ag-header-column-resize-handle-color: rgb(114, 179, 232) !important;

  --ag-font-size: 14px !important;
  --ag-font-family: Arial, serif-sans !important;

  --ag-grid-size: 6px !important;
  --ag-header-height: 36px !important;
  --ag-row-height: 24px !important;
}