/* Custom Styles */
:root {
--pst-font-size-base: none;
--pst-color-primary: 0, 133, 197;
--pst-color-admonition-note: var(--pst-color-primary);
--pst-color-admonition-default: var(--pst-color-primary);
--pst-color-info: 255, 193, 7;
--pst-color-admonition-tip: var(--pst-color-info);
--pst-color-admonition-hint: var(--pst-color-info);
--pst-color-admonition-important: var(--pst-color-info);
--pst-color-warning: 245, 162, 82;
--pst-color-danger: 230, 101, 129;
--pst-color-admonition-warning: var(--pst-color-danger);
--pst-color-link: 118, 185, 0;
--pst-color-inline-code: 92, 22, 130;
}

.prev-next-area {
    font-size: small;
}

.docutils caption {
  caption-side: top;
}

#site-navigation h1.site-logo {
  font-size: 0.85em;
}

/* colors
nv green 118,185,0
black 0, 0, 0
light gray 205, 205, 205
medium gray 140, 140, 140
dark gray 94, 94, 94

emerald 0, 133, 100
emerald #008564
amethyst 92, 22, 130
amethyst #5C1682
cpu blue 0, 133, 197
cpu blue #0085C5
garnet 137, 12, 88
garnet 890C58
fluorite 250, 194, 0
fluorite FAC200
*/

:root {
  --nv-green: #76b900;
  --nv-green-darken: #6ead00;
  --emerald: #008564;
  --emerald-darken: #017c5d;
  --amethyst: #5d1682;
  --amethyst-darken: #4c116b;
  --cpu-blue: #0071c5;
  --cpu-blue-darken: #0062ad;
  --garnet: #890c58;
  --garnet-darken: #7a0c4e;
  --fluorite: #fac200;
  --fluorite-darken: #e4b301;
  --dark-gray: #5e5e5e;
  --light-gray-lighten: #f4f4f4;
  --light-gray: #cdcdcd;
  --medium-gray: #8c8c8c;
  --medium-gray-darken: #8c8c8cde;
  --primary: #76b900;
  --secondary: #008564;
  --success: #5d1682;
  --info: #0071c5;
  --warning: #fac200;
  --danger: #890c58;
}

/* Riva TBYB (ASR and TTS) Styling */
.demo-box {
  background-color: rgb(245,245,245);
}
a:link { text-decoration: none; }
.scrollable {
  height: 125px;
  overflow-y: auto;
  font-size: 1.3rem;
}
.dot {
  height: 8px;
  width: 8px;
  background-color: rgb(228, 77, 77);
  border-radius: 50%;
  display: inline-block;
}
.timer {
  font-size: 80%;
  text-transform: uppercase;
  white-space: nowrap;
}
.form-select {
  border-radius: 0%;
  font-size: 80%;
}
.form-control {
  border-radius: 0%;
}
.input-group-text {
  border-radius: 0%;
  font-size: 80%;
  text-transform: uppercase;
  background-color: rgb(245,245,245);
}
.card {
  border-radius: 0%;
}
.speech-control {
  border-top-width: 0px;
}
.btn {
  border-radius: 0%;
  font-size: 80%;
  text-transform: uppercase;
  white-space: nowrap;
  min-width: 125px;
}
.btn-primary {
  background-color: var(--nv-green);
  border-color: var(--nv-green);
}
.btn-primary:hover {
  background-color: var(--nv-green-darken);
  border-color: var(--nv-green-darken);
}
.btn-primary:focus, .btn-primary.focus {
  background-color: var(--nv-green-darken);
  border-color: var(--nv-green-darken);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--nv-green);
  border-color: var(--nv-green);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--nv-green-darken);
  border-color: var(--nv-green-darken);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
}
.btn-secondary {
  background-color: var(--medium-gray);
  border-color: var(--medium-gray);
}
.btn-secondary:hover {
  background-color: var(--medium-gray-darken);
  border-color: var(--medium-gray-darken);
}
.btn-secondary:focus, .btn-secondary.focus {
  background-color: var(--medium-gray-darken);
  border-color: var(--medium-gray-darken);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: var(--medium-gray);
  border-color: var(--medium-gray);
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--medium-gray-darken);
  border-color: var(--medium-gray-darken);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
}
.btn-link {
  color: var(--nv-green);
  text-decoration-line: none;
}
.btn-link:hover {
  color: var(--nv-green-darken);
}
.btn-link:focus, .btn-link.focus {
  color: var(--nv-green-darken);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(147, 173, 102, 0.5);
}
.link-primary {
  color: var(--nv-green);
}
.link-primary:hover {
  color: var(--nv-green-darken);
}

/* Riva ASR Styles */
#riva-upload-label {
  margin-top: 0.5rem;
}

/* Riva TTS Styles */
.tts-control {
  justify-content: space-between;
  align-items: center;
}

.tts-control > p {
  margin: unset;
}

#riva-tts-field {
  resize: none;
  border: unset;
  padding: 0;
  height: 100%;
  font-size: 1.0rem;
}

#riva-terms-of-use p {
  max-width: 620px;
}

/* Media Queries */
@media (max-width: 1024px) {

  /* Riva TTS and ASR */
  .scrollable {
      height: 250px;
  }
}

/* tables */
tr:nth-child(even) {
  background-color: var(--light-gray-lighten)!important;
}

th {
  background-color: var(--nv-green)!important;
}