﻿/* Copyright 2021-2022 Epic Systems Corporation */
.TelehealthModeToggle ::-webkit-scrollbar {
  display: none;
}
.TelehealthModeToggle ._DataEntrySet-legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.TelehealthModeToggle ._DataEntrySet-fields[class] {
  display: block;
}
@media screen and (max-width: 768px) {
  .TelehealthModeToggle ._DataEntrySet-fields {
    margin-right: -1rem;
    overflow-x: auto;
    white-space: nowrap;
    max-width: unset;
    width: 100vw;
  }
}
.TelehealthModeToggle .telehealthChip {
  margin: 0.25rem 0.125rem;
  width: max-content;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel {
  color: #246fb5;
  background-color: rgba(36, 111, 181, 0.1);
  display: inline-block;
  top: auto;
  border-radius: 3rem;
  border: none;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel._readOnlyText {
  display: flex;
  align-items: center;
  height: 2.4rem;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:hover[class] {
  background-color: rgba(36, 111, 181, 0.2);
  color: #1f65a6;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:hover[class][class][class][class] ._Icon {
  fill: #1f65a6;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:active[class] {
  box-shadow: 0 0 0 2px #000000;
}
.TelehealthModeToggle .telehealthChip:focus-within {
  border: none;
}
@media screen and (max-width: 768px) {
  .TelehealthModeToggle .telehealthChip:first-child {
    margin-right: 1rem;
  }
}
.TelehealthModeToggle .telehealthChip:last-child {
  margin-left: 2rem;
}
.TelehealthModeToggle .telehealthChip ._input:checked + ._DataEntryLabel {
  color: white;
  background-color: #246fb5;
}
.TelehealthModeToggle .telehealthChip ._input:checked + ._DataEntryLabel ._Icon[class][class][class][class][class] {
  fill: white;
  background-color: #246fb5;
}
.TelehealthModeToggle .telehealthChip ._Icon {
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 30%;
  border-radius: 50%;
  position: relative;
  right: -0.2rem;
  fill: white;
}
.TelehealthModeToggle .telehealthChip ._Icon[class][class][class][class] {
  height: 2rem;
  width: 2rem;
  box-shadow: none;
  top: 0;
  fill: #246fb5;
}

@media screen and (max-width: 768px) {
  .VideoVisitLocationSelect ._DropDownEntry {
    width: 100%;
  }
}
.VideoVisitLocationSelect .fieldContainer {
  width: fit-content;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .VideoVisitLocationSelect .fieldContainer {
    width: 100%;
  }
}
.VideoVisitLocationSelect .subLocationField {
  width: 100%;
}
