:root {
  --primary-100: #081B5F; /* royal blue */
  --primary-90: #0F2B8D;
  --primary-80: #163FBD;
  --primary-70: #1C4ADE; /* bright blue */
  --primary-60: #3866E3;
  --primary-50: #5481ED;
  --primary-40: #739CFC;
  --primary-30: #B0C6FB;
  --primary-20: #D7E0FB;
  --primary-10: #F0F3FC;
  --primary-main: var(--primary-70);

  --gray-100: #222328; /* lean black */
  --gray-90: #333D4D;
  --gray-80: #4D5563;
  --gray-70: #5D6573;
  --gray-60: #6E7580;
  --gray-50: #848991;
  --gray-40: #9CA0A6;
  --gray-30: #C4C6C9;
  --gray-20: #DFE0E2;
  --gray-15: #EDEEEF;
  --gray-10: #F4F4F5;
  --gray-05: #F9F9FA;
  --gray-00: #FFFFFF;
  --gray-main: var(--gray-60);

  --success-100: #103732;
  --success-90: #124A40;
  --success-80: #246651;
  --success-70: #2E7A5C;
  --success-60: #1C995A;
  --success-50: #22BF67;
  --success-40: #59C27F;
  --success-30: #9DE0B1;
  --success-20: #D3F5DB;
  --success-10: #F0FCF3;
  --success-main: var(--success-60);
  --success-main-hover: var(--success-50);

  --error-100: #431A15;
  --error-90: #62201A;
  --error-80: #961C1A;
  --error-70: #B21C20;
  --error-60: #D13037;
  --error-50: #FC3A41;
  --error-40: #FE7770;
  --error-30: #FBB5AF;
  --error-20: #FADBD9;
  --error-10: #FCF0F0;
  --error-main: var(--error-60);

  --warning-100: #70540B;
  --warning-90: #A07912;
  --warning-80: #C39318;
  --warning-70: #DCA61C;
  --warning-60: #F3B71F;
  --warning-50: #FFBF1F;
  --warning-40: #FCCD60;
  --warning-30: #FADB91;
  --warning-20: #F9E9C0;
  --warning-10: #FAF3DF;
  --warning-main: var(--warning-70);
  
  --lean-white: var(--gray-00);
  --lean-black: var(--gray-100);

  --standout-color: var(--primary-main);
  --standout-color-hover: var(--primary-60);
  --soft-standout-color: var(--primary-40);
  --link-color: var(--primary-main);

  --relayone-med-light-bar: #03a1da; /* TODO: look at checkout page */
  
  --system-background-color: var(--gray-10);
  --system-color: var(--lean-black);
  --secondary-color: var(--gray-60);
  --system-border-radius: 4px;

  --button-background-hover: var(--gray-15);

  --danger: var(--error-main);
  --warning: var(--warning-main);
  --success: var(--success-main);

  --scroll-color: #03a1da30; /* med light bar */

  --header-height: 50px;
  --footer-height: 45px;
  --sidebar-width: 300px;

  --logo-width: 192px;

  --text-large: 16px;
  --text-medium: 14px;
  --text-small: 12px;


  /* calendar overrides */
  --fc-button-text-color: var(--standout-color);
  --fc-button-bg-color: var(--lean-white);
  --fc-button-border-color: var(--standout-color);
  --fc-button-hover-bg-color: var(--fc-button-bg-color);
  --fc-button-hover-border-color: var(--fc-button-border-color);
  --fc-button-active-bg-color: var(--fc-button-bg-color);
  --fc-button-active-border-color: var(--fc-button-border-color);
}
@media (max-width: 767px) {
  :root {
    --sidebar-width: 100vw;
  }
}

@font-face {
  font-family: PublicSans;
  src: url("/assets/fonts/PublicSans-VariableFont_wght.ttf") format("woff2-variations");
  font-weight: 125 950;
  font-style: normal;
}
@font-face {
  font-family: PublicSans-Italic;
  src: url("/assets/fonts/PublicSans-Italic-VariableFont_wght.ttf") format("woff2-variations");
  font-weight: 125 950;
  font-style: italic;
}

