.q-img__content > div {
  padding: unset;
  background: unset;
}

.q-timeline {
  @extend .q-my-none;
}

// .q-layout__shadow::after
//   box-shadow 0px 6px 12px rgba(41, 43, 50, 0.12)

// Breakpoints don't work for some reason?? TODO: investigate and fix.
// @media (max-width $breakpoint-xs-max)
// 	.w-sidebar-content
// 		min-width $sidebar-min-width-mobile
// @media (min-width $breakpoint-sm-min)
// 	.w-sidebar-content
// 		min-width $sidebar-min-width-desktop
.q-item__section--avatar {
  min-width: unset;
}

.q-table__top {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

// IE style overrides
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col {
    flex: 1 1 auto !important;
  }
}

.q-btn--rectangle {
  border-radius: 8px;
}

.q-card {
  border-radius: 12px;
}

.q-banner {
  border-radius: 6px;
}

.q-pull-to-refresh {
  border-radius: 12px;
}

.q-page {
  background-color: $page-background;
}

// Scroll bar styling
::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #27AB83;
}