@import url(../../scss/css-variables.css);
@import url(../../../Mosaiq/Components/PhotoControl/PhotoControl.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; } }

.AssessmentCheckboxOnLeft {
  flex: 20%;
  margin-right: 2px;
  margin-top: 2px; }

.AssessmentCheckboxOnLeftLabel {
  flex: 80%;
  margin-left: 10px; }

.AssessmentCheckboxOnRight {
  float: right;
  margin-right: 2px;
  margin-top: 2px; }

.AssessmentDate .bs-date-picker {
  max-width: 100px; }

.AssessmentDate .datepicker {
  font-size: 13px; }

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

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

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

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

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

.assessmentTable_limitWarning {
  background-color: var(--orange1) !important;
  color: var(--white1); }

.assessmentTable_limitPanic {
  background-color: var(--red1) !important;
  color: var(--white1); }

.assessmentTable_outOfRange {
  background-color: var(--black1) !important;
  color: var(--white1); }

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

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

.AssessmentTextPrint {
  margin: 2px;
  min-height: 50px;
  width: 100%;
  white-space: pre-wrap; }

.AssessmentTime .jq-time-picker {
  max-width: 100px; }

.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; }

.LabelInnerControl {
  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; }

.SignatureControl .bs-date-picker {
  max-width: 100px; }

.SignatureControl .jq-time-picker {
  max-width: 100px; }

.sig-container {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; }

.sig-control {
  flex: 1 1;
  margin: 10px; }

.canvas-container {
  /* see https://stackoverflow.com/questions/12170261/how-to-auto-resize-a-div-with-css-while-keeping-aspect-ratio */
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  min-width: 150px;
  max-width: 800px;
  min-height: 50px;
  margin-top: 5px;
  margin-bottom: 5px; }

.canvas-container:before {
  /* padding percentages get calculated from container width! */
  /* see https://stackoverflow.com/questions/12170261/how-to-auto-resize-a-div-with-css-while-keeping-aspect-ratio */
  padding-top: 20%;
  /* 5:1 aspect ratio, corresponding to 500:100 canvas resolution */
  content: '';
  /* Enable the pseudo-element */
  display: block; }

.canvas-container > canvas {
  position: absolute;
  top: 0;
  left: 0;
  /* It seems that with canvas, bottom and right don't work, so we use width and height
            bottom: 0;
            right: 0;
            */
  width: 100%;
  height: 100%;
  border: solid;
  border-color: lightblue;
  border-radius: 5px;
  cursor: pointer;
  /* we use this in JS for setting the canvas's context's font */
  font-size: 36px; }

.sig-name {
  padding: 5px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap; }

.sig-name > label {
  margin-right: 0.75em; }

.sig-name > input {
  min-width: 150px;
  width: unset;
  max-width: 100%; }

.sig-name > span {
  margin-left: 0.25em; }

.sig-date-time {
  flex: 1 1;
  margin: 10px;
  padding-left: 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: 33px;
  padding: 0;
  text-align: left;
  border-color: var(--grey2); }

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

.GenericDropDownList_DropDownListItemFilter:hover {
  background-color: var(--white1) !important;
  color: var(--grey9) !important; }

.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%;
  transform: translate(0px, 35px) !important; }

.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; }

.WYSIWYGEditor .sun-editor {
  font-size: 14px;
  font-family: 'Open Sans'; }

.WYSIWYGEditor .sun-editor-editable {
  font-size: 14px;
  font-family: 'Open Sans'; }

.WYSIWYGEditor .EditorTextArea {
  width: 100%; }

.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; }

.AppointmentsGrid .globalGridContainer {
  height: calc(100vh - 105px); }

.AppointmentsGrid .globalGridContainer.SiteHeaderExpanded {
  height: calc(100vh - 185px); }

.AppointmentsGrid .fc {
  background-color: var(--white1);
  border: solid 1px var(--grey13);
  border-radius: 4px; }

.AppointmentsGrid .fc .fc-toolbar.fc-header-toolbar {
  background-color: var(--grey3);
  padding: 5px 5px;
  margin-bottom: 0; }

.AppointmentsGrid .fc .fc-toolbar-title {
  font-size: 18px;
  cursor: pointer; }

.AppointmentsGrid .fc-theme-bootstrap5 th,
.AppointmentsGrid .fc-theme-bootstrap5 td {
  border: 1px solid var(--grey13); }

.AppointmentsGrid .fc .fc-col-header-cell {
  border-bottom: solid 3px var(--blue1); }

.AppointmentsGrid .fc .fc-button-primary {
  color: var(--black1);
  background-color: var(--grey3);
  border-color: var(--grey13); }