::-webkit-scrollbar-track
{
  background-color: var(--system-background-color);
}

::-webkit-scrollbar
{
  width: 16px;
  background-color: var(--system-background-color);
}

::-webkit-scrollbar-thumb
{
  border-radius: 100px;
  background-color: var(--scroll-color);
  border: solid 4px var(--system-background-color)
}


html, body {
  /* height: unset; */
}

body {
  font-family: 'PublicSans',Helvetica,Arial,sans-serif;
  font-size: var(--text-medium);
  line-height: 1.42857143;
  background-color: var(--system-background-color);
  color: var(--system-color);
}

body.skin-blue.sidebar-mini,
.wrapper {
  overflow: unset;
}

body.loading {
  background-color: #fff;
}

body.loading .page-wrapper {
  display: none;
}

body #first-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 14px;
}
body #first-spinner .loading-gif {
  height: 64px;
  width: 64px;
}
body.loading #first-spinner {
  display: block;
}

body.index .wrapper .content-wrapper {
  display: none;
}

body.index.schedule .wrapper .content-wrapper.schedule-page {
  scroll-padding-top: 80px;
}

body.index.schedule .wrapper .content-wrapper.schedule-page,
body.index.activity .wrapper .content-wrapper.activity-page {
  display: block;
}

.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 575.98px) {
  .top-content,
  .main.content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.top-content {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--system-background-color);
  z-index: 1000;
}
.main.content {
  min-height: auto;
}

/* adjust like old bootstrap */
.nav>li>a,
.nav>li>span {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.navbar-nav>li>a,
.navbar-nav>li>span {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (min-width: 768px){
  .navbar-nav>li>a,
  .navbar-nav>li>span {
      padding-top: 15px;
      padding-bottom: 15px;
  }
}

h1, .h1 { font-size: 32px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }

p { margin: 0 0 10px; }

.form-control {
  background-clip: border-box;
}
input.form-control {
  border-radius: var(--system-border-radius);
}

.sidebar-mini.sidebar-collapse .main-sidebar {
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-sidebar {
    width: 40px !important;
  }
}
#facility-displayname {
  text-align: center;
  font-size: var(--text-large);
  font-weight: 600;
}
#facility-holder .details {
  display:none
}
#facility-holder .active > .details {
  display: block
}
.hidden {
  display:none !important;
}

.doctor-field {
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
}
.doctor-field.selected::before {
  font: var(--fa-font-solid);
  padding-right: 4px;
  content: "\f005"; /* star */
  color: var(--success-main);

}
.contact i span {
  margin-left: 5px;
}

@media screen and (max-width: 575.98px) {
  #appointment-holder {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
  }
}

.no-appointments-message,
.no-facilities-message {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  color: var(--secondary-color);
}
.no-appointments .no-appointments-message,
.no-facilities .no-facilities-message {
  display: flex;
}
.no-appointments #appointment-holder,
.no-facilities #facility-holder {
  display: none;
}

.appointment-template {
  padding: 0;
  border: none;
  border-bottom: solid 1px var(--system-background-color);
}
.appointment-template:last-child {
  border-bottom: none;
}
.appointment-container {
  padding: 10px 15px;
}
.appointment-container.assignable {
  cursor: pointer;
}
.appointment-container.canceled {
  cursor: default;
}

.appointment-container .btn-action {
  font-size: var(--text-small);
  display: none;
  padding: 3px 10px 2px 10px;
  border: solid 1px var(--secondary-color);
  color: var(--secondary-color);
  border-radius: var(--system-border-radius);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  width: 93px;
}


.appointment-container .appointment-detail {
  display: flex;
  flex-direction: column;
  color: var(--gray-80);
}
.appointment-container .appointment-detail .appointment-detail-header {
  color: var(--system-color);
  font-size: var(--text-large);
  margin-bottom: 10px;
}
.appointment-container .appointment-detail .appointment-time {
  font-size: .9rem;
  white-space: nowrap;
}
.appointment-container .appointment-detail .status-tag {
  background-color: var(--gray-15);
  font-size: 0.75rem;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 24px;
  border-radius: 24px;
  margin-top: 5px;
}
.appointment-container.canceled .appointment-detail .status-tag {
  background-color: var(--error-20);
  color: var(--error-100);
}


