.multiselect-dropdown{
	gap: 3px;
	display: flex;
	flex-wrap: wrap !important;
	background-color: rgb(45, 45, 45);
	padding-inline: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 15px;
	border: 1px solid #757575;
	/* background-color: white; */
	position: relative;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
	background-repeat: no-repeat;
	background-position: right 1.8rem center;
	background-size: 16px 12px;
  }
  .multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder{
	margin-right:0.5em; 
	margin-bottom:2px;
	padding:1px 0; 
	border-radius: 4px; 
	display:inline-block;
  }
  .multiselect-dropdown span.optext{
	color:white;
	white-space: nowrap;
	overflow: auto;
	border: 1px solid white;
	padding: 1px 0.75em;
	max-width: 210px;
	display: flex;
   
  }
  .multiselect-dropdown span.optext .optdel {
	display: flex;
	align-items: center;
	justify-self: center;
	float: right;
	margin: 0 -6px 1px 5px;
	font-size: 0.7em;
	margin-top: 2px;
	cursor: pointer;
	color: #666;
  }
  
  .multiselect-dropdown span.optext .optdel i {
	color: white;
  }
  
  .multiselect-dropdown span.optext .optdel:hover { color: #c66;}
  .multiselect-dropdown span.placeholder{
	color:white;
  }
  .multiselect-dropdown-list-wrapper{
	box-shadow: gray 0 3px 8px;
	z-index: 100;
	padding:2px;
	border-radius: 4px;
	border: solid 1px #ced4da;
	display: none;
	margin: -1px;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	background-color: #363636;
	/* background: white; */
  }
  .multiselect-dropdown-list-wrapper .multiselect-dropdown-search{
	margin-bottom:5px;
  }
  .multiselect-dropdown-list{
	padding:2px;
	height: 15rem;
	overflow-y:auto;
	overflow-x: hidden;
  }
  
  /* .multiselect-dropdown-list::-webkit-scrollbar {
	width: 6px;
  }
  .multiselect-dropdown-list::-webkit-scrollbar-thumb {
  
	border-radius:3px;
  } */
  
  .multiselect-dropdown-list div{
	padding: 5px;
  }
  .multiselect-dropdown-list input{
	height: 1.15em;
	width: 1.15em;
	margin-right: 0.35em;  
  }
  .multiselect-dropdown-list div.checked{
  }
  .multiselect-dropdown-list div:hover{
	/* background-color: #ced4da; */
  }
  .multiselect-dropdown span.maxselected {
	color: white;
	/* width:100%; */
  }
  .multiselect-dropdown-all-selector {border-bottom:solid 1px #999;}
  
  .inputCheckbox{
	/* display: none; */
  }
  
  .checked{
	/* background-color: #666; */
	color: white;
  }
  
  
  .group{
	padding-left: 20px !important;
	cursor: pointer;
  }
  .headerGroup > input{
	/* display: none; */
  }
  
  .headerGroup{
	cursor: pointer;
  }
  .group > label{
	cursor: pointer;
  }
  
  .itemInput {
  
	cursor: pointer;
	font-weight: 500;
	position: relative;
	overflow: hidden;
  
  }
  .itemInput input {
	position: absolute;
	left: -9999px;
  }
  .itemInput input:checked + label{
	   background-color: #acacac;
	   color: black;
  }
  
  .checkedH{
	 background-color: #acacac;
	 color: black;
  
  }
  .multiselect-dropdown-list div.checked{
	   background-color: #acacac;
	   color: black;
  } 
  
  .itemInput input:checked + label:before {
	box-shadow: inset 0 0 0 0.3300em #0C8CE9;
  }
  .AllContainer{
	border-bottom: 1px solid #5b5656;
  }
  
  .headerGroup  label {
  
	font-weight: 600;
	color:white;
  }
  
  .headerGroup  label:before {
  
	font-weight: 600;
	color:white;
	opacity: 0;
	width: 0px !important;
	height: 0px !important;;
	display: none !important;;
  }
  
  .group  label {
	font-weight: 300;
	color:white;
  
  }
  .itemInput label {
	
	font-family: system-ui;
	padding: 4px;
	display: flex;
	align-items: center;
   
   
  }
  
  .itemInput label:before {
	display: flex;
  
	content: "";
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 0.375em;
	transition: 0.25s ease;
	box-shadow: inset 0 0 0 0.125em #0C8CE9;
  }
  .multiselect-dropdown-search{
	border: unset;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
	background-color: rgb(45, 45, 45);
  }
  
  
  .multiselect-dropdown-search::placeholder {
	color: white;
	opacity: 1; 
  }
  
  .multiselect-dropdown-search::-ms-input-placeholder { 
	color: white;
  }
  
  
  
  
  
  .inputContainer{
	position: relative;
  }
  .doneButton{
  
	position: absolute;
	  top: 10px;
	  right: 10px;
	  display: flex;
	  align-items: center;
	  background-color: #2d2d2d;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  padding-inline: 10px;
	  margin-right: 15px;
	  cursor: pointer;
	  color: white;
	  border: 1px solid;
	  border-radius: 5px;
  }