/****** Custom CSS ******/
/* Hide table container initially */
/* voice preview */
/* background color */

/* Hide table container initially */
    #table-container {
      display: none;
      margin-top: 2rem;
    }

/* voice preview */
    .voice-option {
      cursor: pointer;
      border: 2px solid transparent;
      transition: all 0.3s ease;
    }
    .voice-option:hover {
      border-color: #0d6efd;
      background-color: #f8f9fa;
    }
    .voice-option.active {
      border-color: #0d6efd;
      background-color: #e7f1ff;
      color: #000;
    }

/* background color */
  .bg-color-yellowlighter, td .bg-color-yellowlighter {
    background-color: #fcf4db !important;
  }
  .bg-color-bluelighter, td .bg-color-bluelighter {
    background-color: #d9d7fb !important;
  }
  .bg-color-bluelightest, td .bg-color-bluelightest {
    background-color: #f1f1fb !important;
  }
  .bg-color-graylighter, td .bg-color-graylighter {
    background-color: #e8e8e8 !important;
  }
  .bg-color-graylightest, td .bg-color-graylightest {
    background-color: #f7f7f7 !important;
  }


  /* icon size */
  .fs-30-icon {
    font-size: 30px;
  }
  .fs-40-icon {
    font-size: 40px;
  }