@import url(../../scss/css-variables.css);
.panel-abstract {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: unset; }

.Tile .panel-default {
  margin-bottom: 5px; }

.IsTileType {
  /* Just a selector for JQuery */ }

.SynopsisGridContainer {
  /*max-height: 400px;
    /*min-height: 100px;*/
  /*overflow-x: hidden;
    overflow-y: auto;*/ }

.synopsis-spinner {
  --lds-roller-color: #009fda;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  pointer-events: auto; }

img.mq-interop {
  height: 28px;
  width: 28px; }

#ContainerConfiguration {
  border-width: 0; }

.WorklistGridContainer {
  position: relative;
  height: calc(100vh - 70px);
  width: calc(100vw - 15px); }

.gridScroll {
  height: 1156px; }

@media (min-width: 280px) and (max-width: 575px) {
  .wrkgrid {
    margin-top: -30px; }
  .notesFilter {
    margin-top: -32px; }
  .assessmentGrid {
    margin-top: -53px; } }

@media (min-width: 700px) and (max-width: 995px) {
  .wrkgrid {
    inline-size: auto;
    margin-top: 0px;
    margin-left: auto; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .wrkgrid {
    margin-left: auto;
    inline-size: auto; }
  .DashboardQclGrid.GridSizeContainer.DashboardExpanded .wrkgrid {
    margin-top: 0px; }
  .DashboardQclGrid.GridSizeContainer.gridScroll.DashboardCollapsed .wrkgrid {
    margin-top: -30px; } }

@media (min-width: 1200px) and (max-width: 1250px) {
  .wrkgrid {
    inline-size: auto;
    margin-top: 0px;
    margin-left: auto; } }

.assessmentNumber_limitWarning {
  background-color: var(--orange1);
  color: var(--white1); }

.assessmentNumber_limitPanic {
  background-color: var(--red1);
  color: var(--white1); }

.assessmentNumber_outOfRange {
  background-color: var(--black1);
  color: var(--white1); }

fieldset[disabled] .form-control.assessmentNumber_limitWarning {
  background-color: var(--yellow2);
  color: var(--grey9); }

fieldset[disabled] .form-control.assessmentNumber_limitPanic {
  background-color: var(--red3); }

.ButtonBarList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.ButtonBarDropDownList {
  right: 0;
  left: auto; }

.ButtonBarList > li {
  position: relative;
  display: block; }

.ButtonBarListItem {
  float: left;
  background-color: var(--grey3);
  border-top: 1px solid var(--grey2);
  border-right: 1px solid var(--grey2); }

.ButtonBarListItem > a {
  border-radius: 0 !important;
  padding: 15px 20px;
  color: var(--grey9); }

.ButtonBarList > li:first-child {
  border-left: 1px solid var(--grey2);
  border-top-left-radius: 4px; }

.ButtonBarList > li:last-child {
  border-top-right-radius: 4px; }

.ButtonBarList > li + li {
  margin-left: 0; }

.ButtonBarLink {
  border-radius: 0 !important;
  padding: 10px 10px !important;
  position: relative;
  display: block;
  max-width: 240px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.ButtonBarLink:hover {
  background-color: #eee !important; }

.ButtonBarList > li.active > a,
.ButtonBarList > li.active > a:hover,
.ButtonBarList > li.active > a:focus {
  color: #fff !important;
  background-color: #86cbea !important;
  left: auto;
  z-index: auto; }

.ButtonBarDropDownListToggle {
  background-color: var(--grey3);
  border-top: 1px solid var(--grey2);
  border-right: 1px solid var(--grey2); }

.ButtonBarDropDownListToggle > a {
  color: var(--grey9);
  padding: 0 10px; }

.ButtonBarDropDownListToggle > a::after {
  vertical-align: text-bottom; }

.LabelControl {
  background-color: var(--blue7);
  border-color: var(--blue8);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: var(--blue9);
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px 5px 2px 5px; }

.DateRangePicker_Container {
  display: table;
  width: 100%; }

.DateRangePicker_OptionsContainer {
  display: table-cell;
  width: 100%; }

.DateRangePicker_ClearOptionsContainer {
  display: table-cell;
  padding-left: 10px; }

.DateRangePicker_Interval {
  width: 65px; }

.GenericDropDownList_DropDownListButton {
  background-color: #fff;
  height: 30px;
  padding: 0;
  text-align: left;
  border-color: var(--grey2); }

.GenericDropDownList_DropDownListButton:after {
  position: absolute;
  margin-top: 12px;
  margin-right: 0;
  margin-left: 0; }

.GenericDropDownList_DropDownListButton:active:hover,
.GenericDropDownList_DropDownListButton:hover {
  background-color: #fff;
  color: var(--grey9);
  border-color: var(--grey2); }

.GenericDropDownList_DropDownListButton:focus {
  background-color: #fff;
  border-color: var(--blue3);
  outline-color: var(--blue3);
  /*  Old Bootstrap 3 Highlights  
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/ }

.GenericDropDownList_DropDownListButton:active:hover,
.GenericDropDownList_DropDownListButton.active:hover,
.open > .dropdown-toggle.GenericDropDownList_DropDownListButton:hover,
.GenericDropDownList_DropDownListButton:active:focus,
.GenericDropDownList_DropDownListButton.active:focus,
.open > .dropdown-toggle.GenericDropDownList_DropDownListButton:focus,
.GenericDropDownList_DropDownListButton:active.focus,
.GenericDropDownList_DropDownListButton.active.focus,
.open > .dropdown-toggle.GenericDropDownList_DropDownListButton.focus,
.GenericDropDownList_DropDownListButton:active,
.GenericDropDownList_DropDownListButton.active,
.open > .dropdown-toggle.GenericDropDownList_DropDownListButton {
  background-color: #fff;
  color: var(--grey9);
  border-color: var(--blue3);
  outline-color: var(--blue3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.GenericDropDownList_DropDownList {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%; }

.GenericDropDownList_ButtonClearSelection,
.GenericDropDownList_ButtonQuickSelect,
.GenericDropDownList_ButtonSelectAll {
  padding: 4px 10px; }

.GenericDropDownList_DropDownListButtonText {
  display: inline-block;
  padding: 3px 0 0 12px;
  width: calc(100% - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.GenericDropDownList_DropDownListItemLink {
  border-bottom: 0 !important;
  padding: 3px 8px !important; }

.GenericDropDownList_DropDownListItemLink label {
  font-weight: normal; }

.GenericDropDownList_DropDownListItemLink input[type='checkbox'] {
  margin-right: 5px; }

.GenericDropDownList_DropDownListItemLink.match {
  background-color: var(--grey10); }

.GenericDropDownList_DropDownListItemArrow,
.GenericDropDownList_DropDownListItemDragHandle {
  display: inline-block;
  margin-right: 10px;
  width: 16px; }

.GenericDropDownList_DropDownListItemDragHandle {
  cursor: move; }

.GenericDropDownList_DropDownListItemCustomEvent {
  display: inline-block;
  float: right;
  padding-top: 3px; }

.GenericDropDownList .btn-group {
  float: right; }

.GenericDropDownList .dropdown-menu .divider {
  margin: 9px; }

.GenericDropDownList .GenericDropDownList_DropDownListItemLinkGroup {
  font-weight: bold; }

.ui-autocomplete {
  z-index: 10001 !important;
  background-color: #fff;
  cursor: default;
  border-radius: 0 4px;
  border-width: 0 1px 1px 1px;
  border-color: var(--grey2);
  border-style: solid;
  padding: 0;
  max-height: 300px;
  overflow: auto; }

.ui-menu .ui-menu-item {
  list-style-image: none;
  padding: 0; }

.ui-menu-item-wrapper {
  padding: 5px 10px; }

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:focus {
  color: var(--white1);
  background-color: var(--blue3); }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: var(--white1);
  background-color: var(--blue3); }

.ui-autocomplete-input.wait {
  background: url("/images/spinner-xs.png") no-repeat top right; }

.AppoinmentTypesClearButton {
  width: 30px;
  padding-top: 2px;
  padding-bottom: 4px; }

/*.e-headeralldaydiv{
    display: none;
}*/
#addEvent {
  display: none; }

.ScheduleTile {
  height: 100%; }

.e-schedule .e-appointwrapper {
  width: 100%; }

.e-schedule .e-scheduleheader {
  height: 42px; }

.e-schedule .e-datedisplay {
  font-size: 16px;
  font-weight: bold; }

.e-schedule .e-navigatenext, .e-schedule .e-navigateprevious {
  font-weight: bold; }

.e-schedule .e-datecommondiv {
  padding: 10px 10px; }

.e-schedule .e-viewsdiv {
  margin-right: 5px;
  margin-top: -5px;
  margin-bottom: 5px; }

.e-schedule.e-scheduleouter {
  font-family: Open Sans, Segoe UI,Helvetica Neue,Ubuntu,Arial;
  font-size: 14px; }

.AppointmentsGrid .e-def {
  font-family: Open Sans, Segoe UI,Helvetica Neue,Ubuntu,Arial;
  color: var(--grey9);
  font-size: 14px; }

.e-schedule, .e-schedule.e-scheduleouter {
  background-color: transparent; }

.e-schedule .e-scheduleheader > td {
  /*border-top-left-radius: 4px;*/
  border-top-right-radius: 4px; }

.e-schedule .e-contentarearow > td {
  background-color: var(--white1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.AppointmentsGrid .e-tooltip-wrap {
  border-width: 0;
  background-color: transparent; }

.AppointmentsGrid .e-tooltip-wrap .e-tipContainer .e-tipcontent {
  padding: 0; }

.e-appointment a,
.e-monthappointment a {
  color: var(--white1); }

.e-lv .navDrawerItem.e-list.e-state-default.e-lastitem,
.e-lv .navDrawerItem.e-list.e-state-active.e-lastitem {
  border-top: solid 1px #7b7c7f;
  bottom: 0;
  padding: 0 0;
  position: absolute;
  text-align: center;
  width: 100%; }

#AppointmentsnavDrawerIcon {
  right: 10px; }

.AppointmentsSynopsisLink {
  line-height: 1.8em; }

@media (min-width: 280px) and (max-width: 575px) {
  .appgrid {
    margin-top: -30px; } }

@media (min-width: 700px) and (max-width: 995px) {
  .appgrid {
    margin-top: 0px; }
  .btngrp {
    margin-left: -40px; } }

.DocumentModal .modal-dialog {
  max-width: 95%; }

.docViewerFrame {
  height: calc(100vh - 300px);
  width: 100%; }

.documentViewerButtons {
  top: -4px;
  right: -10px; }

.docViewerFrame {
  height: calc(100vh); }

.FormsDesigner #ButtonAddFormCategory {
  padding: 4px 15px; }

.FormsDesigner .ExpressionRow {
  padding: 5px 1px;
  border-color: var(--grey2);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px; }

.FormsDesigner .obs-number {
  display: inline;
  width: 75px; }

.FormsDesigner .designSurface {
  overflow: auto;
  min-height: 600px;
  max-height: 1000px;
  padding-bottom: 100px;
  border-style: dotted;
  border-width: 1px;
  border-color: transparent; }

.FormsDesigner .ButtonToolboxItem {
  height: 50px;
  margin-bottom: 5px;
  width: 50px; }

.FormsDesigner .rowDiv {
  margin: 2px;
  padding: 5px;
  padding-top: 10px;
  outline: 1px dotted var(--grey2);
  background-color: var(--white1);
  position: relative;
  min-height: 20px; }

.FormsDesigner .rowDiv:hover {
  background-color: var(--white3); }

.FormsDesigner .columnDiv {
  padding: 5px;
  padding-top: 10px;
  outline: 1px dotted var(--grey2);
  min-height: 20px;
  background-color: var(--white1);
  position: relative;
  /*display:table-cell;*/ }

.FormsDesigner .columnDiv:hover {
  background-color: var(--white4); }

.FormsDesigner .controlDiv {
  margin: 2px;
  padding: 2px;
  outline: 1px dashed var(--grey2);
  background-color: var(--white1);
  min-height: 20px;
  overflow: hidden;
  position: relative; }

.FormsDesigner .controlDiv:hover {
  background-color: lemonchiffon !important; }

.FormsDesigner .highlightDiv {
  background-color: var(--green1);
  color: #ffffff !important; }

.FormsDesigner .ruleTriggerTriangle {
  width: 0;
  height: 0;
  border-top: 10px solid var(--green1);
  border-left: 10px solid transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1; }

.FormsDesigner .ruleActionTriangle {
  width: 0;
  height: 0;
  border-bottom: 10px solid var(--blue5);
  border-left: 10px solid transparent;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1; }

.FormsDesigner .ruleRowMenu {
  width: 20px;
  height: 0;
  position: absolute;
  right: -15px;
  top: -17px;
  z-index: 1; }

.FormsDesigner .ruleExpression {
  background-color: transparent;
  border: 1px solid var(--green1);
  border-bottom-color: var(--grey2);
  border-top-color: var(--grey2);
  border-right-color: var(--grey2);
  border-radius: 5px;
  border-left-width: 5px;
  display: inline-block;
  white-space: nowrap;
  margin: 2px;
  padding: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.FormsDesigner .ruleAction {
  background-color: transparent;
  border: 1px solid var(--blue5);
  border-bottom-color: var(--grey2);
  border-top-color: var(--grey2);
  border-right-color: var(--grey2);
  border-radius: 5px;
  border-left-width: 5px;
  display: inline-block;
  white-space: nowrap;
  padding: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.FormsDesigner .designButtonMenu {
  min-height: 0px;
  position: absolute;
  right: 25px;
  top: -5px;
  border-radius: 10px;
  z-index: 1;
  display: none; }

.FormsDesigner .dropdownMenu {
  position: relative;
  display: inline-block;
  top: -5px;
  right: -10px; }

.FormsDesigner .dropdownMenu-content {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: var(--grey12);
  border-radius: 5px;
  border-width: 1px; }

.FormsDesigner .dropdownMenu:hover .dropdownMenu-content {
  display: flex;
  left: auto;
  right: 0;
  margin-right: -5px;
  top: 12px; }

.FormsDesigner .designButton {
  float: right;
  padding: 4px;
  color: var(--grey8);
  background-color: transparent; }

.FormsDesigner .ruleButtonMenu {
  position: absolute;
  right: 10px;
  top: 0px;
  border-radius: 10px;
  z-index: 1; }

.FormsDesigner .ruleDiv {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 25px;
  border: 1px solid var(--grey12);
  overflow: hidden;
  border-radius: 10px;
  position: relative; }

.FormsDesigner .FormCategoryList {
  max-height: 300px;
  overflow: auto; }

.FormsPreview .rowDiv {
  margin: 2px; }

.FormsPreview .controlDiv {
  margin: 2px; }

.FormsTile .rowDiv {
  margin: 2px; }

.FormsTile .controlDiv {
  margin: 2px; }

.FormsTile input:disabled:not([type="checkbox"]) {
  background: gainsboro; }

.FormsGrid .FormsGridAddEditModal .modal-dialog {
  width: auto;
  margin: 10px; }

/* Style the tab */
.tab {
  float: left;
  border: 0px solid #ccc;
  background-color: lightgray;
  width: 40%;
  margin: 5px; }

/* Style the buttons inside the tab */
.tab button {
  display: inline;
  background-color: #e7e7e7;
  border: 1px solid lightgray;
  border-radius: 4px;
  color: black;
  margin: 1px;
  padding: 5px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: darkgray; }

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: darkgray; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 5px;
  margin: 5px;
  margin-top: 6px;
  border: 1px solid #ccc;
  width: 55%;
  border-left: none;
  border-radius: 4px;
  background-color: white; }

.modal-dialog {
  padding-top: 50px; }

.NotesGrid hr {
  margin-bottom: 10px;
  margin-top: 10px; }

.NotesGrid .NoteRowContent.Hide {
  max-height: 80px;
  overflow: hidden; }

.ObservationsDetailGrid .e-treegrid .e-gridheader .e-headercell {
  vertical-align: bottom; }

.ObservationsDetailGrid .e-treegrid .e-gridcontent .e-rowcell {
  vertical-align: top; }

.badge-ObservationPanic {
  background-color: var(--red1); }

.badge-ObservationWarning {
  background-color: var(--orange1); }

.badge-ObservationOutOfRange {
  background-color: var(--black1); }

@media (min-width: 768px) {
  .FindPatientModal > .modal-dialog {
    width: 75%; } }

@media (min-width: 576px) {
  .FindPatientModal > .modal-dialog {
    max-width: 75%; } }

.FindPatientModal .modal-body {
  max-height: calc(100vh - 125px);
  overflow-y: auto; }

.FindPatientCell {
  cursor: pointer; }

.FindPatientKeywordWorking {
  background: url("/images/Spin-1.5s-200px.gif") no-repeat center right;
  background-size: 24px 24px; }

.PatientNameCell {
  max-width: 150px;
  overflow-wrap: anywhere; }

.badge-3750 {
  background-color: var(--red1); }

.badge-3760 {
  background-color: var(--orange1); }

.badge-3770 {
  background-color: var(--green2); }

.badge-3780 {
  background-color: var(--grey11); }

.badge-patient {
  background-color: var(--grey2);
  position: absolute;
  right: -3px;
  top: -5px; }

.badge-patient.active {
  background-color: var(--blue1); }

.badge-gender {
  border-radius: 20px;
  padding: 7px 9px;
  position: absolute;
  right: -3px;
  top: -5px; }

.detail-panel {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
  cursor: default; }

.quickReferenceContainer {
  display: none;
  position: fixed;
  top: 55px;
  width: 100%;
  z-index: 100; }

.quickReferenceContainer.headerExpanded {
  top: 143px; }

.patient-stat-container {
  cursor: pointer;
  min-height: 82px; }

@media (max-width: 425px) {
  .patient-stat-container {
    min-height: 57px; } }

#PatientBarActionsMain {
  right: 5px;
  top: 5px; }

.ShowHideAttendingAndReferringPhysiciansContainer {
  cursor: pointer; }

.pat-notifications .notificationsBody {
  max-height: 100%; }

.pat-notifications .notificationsGrid {
  grid-template-columns: 1fr 2fr max-content minmax(min-content, auto) !important;
  height: 100%;
  max-height: 393px; }

.SynopsisNavigationDropDown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.SynopsisNavigationDropDown::after {
  display: none; }

#SynopsisNavigationDropDownMain {
  padding: 6px 12px; }

@media (min-width: 200px) and (max-width: 700px) and (orientation: portrait) {
  .quickReferenceContainer {
    margin-top: 22px; } }

@media (min-width: 700px) and (max-width: 1280px) and (orientation: portrait) {
  .quickReferenceContainer {
    margin-top: 1px; } }

@media (min-width: 400px) and (max-width: 700px) and (orientation: landscape) {
  .quickReferenceContainer {
    margin-top: -2px; } }

@media (min-width: 700px) and (max-width: 1280px) and (orientation: landscape) {
  .quickReferenceContainer {
    margin-top: -1px; } }

.contact-container {
  min-height: 215px; }

@media (max-width: 768px) {
  .contact-container {
    margin-bottom: 10px; } }

@media (min-width: 576px) {
  .QclEditFormModal .modal-dialog {
    max-width: 750px; } }

.QclEditFormModal iframe.content-iframe {
  height: 200px; }

.QclEditFormModal form {
  position: relative; }

.QclEditFormModal .form-group {
  margin-bottom: 10px; }

.QclEditFormModal .form-label {
  margin-bottom: 0; }

.QclEditFormModal .date-picker {
  z-index: inherit !important; }

.QclEditFormModal div.date-picker-trigger:hover {
  cursor: pointer;
  opacity: .9; }

.QclEditFormModal .bs-date-picker {
  z-index: inherit !important; }

.QclEditFormModal div.bs-date-picker-trigger:hover {
  cursor: pointer;
  opacity: .9; }

.QclEditFormModal .jq-timepicker-dropdown {
  z-index: 9999 !important;
  width: auto;
  min-width: 8em;
  padding-right: 15px; }

.QclEditFormModal div.jq-time-picker-trigger:hover {
  cursor: pointer;
  opacity: .9; }

ej-combobox-padding {
  margin-bottom: 4px !important; }

/* Empty so far */
#HeaderMenuButton {
  color: var(--white1);
  font-weight: bold;
  text-decoration: none; }

#HeaderMenuDropDown {
  z-index: 1100; }

#HeaderMenuButton:active,
#HeaderMenuButton:focus,
#HeaderMenuButton:hover {
  color: var(--blue3); }

