/* One calm navigation style across patient, doctor and staff portals. */
.side nav > button:not(.contact-nav):not(.out) {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  width: 100% !important;
  height: 47px !important;
  min-height: 47px !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-inline-start: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #bdd0d9 !important;
  font: inherit !important;
  font-weight: 700 !important;
}

.side nav > button.on:not(.contact-nav):not(.out) {
  background: #ffffff16 !important;
  color: #ffffff !important;
}

.side nav > button:not(.contact-nav):not(.out) svg,
.side nav > button:not(.contact-nav):not(.out) .ico,
.side nav > button.doctor-my-page-nav .doctor-my-page-icon {
  display: block !important;
  flex: 0 0 23px !important;
  width: 23px !important;
  height: 23px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.side nav > button:not(.contact-nav):not(.out) > span:last-child {
  display: block !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.side nav > button:not(.contact-nav):not(.out) b {
  color: inherit !important;
  font: inherit !important;
  font-weight: 700 !important;
}

.side nav > button:not(.contact-nav):not(.out) small {
  display: none !important;
}

main.app > footer button .ico,
main.app > footer button .doctor-my-page-icon {
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}