*
{
  color: #fff !important;
}

#access-page
{
  min-height: 100dvh;
  background-image: url('background.jpg');  
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
}

#clinic-logo
{
  content: url("logo.webp");
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem;
  border-radius: 1rem;
}

#content
{
  border: 1px solid #222;
  background-color: rgba(0, 0, 0, 0.8);
  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)
{
  #access-page
  {
    min-height: 100dvh;
    background-image: url('background4.jpg');  
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
  }
  #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;
}