.material_dropdown {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
}
.material_dropdown.open{
  z-index: 2; 
}

.material_dropdown .anchor{
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 8px 8px 8px 12px;
  border: none; 
  background-color: var(--Base_13);
  color: var(--Base_75);
  z-index: inherit;
  width: 100%;
  border-radius: 4px;
}

.material_dropdown .anchor.disabled{
  color: var(--Base_55);
  background-color: var(--Base_08);
}

.material-bgr{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  cursor: default;
  margin:0; 
  padding:0;
}

.material-bgr.hidden{
  display: none;
}

/* This is the dropdown arrow*/
.material_dropdown .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid var(--Base_75);
  border-top: 2px solid var(--Base_75);
  padding: 6px;
  right: 14px;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  z-index: inherit;
}

/* Rotate the arrow when menu open afterwards */
.material_dropdown.open .anchor:after {
  top: 45%;
  content: "";
  border-left: 2px solid var(--Base_75);
  border-top: 2px solid var(--Base_75);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.material_dropdown .anchor.anchor.disabled:after {
  border-left: 2px solid var(--Base_55);
  border-top: 2px solid var(--Base_55);
  }

  .material_dropdown ul.items {
  position: absolute;
  margin: 0px;
  background-color: var(--Base_13);
  border-radius: 6px;
  padding-left: 0px;
  z-index: inherit;
  top: 42px;
  width: inherit;
}

.material_dropdown ul.items li {
  list-style: none;
  display: flex;
  margin-top: 2px;
}

.material_dropdown ul.items li:first-child {
  margin-top: 0px;
}

.material_dropdown ul.items li:hover {
  background-color: var(--Base_21);
}

.material_dropdown ul.items li:hover:first-child {
  border-radius: 5px 5px 0px 0px;
}

.material_dropdown ul.items li:hover:last-child {
  border-radius: 0px 0px 5px 5px;
}

/*
.material_dropdown.open .anchor {
  color: #0094ff;
}*/

.material_dropdown .items {
  display: none;
}

.material_dropdown.open .items {
  /*display: block;*/
  display: flex;
  flex-direction: column;
}

.material_dropdown .custom_checkbox{
  padding: 17px 60px 16px 24px; 
}

.custom_checkbox input:active {
  background-color: rgba(78, 91, 99, 40%);
}

/* keep background colored when an item is checked - we use class active for this */
.material_dropdown ul.items li.active {
  background-color: rgba(78, 91, 99, 40%);
}