*
{
  color: #fff !important;
}

body
{
  /* background-image: url('background.png'); */
}

#clinic-logo
{
  content: url('logo.webp');
}

#content
{
  border: 1px solid #222;
  background-color: #222;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a,
a:visited
{
  color: #fff;
}

a:hover,
a:active
{
  color: #ccc;
}

span.step
{
  background-color: #ccc;
}

hr
{
  background-color: #999;
}

form.field-group input
{
  border: 2px solid #444;
  background-color: #222;
}

form.field-group input:focus
{
  outline: 2px solid #fac739;
}

@media only screen and (max-width: 640px)
{
  #content
  {
    background-color: transparent;
  }
}

@media only screen and (min-width: 641px)
{
}

@media only screen and (min-width: 1008px)
{
}

button
{
  border: 1px solid #444;
  background-color: #444;
}

#progress
{
  border: 2px solid #444;
  background-color: #222;
}

#bar
{
  background-color: #fac739;
}

#fullscreen-overlay
{
  background-color: rgba(0, 0, 0, 0);
}

#fullscreen-overlay.active
{
  background-color: rgba(0, 0, 0, 0.75);
}

.loader
{
  border: 8px solid #fff;
  border-top: 8px solid #fac739;
}

.study
{
  border: 2px solid #444;
}

.study .download,
.study .download:visited
{
  border-top: 1px solid #444;
}

.study .download:hover,
.study .download:active
{
  background-color: #444;
  color: #fff;
}

::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-track
{
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb
{
  background: #888;
}

::-webkit-scrollbar-thumb:hover
{
  background: #555;
}