#HeaderMenuButtonText {
  display: inline-block; }

@media (max-width: 375px) {
  #HeaderMenuButtonText {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; } }

@media (max-width: 320px) {
  #HeaderMenuButtonText {
    max-width: 125px; } }

/* The side navigation menu */
.navigationDrawer {
  height: 100%;
  /* 100% Full-height */
  width: 300px;
  position: fixed;
  /* Stay in place */
  z-index: 10000;
  /* Stay on top */
  top: 0;
  left: -310px;
  background-color: var(--grey9);
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  box-shadow: -1px 0 10px 0 black; }

.navigationDrawer.open {
  left: 0; }

/* The navigation menu links */
.navigationDrawer a {
  padding: 10px 5px 10px 15px;
  text-decoration: none;
  color: var(--white1);
  display: block;
  transition: 0.3s; }

.navigationDrawerItemIcon {
  margin-right: 20px;
  width: 30px; }

/* When you mouse over the navigation links, change their color */
.navigationDrawer ul li:hover {
  background-color: var(--blue1);
  cursor: pointer; }

/* Position and style the close button (top right corner) */
.navigationDrawer .navigationDrawerCloseButton {
  position: absolute;
  top: 0;
  width: 100%; }

.navigationDrawer .navigationDrawerLogoutButton {
  border-top: solid 1px #fff;
  position: absolute;
  width: 100%;
  bottom: 0; }