.AppointmentsGrid .fc .fc-button-primary:not(:disabled).fc-button-active,
.AppointmentsGrid .fc .fc-button-primary:not(:disabled):active {
  background-color: var(--blue2);
  border-color: var(--blue1);
  color: var(--white1); }

.AppointmentsGrid .fc .fc-daygrid-event,
.AppointmentsGrid .fc .fc-timegrid-event {
  background-color: var(--blue2);
  color: var(--white1); }

.AppointmentsGrid .fc .fc-daygrid-day.fc-day-today,
.AppointmentsGrid .fc .fc-timegrid-col.fc-day-today {
  background-color: var(--blue13); }

.AppointmentsGrid .fc-timegrid-event-harness {
  overflow: hidden; }

.AppointmentsGrid .fc-daygrid-event a,
.AppointmentsGrid .fc-timegrid-event a {
  color: var(--white1); }

@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 #PreviewFormModal .modal-dialog {
  margin: 10px;
  max-width: 100%; }

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

.FormsDesigner .SmartFormsDefinitionsContainer {
  height: 300px;
  overflow-y: scroll; }

.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 {
  margin: 2px;
  padding: 5px;
  padding-top: 10px;
  outline: 1px dotted var(--grey2);
  min-height: 20px;
  background-color: var(--white1);
  position: relative; }

.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;
  position: relative;
  background-color: transparent; }

.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; }

.FormsTile .rowDiv {
  margin: 2px; }

.FormsTile .columnDiv {
  margin: 2px; }

.FormsTile .controlDiv {
  margin: 2px;
  background-color: transparent; }

.FormTabList {
  padding-right: 0; }

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

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

/* Style the buttons inside the tab */
.tab button {
  display: inline;
  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: 13px;
  overflow: hidden; }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: var(--blue3);
  color: var(--white1); }

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: var(--blue1);
  color: var(--white1); }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 5px;
  width: 52%;
  border-left: none;
  border-radius: 4px;
  background-color: white;
  max-height: 500px;
  overflow-y: auto; }

.tabcontent .LinkOpenSmartForm,
.tabcontent .PatientPacket {
  padding: 5px; }

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

.LinkOpenSmartForm,
.PatientPacket {
  border-radius: 4px !important;
  font-size: 13px;
  margin-bottom: 3px; }

.LinkOpenSmartForm:hover {
  background-color: var(--blue3);
  color: var(--white1); }

#SmartFormsMenu {
  min-width: 450px; }

.NoSmartFormsAlert {
  font-size: 13px;
  padding: 5px 10px; }

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

.NotesGrid .NoteRowContent {
  word-break: break-all; }

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

.noFilter {
  margin-bottom: -12px; }

.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;
  left: calc(50% + 27px);
  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; }

#patient-image:not(.no-take-photo):hover {
  cursor: pointer; }

#patient-image + i.fa-camera {
  display: none;
  pointer-events: none; }

#patient-image[src="/Images/NoPatientPhoto.png"] + i.fa-camera {
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 14px);
  /* margin-right: 5px; */
  margin-bottom: 4px;
  color: blue;
  opacity: 0.2; }

.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); }

.HeaderMenuDropDownHeader,
.HeaderMenuDropDownItem a {
  font-size: 13px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important; }

.HeaderMenuDropDownItem.disabled > a:hover {
  text-decoration: none;
  color: var(--grey2);
  background-color: white !important;
  cursor: not-allowed;
  margin-left: 0px; }

.scrollable-menu {
  height: auto;
  max-height: 360px;
  overflow-x: hidden; }

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

/* 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; }

#NavigationDrawerIcon {
  margin-left: -10px; }

.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 {
  max-width: 300px; }

.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-nav {
  width: 4px; }

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

.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; }

.learning_navbar .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -.1rem; }

.learning_navbar .submenu-left {
  right: 100%;
  left: auto; }

.learning_navbar.dropdown-menu > li:hover > .submenu {
  display: inline-block; }

@media (min-width: 280px) and (max-width: 700px) and (orientation: portrait) {
  .stickyIcons {
    margin-right: 240px;
    padding-left: 10px; }
  .staffIconMobile {
    padding-right: 15px; }
  .staffIconDesktop {
    padding-right: 0px; }
  #mblNav {
    padding-top: 25px; } }

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

@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; }
  .learning_navbar.dropdown-menu {
    min-width: 5rem !important; } }

@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; }
  .iconspace {
    margin-left: 10px; }
  #mblNav {
    padding-top: 4px; } }

@media (min-width: 1100px) and (max-width: 1400px) {
  #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); }

.SbConfigCommitmentForm .sd-group {
  margin-top: 20px;
  margin-bottom: 15px;
  border-top: 1px dotted green; }

.SbConfigCommitmentForm .sd-group a span.fa-chevron-right {
  transition: transform 300ms ease; }

.SbConfigCommitmentForm .sd-group a[aria-expanded=true] span.fa-chevron-right {
  transform: rotate(90deg); }

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

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

.TreatmentCourseButton {
  height: 26px;
  font-size: 10px; }

.TreatmentCourseButtonsGrid {
  display: inline-grid;
  grid-template-columns: 60px auto;
  grid-template-rows: auto;
  padding: 2px; }

.fs-12 {
  font-size: 12px; }

/* Patients filter */
.PatientsGrid .patients-filter-grid {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto; }

