body {
  font-family: sans-serif;
}

@media only screen and (min-width: 400px) {
  .tele-container {
    width: 100vw;
    /* max-width: 960px; */
    height: 100vh;
  }
}

.tab-content {
  width: 100%;
  margin: 4px;
}
.card-rect {
  border-radius: 0 !important;
}

.call-icon {
  width: 2em;
  height: 2em;
}

.card-body {
  padding: 0.5rem 0.5rem;
}
.list-group {
  height: 45vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

button:hover {
  background: #694d3c;
}

.hidden {
  display: none;
}

#join-doc {
  display: initial;
}

#participant-container {
  display: none;
}

#bottom-panel {
  width: 100%;
  height: 37vh;
}

img.logo {
  width: 64px;
}

img.logo-sm {
  width: 32px;
}

#video--container {
  display: block;
  grid-template-columns: 670px 510px;
  gap: 30px;
  align-items: center;
  justify-content: center;
  align-content: center;
  grid-template-rows: 670px;
}

/*
#host-video--container {
  display: block;
  position: absolute;
  bottom: 50px;
  right: 15px;
  grid-template-columns: 350px 350px;
  gap: 30px;
  align-items: start;
  justify-content: start;
  align-content: start;
  grid-template-rows: 350px;
}
*/
#vc--controls,
#vc--controls--patient {
  display: none;
  position: absolute;
  bottom: -1;
  width: 75%;
  height: 50px; /* Height of the footer */
  background-color: #4c6ef5;
}


/*# sourceMappingURL=/src.d43aea45.css.map */