.dropdown-item{
  padding: .25rem var(--space-lg);
}
.dropdown-item:hover,
.dropdown-item:active {
  background: var(--color-background-hover);
  color: var(--color-text);
}
.dropdown-item img{
  margin:0px var(--space-base) 2px 0px;
}
.dropdown-item.disabled img {
  filter: saturate(0) opacity(0.25);
}

.dropdown-item.disabled, .dropdown-item:disabled{
  color: var(--color-border-dark);
}
.dropdown-menu-main a{
  font-size: var(--font-base);
  color: var(--color-text);
}
.dropdown-menu-main a:hover{
  color: var(--color-text);
}
.dropdown-menu-footer a{
  font-size: var(--font-xs);
  color: var(--color-text);
}
.dropdown-menu-footer a:hover{
  text-decoration: underline;
}
.dropdown-menu-right{
  min-width: var(--dropdown-menu-right-min);
}
.dropdown-divider {
  background-color: var(--color-info-lighter);
}
/* Overriding bootstrap JS */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--color-bg);
  min-width: 160px;
  box-shadow: 0px var(--space-base) var(--space-xl) 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: var(--color-black);
  padding: var(--space-md) var(--space-xl);
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: var(--color-bg)}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: var(--color-success-dark);
}
/* ================ Drop Down ================== */
.dropdown-menu{
  background: var(--color-white);
  border: var(--space-2xs) solid var(--color-border-dark);
  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: var(--radius-xs);
  margin-top:var(--space-xs) !important;
  font-size:var(--font-base)!important;
  line-height: var(--space-5xl)!important;
  z-index: 2000!important;
}
.dropdown-menu-xlg{
  min-width:230px;
}
.dropdown_menu_left{
    right: 0!important;
    left: auto!important;
    top: auto!important;
    transform: none!important;
}
.dropdown-menu .dropdown-item label{
  font-size: var(--font-base)!important;
  color: var(--color-text);
  font-weight:400!important;
}
.dropdown-menu .dropdown-item
input[type='checkbox']{
  height:var(--checkbox-size)!important;
  width:var(--checkbox-size)!important;
  margin-right:var(--space-sm);
  cursor: pointer;
}

.drop_down_menu_list_add{
  min-width: 101px!important;
}
.dropdown-item .disabled{
  pointer-events: none;
  opacity: 65%;
}
.dropdown-item-header{
  padding: 0 var(--space-lg) .25rem;
}