.appointment-container .subscribed-container .subscription {
  display: flex;
  height: 2rem;
  font-size: var(--text-medium);
  margin-top: 2px;
}
.appointment-container .subscribed-container .subscription.subscribed {
  background-color: var(--standout-color);
  color: var(--lean-white);
  border: solid 1px transparent;
}
.appointment-container .subscribed-container .subscription .action-icon::before {
  font: var(--fa-font-light);
  padding-right: 5px;
  vertical-align: 1px;
}
.appointment-container .subscribed-container .subscription.subscribed .action-icon::before {
  content: "\f0f3"; /* solid bell */
}
.appointment-container .subscribed-container .subscription.subscribed .action-text::before {
  content: "Following";
}
.appointment-container .subscribed-container .subscription.unsubscribed .action-icon::before {
  content: "\f0a2"; /* outline bell */
}
.appointment-container .subscribed-container .subscription.unsubscribed .action-text::before {
  content: "Follow";
}


.appointment-container .assignment {
  display: flex;
  justify-content: space-between;
}
.appointment-container .assignment:first-child {
  margin-top: 10px;
}
.appointment-container .assignment > * {
  width: 100%;
}

.appointment-container .assignment .assignee {
  white-space: nowrap;
}
.appointment-container .assignment.has-status .assignee::before,
.appointment-container .appointment-detail .status-tag::before {
  font: var(--fa-font-solid);
  padding-right: 5px;
  content: "\f111"; /* circle */
  vertical-align: 1px;
}
.appointment-container .appointment-detail .status-tag::before {
  font-size: 8px;
  color: var(--gray-60);
}
.appointment-container.canceled .appointment-detail .status-tag::before {
  color: var(--error-60);
}
.appointment-container .assignment.has-status .assignee::before {
  font-size: 9px;
}
.appointment-container .assignment.has-status.ready .assignee::before {
  color:var(--success);
}
.appointment-container .assignment.has-status.assigned .assignee::before {
  color: var(--warning);
}
.appointment-container .assignment.has-status.late .assignee::before {
  color: var(--danger);
}

