.dt-select {
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 20px;
  color: #333;
  border: 1px solid #cecece;
  cursor: pointer;
  outline: 1.5px solid transparent;
  transition: outline-color 100ms cubic-bezier(0.35, 0, 0.25, 1);
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 6.35 6.35'><path fill='rgb(51,51,51)' d='M.46 1.15a.45.45 0 0 0-.33.75l2.7 3.15a.45.45 0 0 0 .68 0l2.7-3.15a.45.45 0 1 0-.68-.59L3.17 4.07.81 1.3a.45.45 0 0 0-.35-.16z'/></svg>");
}

.my-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.my-scrollbar::-webkit-scrollbar-track {
  border-radius: 7px;
}
.my-scrollbar::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 7px;
}
.my-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #b8b8b8;
}