.btn-siteHeader {
  background-color: transparent;
  border-width: 0;
  color: var(--blue3); }

.btn-siteHeader:hover,
.btn-siteHeader:active,
.btn-siteHeader:focus {
  border-width: 0;
  color: var(--white1);
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.pageHistoryDropDownList {
  padding: 0 0;
  max-width: 300px;
  left: -150px !important;
  right: auto !important; }

.pageHistoryDropDownListButton::after {
  display: none; }

.pageHistoryDropDownListItem:last-child {
  border-bottom-width: 0; }

.pageHistoryDropDownListLink,
.pageHistoryDropDownListItem > li > a {
  font-size: 13px !important; }

.pageHistoryDropDownListItemIcon {
  color: var(--blue4);
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 2em;
  line-height: 0.75em;
  vertical-align: -.0667em;
  margin-right: 10px; }

.modal-window {
  display: grid;
  align-items: center;
  justify-items: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12000;
  visibility: hidden;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s; }

.modal-window > div {
  pointer-events: auto;
  color: unset;
  background: unset;
  margin: auto;
  display: block;
  position: relative; }

.SiteHeader .dropdown-header {
  font-weight: bold; }

#userDropDownMenu {
  color: var(--white1);
  text-decoration: none; }

#userDropDownMenu:after {
  display: none; }