.appointment-container .assignment .status-or-action {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.appointment-container .assignment.has-status.ready .text-status {
  color: var(--success);
}
.appointment-container .assignment.has-status.assigned .text-status {
  color: var(--warning);
}
.appointment-container .assignment.has-status.late .text-status {
  color: var(--danger);
}

.appointment-container .my-assignment.has-status.ready .btn-status {
  display: flex;
  background-color: var(--success);
  color: var(--lean-white);
  border: solid 1px transparent;
}
.appointment-container .my-assignment.has-status.ready .btn-status::before {
  content: "Ready";
}
.appointment-container .my-assignment.has-status.assigned .btn-status {
  display: flex;
  color: var(--secondary-color);
  border: solid 1px var(--secondary-color);
}
.appointment-container .my-assignment.has-status.assigned .btn-status::before {
  content: "Mark Ready";
}
.appointment-container .my-assignment.has-status.late .btn-status {
  display: flex;
  color: var(--danger);
  border: solid 1px var(--danger);
}
.appointment-container .my-assignment.has-status.late .btn-status::before {
  content: "Mark Ready";
}


.plan.box-body {
  min-height: 150px;
}
.charges {
  padding-bottom: 10px;
}
.chargetext {
  text-align: center;
}

.fc .fc-button {
  padding: 3px 7px 4px 7px;
}

.day-events{
  position:absolute;
  bottom:10px;
  margin-left: 10px;
}
.day-no-events {
background-color: var(--lean-white);
}
.fc-day.active {
  background: var(--warning-20);
}
.errorMessage {
  color : var(--danger);
}

img.logos {
  width: var(--logo-width);
  height: auto;
}

img.logos.logoWords {
  padding-top: 2px;
  padding-left: 5px;
}

.date-selector {
  margin-bottom: 10px;
}
.calendar-control .date-scroll {
  font-size: 26px;
  color: var(--standout-color);
  padding: 0 10px;
  cursor: pointer;
}
.calendar-control .calendar-menu-container {
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 575.98px) {
  .calendar-control .calendar-menu-container {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.btnCalendar.dropdown-toggle,
.btnCalendar.dropdown-toggle:focus,
.btnCalendar.dropdown-toggle:active,
.btnCalendar.dropdown-toggle:visited {
  cursor: pointer;
  background-color: var(--lean-white);
  color: var(--standout-color);
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 6px;
  border: solid 1px #ddd;
  width: 228px;
  text-align: center;
}
.btnCalendar.dropdown-toggle.today-selected,
.btnCalendar.dropdown-toggle.today-selected:focus,
.btnCalendar.dropdown-toggle.today-selected:active,
.btnCalendar.dropdown-toggle.today-selected:visited {
  background-color: var(--standout-color);
  color: var(--lean-white);
  border: solid 1px var(--standout-color);
}

@media (min-width: 767px) {
  #calendar {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

.loading-spinner {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  opacity: 1;
  position: relative;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
            transform: translate3d(-50%, 0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(360deg);
            transform: translate3d(-50%, 0, 0) rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
            transform: translate3d(-50%, 0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(360deg);
            transform: translate3d(-50%, 0, 0) rotate(360deg);
  }
}
.loading-spinner.-paused {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 0.2;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
}
.loading-spinner::before {
  -webkit-animation: 1s linear infinite spinner;
          animation: 1s linear infinite spinner;
  -webkit-animation-play-state: inherit;
          animation-play-state: inherit;
  border: solid .5em #3c8dbc;
  border-bottom-color: transparent;
  border-radius: 50%;
  content: "";
  height: 100px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 100px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  width: 100px;
  will-change: transform;
}
.status-panel {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: var(--system-border-radius);
  border-width: 2px;
  border-style: solid;
}
.status-panel-success {
  border-color: #3c763d;
  background-color: #dff0d8;
}
.status-panel-info {
  border-color: var(--relayone-med-light-bar);
  background-color: #d9edf7;
}
.status-panel-cancel {
  border-color: #31708f;
  background-color: #d9edf7;
}
.status-panel-error {
  border-color: #a94442;
  background-color: #f2dede;
}
.OR-template {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 25px;
}
.OR-template:last-child {
  margin-bottom: 0;
}
.OR-template .OR-name {
  color:var(--soft-standout-color);
  font-size: var(--text-large);
  line-height: 1;
  padding: 0 10px;
  margin-bottom: 5px;
}
.OR-template .OR-item-container {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.skin-blue .main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .screen-toggle,
.skin-blue .wrapper .screen-toggle,
.skin-blue .main-header .nav>li>a {
  background-color: var(--system-background-color);
  color: var(--soft-standout-color);
}
.skin-blue .main-header .screen-toggle:hover,
.skin-blue .wrapper .screen-toggle:hover,
.skin-blue .main-header .nav>li>a:hover {
  background-color: var(--system-background-color);
  color: var(--soft-standout-color);
}

.skin-blue .main-header .logo {
  width: var(--logo-width);
  text-align: left;
}
.skin-blue .main-header .logo img {
  width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  .skin-blue.sidebar-open .main-header .navbar {
    display: none;
  }
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: var(--system-background-color);
}

.wrapper.page-wrapper {
  display: flex;
  height: 100vh !important;
}
.wrapper.page-wrapper.column {
  flex-direction: column;
}

.content-wrapper {
  flex: 1 1 0;
  height: 100%;
  overflow-y: auto;
  background-color: var(--system-background-color);
  min-height: calc(100vh - var(--footer-height)) !important;
  margin-left: 0;
}
@media (max-width: 575.98px) {
  .content-wrapper {
    /* margin-left: var(--sidebar-width); */
    scrollbar-width: none;
  }
  .content-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.main-sidebar {
  flex: 0 0 auto;
  position: static;
  height: 100%;
  overflow-y: auto;
  width: var(--sidebar-width);
  padding-top: 0;
}
@media (max-width: 575.98px) {
  .main-sidebar {
    position: absolute;
    width: 100vw;
    -webkit-transform: translate(-100vw, 0);
    -ms-transform: translate(-100vw, 0);
    -o-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
    scrollbar-width: none;
  }
  .main-sidebar::-webkit-scrollbar {
    display: none;
  }
  .sidebar-open .main-sidebar {
    padding-top: var(--header-height);
    padding-top: 0;
  }
}
.main-sidebar .sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  min-height: 90%;
}

.skin-blue .sidebar a {
  color: var(--system-color);
}
.skin-blue .sidebar-menu {
  min-height: 300px;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a {
  color: var(--system-color);
  font-weight: 600;
  background: var(--system-background-color);
  border-left-color: transparent;
}
.skin-blue .sidebar-menu>li.page-menu-link {
  margin: 3px 10px;
  border-radius: var(--system-border-radius);
}
.skin-blue .sidebar-menu>li.page-menu-link>a,
.skin-blue .sidebar-menu a.dropdown-item {
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background-color: var(--system-background-color);
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
  color: #212529;
}

.skin-blue .sidebar-menu .menu-facility-holder>.facility-template.active,
.skin-blue .sidebar-menu .menu-facility-holder>.facility-template:hover {
  color: var(--standout-color);
}

.skin-blue .sidebar-menu .menu-facility-list-container {
  margin: 0 10px 5px 10px;
  padding-left: 10px;
  list-style: none;
}
.skin-blue .sidebar-menu .facilities-filter-container {
  margin-left: -10px;
}
.skin-blue .sidebar-menu .menu-facility-holder>.facility-template {
  border-bottom: solid 1px var(--system-background-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px 10px 0;
  cursor: pointer;
}
.skin-blue .sidebar-menu .menu-facility-holder>.facility-template:last-child {
  border-bottom: none;
}
.skin-blue .sidebar-menu .menu-facility-holder>.facility-template>.facility-logo-holder,
.activity-item-facility-logo-holder {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border-radius: var(--system-border-radius);
  overflow: hidden;
}
.skin-blue .sidebar-menu .menu-facility-holder>.facility-template>.facility-logo-holder .facility-logo-img,
.activity-item-facility-logo-holder .activity-item-facility-logo-img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.skin-blue .treeview-menu>li.sidebar-section,
.skin-blue .sidebar-menu>li.sidebar-section {
  display: flex;
  flex-direction: column;
  background-color: var(--system-background-color);
  border-radius: var(--system-border-radius);
}
.skin-blue .treeview-menu>li.sidebar-section>a,
.skin-blue .treeview-menu>li.sidebar-section>a:hover,
.skin-blue .treeview-menu>li.sidebar-section>a:visited,
.skin-blue .sidebar-menu>li.sidebar-section>a,
.skin-blue .sidebar-menu>li.sidebar-section>a:hover,
.skin-blue .sidebar-menu>li.sidebar-section>a:visited {
  color: var(--system-color);
  background-color: var(--system-background-color);
  font-size: 12px;
  font-weight: 400;
  cursor: default;
}

.skin-blue .sidebar-menu>li.sidebar-section>a.section-header {
  color: var(--standout-color);
  font-size: 14px;
  cursor: default;
  padding-top: 6px;
  padding-bottom: 6px;
  margin: 3px 10px;
  border-top: solid 1px #ddd;
}
.skin-blue .sidebar-menu>li.sidebar-section>a.section-link {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin: 3px 10px;
}

.sidebar-menu .section-footer {
  border-bottom: solid 1px #ddd;
}

.sidebar-menu .top-dropdown {
  padding-left: 18px;
}
.sidebar-menu .top-dropdown > .btn {
  padding-left: 22px;
  width: 100%;
  text-align: left;
  border: none;
  background-color: transparent;
  color: var(--standout-color);
  font-size: 14px;
}
.sidebar-menu .top-dropdown > .btn:active,
.sidebar-menu .top-dropdown > .btn:focus,
.sidebar-menu .top-dropdown > .btn:hover {
  background-color: transparent;
  color: var(--standout-color);
  font-weight: 600;
  box-shadow: none;
}

.sidebar-menu .top-dropdown .dropdown-menu {
  border: solid 1px #ccc;
  font-size: 14px;
}



.sidebar-menu .top-dropdown .dropdown-menu>.active>a,
.sidebar-menu .top-dropdown .dropdown-menu>.active>a:focus,
.sidebar-menu .top-dropdown .dropdown-menu>.active>a:hover,
.sidebar-menu .top-dropdown .dropdown-menu>li>a,
.sidebar-menu .top-dropdown .dropdown-menu>li>a:focus,
.sidebar-menu .top-dropdown .dropdown-menu>li>a:hover {
  background-color: transparent;
  color: var(--system-color);
  text-decoration: none;
  outline: 0;
}
.sidebar-menu .top-dropdown .dropdown-menu>.active>a:focus,
.sidebar-menu .top-dropdown .dropdown-menu>.active>a:hover,
.sidebar-menu .top-dropdown .dropdown-menu>li>a:focus,
.sidebar-menu .top-dropdown .dropdown-menu>li>a:hover {
  font-weight: 600;
}

.sidebar-menu .top-dropdown .dropdown-menu .dropdown-header {
  color: #888;
  letter-spacing: normal;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
}

.sidebar-menu .top-dropdown .dropdown-menu .dropdown-item.active,
.sidebar-menu .top-dropdown .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}
.sidebar-menu .top-dropdown .dropdown-menu .dropdown-item > .fa {
  width: 20px;
}

.main-sidebar .sidebar-toggle:before,
.main-sidebar .sidebar-toggle::before {
  display: none;
}

.main-header .navbar {
  min-height: 0;
}
@media (max-width: 575.98px) {
  .navbar-custom-menu .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.search-group {
  width: 75%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .search-group {
    max-width: 300px;
    margin-top: 5px;
  }
}
.form-group-r1 .form-control,
.form-group-r1 .input-group {
  height: auto;
  font-size: 14px;
  padding: 5px;
  color: var(--gray-main);
  background-color: var(--lean-white);
  border: solid 1px var(--secondary-color);
  border-radius: var(--system-border-radius);
}
.form-group-r1 .form-control:focus {
  border-color: var(--standout-color);
}
.form-group-r1 .input-group .btn {
  border-top-left-radius: var(--system-border-radius);
  border-bottom-left-radius: var(--system-border-radius);
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  color: var(--secondary-color);
}
.form-group-r1 .input-group .form-control {
  border: none;
  border-top-right-radius: var(--system-border-radius);
  border-bottom-right-radius: var(--system-border-radius);
  padding-left: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  height: auto;
}

.form-group-r1 .form-control::-webkit-input-placeholder,
.form-group-r1 .form-control::-moz-placeholder,
.form-group-r1 .form-control:-ms-input-placeholder,
.form-group-r1 .form-control:-moz-placeholder,
.form-group-r1 .input-group .form-control::-webkit-input-placeholder,
.form-group-r1 .input-group .form-control::-moz-placeholder,
.form-group-r1 .input-group .form-control:-ms-input-placeholder,
.form-group-r1 .input-group .form-control:-moz-placeholder {
  color: var(--secondary-color);
}
.form-group-r1 .form-control::placeholder,
.form-group-r1 .input-group .form-control::placeholder {
  color: var(--secondary-color);
}

.form-group-r1 .form-control-info {
  margin-top: 5px;
  font-size: 85%;
}

.form-group-r1.search-group .input-group button,
.form-group-r1.search-group .input-group input.filter-input {
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
}

.main-footer {
  height: var(--footer-height);
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: var(--sidebar-width);
}
@media (max-width: 766.98px) {
  .main-footer {
    margin-left: 0;
  }
}

.r1-copyright,
.r1-pptos {
  font-size: 12px;
  text-align: center;
}
.r1-copyright .company-name {
  color: var(--standout-color);
}

.fc-daygrid-day {
  height: 55px;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 1em;
}

.navbar-custom-menu>.navbar-nav>li.user-menu {
  text-align: right;
}
.navbar-custom-menu>.navbar-nav>li.user-menu>.dropdown-menu {
  width: auto;
  min-width: 200px;
  background-color: transparent;
  border-radius: var(--system-border-radius);
}
@media (max-width: 991px) {
  .navbar-custom-menu>.navbar-nav>li.user-menu>.dropdown-menu {
    border-top: none;
  }
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: auto;
  border-top-left-radius: var(--system-border-radius);
  border-top-right-radius: var(--system-border-radius);
}
.skin-blue .main-header li.user-header {
  background-color: var(--standout-color);
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer {
  display: flex;
  justify-content: space-around;
  border-bottom-left-radius: var(--system-border-radius);
  border-bottom-right-radius: var(--system-border-radius);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer .btn {
  padding-top: 0;
  padding-bottom: 0;
  color: var(--standout-color);
  border-color: var(--standout-color);
  background-color: var(--lean-white);
  border-radius: var(--system-border-radius);
}
.btn-r1 {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0 5px;
  font-size: 14px;
  color: var(--lean-black);
  border-color: var(--lean-black);
  background-color: var(--lean-white);
  border-radius: var(--system-border-radius);
}
.btn-r1:hover,
.btn-r1:active {
  background-color: var(--button-background-hover);
}
.btn-r1:focus {
  border-color: var(--standout-color);
  background-color: var(--system-background-color);
}
.btn-r1:first-child {
  margin-left: 0;
}
.btn-r1:last-child {
  margin-right: 0;
}
.btn-primary {
  color: var(--lean-white);
  border-color: var(--standout-color);
  background-color: var(--standout-color);
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
  border-color: var(--standout-color-hover);
  background-color: var(--standout-color-hover);
}
.btn-success {
  color: var(--lean-white);
  border-color: var(--success-main);
  background-color: var(--success-main);
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  border-color: var(--success-main-hover);
  background-color: var(--success-main-hover);
}

a,
a:active {
  color: var(--link-color);
  text-decoration: none;
}

.box-comments {
  background-color: var(--system-background-color);
}

.card-r1 {
  border-radius: var(--system-border-radius);
  background-color: #fff;
  box-shadow: 1px 1px var(--system-border-radius) #ddd;
  overflow: hidden;
}
.card-r1-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.standard-page {
  display: flex;
  flex-direction: column;
}
.standard-page .main.content {
  display: flex;
  flex-direction: column;
  width: 400px;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 575.98px) {
  .standard-page .main.content {
    width: 100%;
  }
}
.standard-page .main.content > * {
  margin-bottom: 20px;
}
.standard-page .main.content > *:last-child {
  margin-bottom: 0;
}
.standard-page .main.content > .card-r1 {
  padding: 10px;
}

.profile #user-profile-holder {
  margin-bottom: 20px;
}
.profile-details {
  padding-left: 3px;
}

.form-r1 {
  display: flex;
  flex-direction: column;
}
.form-group-r1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  color: var(--secondary-color);
}
.form-group-r1:last-child {
  margin-bottom: 0;
}
.form-group-r1 .action-feedback {
  display: none;
  font-weight: 600;
  margin-bottom: 10px;
}
.form-group-r1 .action-feedback.action-feedback-info {
  display: flex;
}
.form-group-r1 .action-feedback.action-feedback-success {
  display: flex;
  color: var(--success);
}
.form-group-r1 .action-feedback.action-feedback-error {
  display: flex;
  color: var(--danger);
}

.form-group-r1.has-error .form-control {
  border-color: var(--danger);
}
.form-group-r1.has-error .feedback-label-r1 {
  color: var(--danger);
}


.form-group-label-r1 {
  color: var(--gray-main);
}
.form-group-label-r1.required {
  font-weight: 600;
}
.required-indicator {
  color: var(--danger);
}

.form-row-r1 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  color: var(--secondary-color);
}
.form-row-r1:last-child {
  margin-bottom: 0;
}

.contact-us-page .contact-us-details .menu-icon {
  color: var(--standout-color);
  font-size: 16px;
  padding-right: 10px;
}
.contact-us-page .feedback-holder {
  width: 100%
}
.contact-us-page .feedback-holder #txtFeedback {
  margin-bottom: 10px;
}


.editable .read {
  display: initial;
}
.editable.editing .read {
  display: none;
}
.editable .write {
  display: none;
}
.editable.editing .write {
  display: initial;
}

.page-banner {
  margin-bottom: 10px;
}
.page-banner .page-banner-section {
  padding: 8px 15px;
  margin: 0 15px 2px 15px;
}
.page-banner .page-banner-section:first-child {
  margin-top: 10px;
}
.page-banner .page-banner-section:last-child {
  margin-bottom: 0;
}
.page-banner .page-banner-section.alert-success,
.page-banner .page-banner-section.alert-success a {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}
.page-banner .page-banner-section.alert-info,
.page-banner .page-banner-section.alert-info a{
  color: #31708f !important;
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
}
.page-banner .page-banner-section.alert-warning,
.page-banner .page-banner-section.alert-warning a {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
}
.page-banner .page-banner-section.alert-danger,
.page-banner .page-banner-section.alert-danger a {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}
.page-banner .page-banner-section.alert a,
.page-banner .page-banner-section.alert a.focus,
.page-banner .page-banner-section.alert a:focus,
.page-banner .page-banner-section.alert a:active,
.page-banner .page-banner-section.alert a:hover {
  font-weight: 600;
  background-color: transparent;
  filter: brightness(1);
}
.page-banner .page-banner-item {
  margin: 2px 0;
}
.page-banner .page-banner-item .message-bullet {
  font-size: 80%;
  margin-right: 10px;
}

.fa.placeholder {
  visibility: hidden;
}


.wrapper .screen-toggle {
  background-color: transparent;
  background-image: none;
  padding: 10px;
  margin-bottom: 0;
  font-size: 20px;
  cursor: pointer;
}
@media screen and (min-width: 576px) {
  .wrapper .sidebar-toggle {
    display: none;
  }
}

.wrapper .schedule-page .sidebar-toggle {
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .schedule-page .activity-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.wrapper .schedule-page .activity-toggle > i {
  position: relative;
}

@media (max-width: 767px) {
  .sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(var(--sidebar-width), 0);
    -ms-transform: translate(var(--sidebar-width), 0);
    -o-transform: translate(var(--sidebar-width), 0);
    transform: translate(var(--sidebar-width), 0);
  }
}

.main-header .logoImage {
  height: 45px;
}

input.agreement {
  margin-top: 4px;
  margin-right: 5px;
}

#authorized-users .fa-square-check {
  color: var(--success-main);
}

.sentry-modal .description.content.iqueue {
  min-height: 0;
  padding-top: 6px;
  padding-bottom: 0;
}

.header-xl-text {
  font-size: 32px;
}
.header-l-text {
  font-size: 24px;
}
.header-m-text {
  font-size: 20px;
}
.header-s-text {
  font-size: 18px;
}

.wrapper .activity-page {
  padding: 10px;
  padding-bottom: 0;
  max-width: 600px;
}

.wrapper .activity-page .activity-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper .activity-page #activities-holder {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
@media screen and (max-width: 575.98px) {
  .wrapper .activity-page #activities-holder {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.wrapper .activity-page .activity-item {
  display: flex;
  border-bottom: solid 1px var(--system-background-color);
  padding: 10px 5px;
  cursor: pointer;
}

.wrapper .activity-page .activity-item .activity-item-facility-logo-holder {
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.wrapper .activity-page .activity-item .activity-item-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
  padding-left: 5px;
  padding-right: 5px;
}

.wrapper .activity-page .activity-item .activity-item-content .activity-item-title {
  font-weight: 600;
}

.badge-r1 {
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
  background-color: var(--error-main);
  border-radius: 50%;
  border: 1px solid var(--lean-white);
  transform: translate(-65%, -30%);
  height: 10px;
  width: 10px;
}

.show-badge {
  display: block;
}

/* Staff Assignments styling */
.staff-assignments-container {
  max-height: 500px;
  overflow-y: scroll;
}
.staff-group {
  margin-bottom: 15px;
}
.staff-group-header {
  margin-bottom: 2px;
  font-weight: 600;
}
.staff-assignments-list {
  padding-left: 10px;
}