.PatientsGrid .patients-filter-left {
  text-align: left; }

.PatientsGrid .patients-filter-right {
  text-align: right; }

.PatientsGrid .sfg-row:nth-child(2n) > div {
  background-color: var(--grey3); }

/* grid general*/
.PatientsGrid .patients-grid-scroller {
  overflow-y: scroll;
  height: 100vh; }

.PatientsGrid .patients-grid-max-height {
  max-height: calc(100vh - 200px) !important; }

/* Patients grid - No GroupBy Grouping*/
.PatientsGrid .patients-grid {
  max-height: calc(100% - 100px) !important;
  height: calc(100% - 100px);
  width: 100%;
  display: grid;
  padding: 2px; }

.PatientsGrid .patients-header-row {
  display: contents; }

/*--------GroupBy Grid styles----------*/
.PatientsGrid .patients-groupBy-grid {
  display: grid;
  grid-template-columns: [Exp] 40px [Key] repeat(auto-fit, minmax(1000px, 1fr));
  grid-column: span 9; }

.PatientsGrid .patients-detail-grid {
  display: grid;
  /*    grid-template-columns: [rowCount]40px [Foo]40px  [Dept]8px [Staff]200px [Patient]200px [Activity]300px [StartDate]100px [StartTime]100px [Diagnosis]auto;*/
  grid-column: span 9;
  margin-left: 40px; }

.PatientsGrid .patients-groupBy-header-row {
  display: contents;
  margin-left: 40px;
  width: 100%; }

.PatientsGrid .patients-groupBy-col1 {
  border: none;
  color: darkgray;
  padding-top: 5px;
  padding-left: 4px;
  background-color: white;
  cursor: pointer; }

.PatientsGrid .patient-key-row {
  border: none;
  background-color: yellow;
  font-weight: bold;
  width: 100%; }

.PatientsGrid .patient-detail-item {
  padding: 20px;
  text-align: center;
  background-color: var(--grey3); }

.PatientsGrid .expamd-all-header {
  padding-top: 10px;
  cursor: pointer; }

.PatientsGrid .caret-cell {
  border: none;
  color: lightgrey;
  cursor: pointer; }

.PatientsGrid .hide-detail {
  display: none; }

.PatientsGrid .patient-key-row > div {
  padding: 8px 4px;
  background-color: var(--grey3);
  outline: 1px solid #c8c8c8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.PatientsGrid .dss-detail-grid {
  display: grid;
  width: auto;
  grid-template-columns: auto;
  margin-left: 40px; }

.PatientsGrid .dss-detail-grid-col-span {
  grid-column: span 8; }

.PatientsGrid .sfg-row > div {
  padding: 8px 4px;
  background-color: white;
  outline: 1px solid #c8c8c8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.PatientsGrid .sfg-row:hover > .sfg-field {
  background-color: var(--blue7); }

.PatientsGrid .patients-header-row > sfg-header:hover {
  white-space: nowrap;
  overflow: hidden; }

.DashboardAbstract .dashboard-grid {
  display: grid;
  margin: 0px;
  padding: 0px;
  background-color: #e7e7e7; }

.DashboardAbstract .dashboard-grid-template-columns1 {
  display: grid;
  grid-template-columns: 100%; }

.DashboardAbstract .dashboard-grid-template-columns2 {
  display: grid;
  column-gap: 0px;
  grid-template-columns: repeat(2, 50%); }

.DashboardAbstract .DashboardTileContainer {
  overflow-x: auto;
  padding-left: 6px;
  padding-right: 6px; }

@media (max-width: 992px) {
  .DashboardAbstract
.dashboard-grid-template-columns2 {
    display: grid;
    row-gap: 6px;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: 99.8%; } }

.DashboardAbstract .dashboard-grid-row {
  display: contents; }

.DashboardAbstract .dashboard-grid-item {
  background-color: #e7e7e7;
  padding: 0px; }

.Learning .card-body-ex {
  height: 330px; }

.Learning .course {
  margin-top: .25rem;
  width: fit-content; }

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