.sidebar-panel-goals {
  transform: translate3d(110%, 0, 0);
  transform: translate3d(-110%, 0, 0);
  max-width: 100%;
  box-shadow: 5px 5px 5px #e4e4e4;
  position: fixed;
  top: 0;
  height: 100%;
  background: #fff;
  padding: 15px;
  transition: 0.5s all ease-in-out;
  overflow-y: auto;
  z-index: 5;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.sidebar-panel-goals.open {
  transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
  .sidebar-panel-goals {
    max-width: 350px;
  }
}
.sidebar-panel-goals .panel-goals-heading {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 5px;
  padding-right: 5px;
}
.sidebar-panel-goals .panel-goals-heading h4 {
  font-size: 1rem;
  color: #252525;
}
.sidebar-panel-goals .panel-goals-container {
  display: flex;
  flex-wrap: wrap;
}
.sidebar-panel-goals .panel-goals-container .goals-item {
  flex-basis: calc(33.33333333%);
  padding: 5px;
  text-align: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.sidebar-panel-goals .panel-goals-container .goals-item--11,
.sidebar-panel-goals .panel-goals-container .goals-item--16 {
  opacity: 0.5;
  pointer-events: none;
}
.sidebar-panel-goals .panel-goals-container .goals-item img {
  width: 100%;
  height: 96px;
}
.sidebar-panel-goals .panel-goals-container .goals-item img.svg {
  filter: saturate(1) grayscale(1) brightness(58%) contrast(557%);
}
.sidebar-panel-goals .panel-goals-container .goals-item img.svg:hover {
  filter: inherit;
}
@media (max-width: 576px) {
  .sidebar-panel-goals .panel-goals-container .goals-item {
    width: 25%;
  }
}
.sidebar-panel-goals::-webkit-scrollbar {
  width: 8px;
}
.sidebar-panel-goals::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.sidebar-panel-goals::-webkit-scrollbar-thumb {
  background: #dee2e6;
}
.sidebar-panel-goals::-webkit-scrollbar-thumb:hover {
  background: #ced4da;
}