/*--fc custom dropdown css start------*/
.fc-custom-dropdown{
    .szh-menu-button{
        background-color: var(--activityBar-background);
        color: var(--activityBar-foreground);
        padding-left: 1rem/* 16px */;
        padding-right: 1rem/* 16px */;
        display: flex;
        align-items: center;
    }
    .szh-menu{
        padding: 0px;
        border-radius: 0px;
        background-color: var(--popover-background);
        color: var(--popover-foreground);
    }
    .szh-menu{
      box-shadow: var(--modal-shadow) 0px 0px 8px 2px;
    }
    .szh-menu:focus{
      box-shadow: var(--modal-shadow) 0px 0px 8px 2px !important;
      border: 1px solid var(--focus-border)
    }
    .szh-menu.szh-menu--state-open{
      border: 1px solid var(--focus-border)
    }
    .szh-menu__item,.szh-menu__submenu{
        margin-bottom: 0px;
        font-size: 12px;
        background-color: #ffffff00;
        color: var(--app-foreground);
    }
    .szh-menu__item--hover{
        background-color: var(--focus-level-1);
        color: var(--app-foreground-active);
    }
    .szh-menu__item--disabled{
        color: var(--activityBar-foreground-inactive);
    }
    .szh-menu-container{
      margin: 0px !important
    }
  }
  .fc-custom-dropdown .szh-menu__item{
    padding-left: 0.5rem/* 8px */;
    padding-right: 0.5rem/* 8px */;
    padding-top: 0.25rem/* 4px */;
    padding-bottom: 0.25rem/* 4px */;
  }
  .fc-custom-dropdown>.szh-menu {
    max-width: 144px !important;
    min-width: 144px;
    padding-bottom: 8px !important;
  }
  .fc-custom-dropdown.type-1>.szh-menu{
    max-width: 200px !important;
    min-width: 200px !important;
  }
  .fc-workspace-popup.fc-custom-dropdown > .szh-menu {
    max-width: 300px !important;
  }
  .fc-custom-dropdown.type-4>.szh-menu {
    min-width: fit-content;
  }
  .fc-custom-dropdown.m-4 {
    margin: 0px;
  }
  .fc-custom-dropdown.type-4 .szh-menu__item {
    padding: 4px 12px;
  }
  .fc-custom-dropdown.type-1 .szh-menu__item{
    padding-left: 1.25rem/* 20px */;
    padding-right: 1.25rem/* 20px */;
    padding-top: 0.25rem/* 4px */;
    padding-bottom: 0.25rem/* 4px */;
    svg{
        margin-right: 0.25rem/* 4px */;
    }
  }
  .szh-menu-button--open .toggle-arrow{
    --tw-rotate: 180deg;
    transform: var(--tw-transform);
  }
  .fc-custom-dropdown.type-2 .szh-menu__item svg{
    opacity: 0.5;
  }
  .fc-custom-dropdown.type-2 .szh-menu__item:hover svg{
    opacity: 1;
  }
  .fc-custom-dropdown.type-2 .szh-menu__item{
    padding-left: 1rem/* 16px */;
    padding-right: 1rem/* 16px */;
    padding-top: 0.375rem/* 6px */;
    padding-bottom: 0.375rem/* 6px */;
  }
  
  .fc-custom-dropdown.type-3 .szh-menu{
    padding-top: 0.25rem/* 4px */;
    padding-bottom: 0.25rem/* 4px */;
  }
  
  .fc-custom-dropdown.type-3 .szh-menu .szh-menu__item{
    padding-top: 0.125rem/* 2px */;
    padding-bottom: 0.125rem/* 2px */;
    font-size: 12px;
    font-size: 12px;
  }
  .open .toggle-arrow {transform: rotate(180deg);}
  /*--fc custom dropdown css end------*/

  .szh-menu-button{
    background-color: var(--activityBar-background);
    color: var(--activityBar-foreground);
    padding-left: 1rem/* 16px */;
    padding-right: 1rem/* 16px */;
    display: flex;
    align-items: center;
    height: auto !important;
  }
  
  .szh-menu__item,.szh-menu__submenu{
    margin-bottom: 0px;
    font-size: 10px;
    background-color: var(--activityBar-background);
    color: var(--activityBar-foreground);
  }
  .szh-menu__item>div{
    width: 100%;
  }
  .szh-menu__item--hover{
    background-color: var(--focus-level-1);
  }

  .szh-menu__item:not(.szh-menu__item--disabled):hover .dropdown-icon,.szh-menu__item.szh-menu__item--hover:not(.szh-menu__item--disabled) .dropdown-icon {
    filter: none;
  }
  
  .szh-menu__item:hover .dropdown-icon.invert,.szh-menu__item-.szh-menu__item--hover .dropdown-icon.invert {
    opacity: 1;
  }
  .fc-custom-dropdown.type-2 .szh-menu__header {
    padding-left: 8px !important;
  }
  
  .fc-custom-dropdown.type-2 .szh-menu__item {
    padding: 0px 16px;
    white-space: pre;
  } 


.btn.open > .icv2-caret-icon,.btn.open .toggle-arrow,.fc-button.open .toggle-arrow,.fc-button.open .icv2-caret-icon {
  transform: rotate(180deg);
}

.btn > .icv2-caret-icon,.btn .toggle-arrow,.fc-button.open .toggle-arrow,.fc-button.open .icv2-caret-icon  {
  transition: all .6s;
}

.dropdown-icon {
  filter: grayscale(1);
  max-width: 24px;
  margin-right: 4px;
}

.fc-urlbar-container-prefix .fc-custom-dropdown > .szh-menu {
  max-width: none !important;
  min-width: 0px !important;
  width: max-content;
}
  
  