.pin {
  width: 4px; }

.pin-patient {
  width: 4px;
  cursor: default; }

@media (min-width: 280px) and (max-width: 700px) and (orientation: portrait) {
  .mqbtn {
    margin-right: 12px; }
  .stickyIcons {
    margin-right: 240px;
    padding-left: 10px; }
  .staffIconMobile {
    padding-right: 15px; }
  .staffIconDesktop {
    padding-right: 0px; }
  #mqPullPatientBtn {
    margin-left: -10px; }
  #mblNav {
    padding-top: 25px; }
  .groupIcons {
    margin-right: 140px; }
  .mb-2 {
    margin-bottom: .5rem !important; }
  .menuBtn {
    margin-left: -4px;
    padding-left: 10px; } }

@media (min-width: 560px) and (max-width: 700px) and (orientation: landscape) {
  #mblNav {
    padding-top: 0px; }
  .groupIcons {
    margin-right: 40px; }
  .staffIconMobile {
    padding-right: 15px; }
  .staffIconDesktop {
    padding-right: 0px; } }

@media (min-width: 700px) and (max-width: 2180px) {
  .mqbtn {
    margin-right: 12px; }
  #mqPullPatientBtn {
    margin-left: -12px; }
  .menuBtn {
    margin-left: -8px; } }

