.multiselect-dropdown {

  --orange : #BC533A;
  --darkgrey : #586267;
  --lightgrey : #ECF0F5;
  --newblue : #042A3F;
  --white : #FFFFFF;

	display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
	border-radius: 2.5rem;
	padding: 1rem;
  line-height: 1.2;
  padding-left: 1rem;
	border: 1px solid transparent;
	position: relative;
  min-height: calc(2.6em + 2px);    
  margin: 0 auto;
	width: auto !important;
  
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23BC533A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
  transition: all 0.2s;
}

@media (max-width: 960px) {
  .multiselect-dropdown {
    justify-content: left;
		background-color: var(--lightgrey);
		padding: 1.25rem 1rem 1.25rem 2rem;
		min-width: 100%;
		max-width: 100%;
		width: 100% !important;
  }
}

.multiselect-dropdown:hover {
  border-color: var(--white);
}

.multiselect-dropdown:focus {
			border-color: var(--orange);
			background-color: transparent;
}
.multiselect-dropdown span.optext,
.multiselect-dropdown span.placeholder {
	padding: 1px 0;
	border-radius: 4px;
	display: inline-block;
}
.multiselect-dropdown span.optext {
	background-color: var(--orange);
	color: var(--white);
  font-size: 1.4rem;
	padding: 4px 0.75em;
  border-radius: 1.5rem;
}
.multiselect-dropdown span.placeholder {
	color: var(--darkgrey);
  opacity: 0.5;
  font-size: 1.6rem;
}
.multiselect-dropdown-list-wrapper {
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	z-index: 100;
	padding: 1rem;
	border-radius: 2.5rem;
	border: solid 1px var(--orange);
	display: none;
	margin: -1px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: white;
}
.multiselect-dropdown-list {
	padding: 2px;
	height: 20rem;
	overflow-y: auto;
	overflow-x: hidden;
}
.multiselect-dropdown-list::-webkit-scrollbar {
	width: 6px;
}
.multiselect-dropdown-list::-webkit-scrollbar-thumb {
	background-color: var(--orange);
	border-radius: 3px;
}

.multiselect-dropdown-list div {
	padding: 5px;
  display: flex;
  align-items: start;
  gap: .5rem;
  line-height: 1.2;
}
.multiselect-dropdown-list input {
	height: 1.15em;
	width: 1.15em;
  margin: 0 !important;
}

.multiselect-dropdown-list input + label {
	text-align: left;
}
.multiselect-dropdown-list div.checked {
}
.multiselect-dropdown-list div:hover {
	background-color: var(--lightgrey);
  color: var(--orange);
}
.multiselect-dropdown span.maxselected {
	width: calc(100% - 5rem);
}
.multiselect-dropdown-all-selector {
	border-bottom: solid 1px #999;
}