@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: Poppins;
    src: url('fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


:root {
  --bg-panel-color: #F4F7FE;
  /* --bg-panel-color: #F3F5F8; */
  --app-blue: #005C75;
  --bs-body-font-size: .9rem;
  --benign-color: #226e34;
  --likely-benign-color: #0e8029;
  --uncertain-significance-color: rgb(162, 162, 162);
  --likely-pathogenic-color: #d25858;
  --pathogenic-color: #9f3232;
  --star-yellow: #FDB81E;
  --star-gray: #CFCFCF;
  --orange: #e67e22;
}

.row {
    margin-top: 3px;
}

canvas:focus {
    outline: none;
}


p {
    color: rgba(73, 80, 87, .85);   
}

body {
    margin: 0px;
    font-family: Poppins;
}

nav {
    display: block;
    unicode-bidi: isolate;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}


btn-rounded, .btn-group-lg>.btn {
    --bs-btn-padding-y: .45rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: .825rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
}