@media (min-width: 280px) and (max-width: 700px) {
  ul.dropdown-menu.dropdown-menu-end.pageHistoryDropDownList.drpmenu.show {
    margin-left: 98px; }
  .pageHistoryDropDownListLink, .pageHistoryDropDownListItem > li > a {
    font-size: 8px !important; }
  .iconspace {
    margin-left: 10px; } }

@media (min-width: 700px) and (max-width: 1024px) {
  ul.dropdown-menu.dropdown-menu-end.pageHistoryDropDownList.drpmenu.show {
    margin-left: 150px; }
  .pageHistoryDropDownListLink, .pageHistoryDropDownListItem > li > a {
    font-size: 10px !important; }
  .staffIconMobile {
    padding-right: 15px; }
  .staffIconDesktop {
    padding-right: 0px; }
  .mb-2 {
    margin-bottom: .5rem !important; }
  .groupIconsDown {
    margin-right: 0px; }
  .iconspace {
    margin-left: 10px; }
  .groupIcons {
    margin-right: 40px; }
  #mblNav {
    padding-top: 4px; }
  .menuBtn {
    padding-left: 10px; } }

@media (min-width: 1100px) and (max-width: 1400px) {
  .groupIcons {
    margin-right: 40px; }
  #mblNav {
    padding-top: 4px; }
  .staffIconMobile {
    padding-right: 15px; }
  .staffIconDesktop {
    padding-right: 0px; } }

@media (min-width: 1030px) and (max-width: 1280px) {
  ul.dropdown-menu.dropdown-menu-end.pageHistoryDropDownList.drpmenu.show {
    margin-left: 210px; }
  .pageHistoryDropDownListLink, .pageHistoryDropDownListItem > li > a {
    font-size: 10px !important; } }

ul.dropdown-menu.dropdown-menu-end.drpmenu.show {
  position: absolute;
  transform: translate(-30px, 2px); }

@media (min-width: 320px) and (max-width: 1024px) {
  .btn-siteHeader {
    margin-left: -10px; }
  .col-lg-4.col-md-4.col-sm-4.col-xs-6.text-start.menuBtn {
    margin-left: 0px; } }

.rounded-circle.text-center.userBg {
  background-color: lightgray; }

.staff-profile-image {
  height: 50px;
  width: 50px;
  background-color: lightgrey; }

.bar {
  height: 51px; }

.horizontalScroll {
  margin-right: 0px; }

.SiteHeader .navbar {
  padding-top: 0; }

.TreatmentSummary table > thead > tr > th,
.TreatmentSummary table > tbody > tr > td {
  font-size: 13px; }

.TreatmentSummaryTable th,
.TreatmentSummaryTable td {
  font-size: 13px; }