:root {
    --primary-color: #FBC117;
    --secondary-color: #FCFAF7; 
  }

* {
    font-family: Prompt;
   }



.primary-text {
    color: var(--secondary-color);
    font-size: 1.2em;
}

.btn-primary {
  --bs-btn-color: var(--secondary-color);
  --bs-btn-bg: var(--primary-color);
  --bs-btn-border-color: var(--secondary-color);
  --bs-btn-hover-color: var(--primary-color);
  --bs-btn-hover-bg: var(--secondary-color);
  --bs-btn-hover-border-color: var(--secondary-color);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--secondary-color);
  --bs-btn-active-bg: var(--primary-color);
  --bs-btn-active-border-color: var(--secondary-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--secondary-color);
  --bs-btn-disabled-bg: var(--primary-color);
  --bs-btn-disabled-border-color:var(--secondary-color);
  --bs-btn-disabled-opacity:0.5;
}

.cell-max-width{
  min-width: 80px;
}

.delete-icon {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.delete-icon svg {
  width: 12px;
  height: 12px;
  fill: #5f6368;
}

.delete-icon-container {
  display: flex;
  justify-content: flex-end;
  width: 95%;
}

.cursor-poiter{
  cursor: pointer;
}

.blink:hover {
  opacity: 0.5;
}