#smartlists .hl_smartlists--wrap {
  margin-right: 5px !important;
  margin-left: auto !important;
  max-width: calc(100% - 210px);
  width: 100%;
}

#smartlists .hl_smartlists--controls .list-group {
  margin-right: 5px !important;
  margin-left: auto !important;
  max-width: calc(100% - 210px);
  width: 100%;
}

#smartlists .customized-header {
  position: absolute !important;
  top: 217px !important;
  max-width: 200px !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  margin: 10px !important;
  box-shadow: 0 2px 5px 1px var(--hl-card-header-shadow) !important;
}

#smartlists .customized-header .header-ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#smartlists .customized-header .header-ul li:not(:first-child) {
  margin-top: 10px !important;
}
#smartlists .customized-header .header-ul li a {
  display: flex !important;
  height: 100% !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 5px 10px !important;
 text-align: left  !important;
 font-size: 12px  !important;
}

#smartlists .header-underline {
  border: none !important;
}

#smartlists .mx-1.my-3 {
  min-height: 20px !important;
}


@media (max-width: 1455px) {
  #smartlists .customized-header {
    top: 230px !important;
  }
}
@media (max-width: 880px) {
  #smartlists .customized-header {
    top: 280px !important;
  }
}