.vr-dropdown .Select-bank[data-v-9e2b29ba]::-webkit-scrollbar {
  display: block !important;
  height: 6px;
  width: 6px
}

.vr-dropdown .Select-bank[data-v-9e2b29ba]::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 42%, .5);
  border-radius: 5px
}

.vr-dropdown .Select-bank[data-v-9e2b29ba]::-webkit-scrollbar-thumb:hover {
  background: hsla(0, 0%, 42%, .5)
}

.vr-dropdown .Select-bank[data-v-9e2b29ba] {
  transform: translate(-50%);
  z-index: 10
}

.vr-dropdown .arrow-up[data-v-9e2b29ba] {
  transform: scaleY(-1)
}

.vr-dropdown .Select-bank-name[data-v-9e2b29ba]:hover {
  background: var(--card-primary)
}

.vr-dropdown .Select-bank-item:first-child .Select-bank-name[data-v-9e2b29ba]:hover,
.vr-dropdown .Select-bank-item:first-child .active[data-v-9e2b29ba] {
  border-radius: 10px 10px 0 0
}

.vr-dropdown .Select-bank-item:last-child .Select-bank-name[data-v-9e2b29ba]:hover,
.vr-dropdown .Select-bank-item:last-child .active[data-v-9e2b29ba] {
  border-radius: 0 0 10px 10px
}

.vr-dropdown .required:after {
  color: var(--danger);
  content: "*";
  position: absolute;
  right: -15px;
  top: 0
}

.vr-dropdown .dropdown-select {
  background-color: var(--card-secondary)
}

.vr-dropdown .black-arrow>svg>path {
  fill: var(--primary) !important
}

.vr-dropdown .red-arrow>svg>path {
  fill: var(--danger) !important
}

.vr-dropdown .green-arrow>svg>path {
  fill: var(--success) !important
}

.vr-dropdown .not-arrow>svg>path {
  fill: var(--text-primary) !important
}

.vr-dropdown .not-border {
  border: none !important
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dropdown-menu li {
  padding: 12px 16px;
  cursor: pointer;
}

.dropdown-menu li:hover {
  background-color: #f1f1f1;
}

.dropdown.active .dropdown-menu {
  display: block;
}

.msg {
  margin-top: 10px;
}

/*  */

.dropdown {
  width: 100%;
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  max-height: 300px;
  /* Set a maximum height for the dropdown */
  overflow-y: auto;
  /* Enable vertical scrolling */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dropdown-menu li {
  display: flex;
  padding: 12px 16px;
  cursor: pointer;
}

.dropdown-menu li:hover {
  background-color: #c52f2f;
}

.dropdown.active .dropdown-menu {
  display: block;
}

.msg {
  margin-top: 10px;
}