// Dropdown status vars
$dropdown-ofset: 170px;
$input-width: 220px; //setup on .html file

.x-select-with-header.x-dropdown-status:not(ng-dropdown-panel) {
  width: $input-width !important;
}
ng-dropdown-panel.x-dropdown-status {
  width: $input-width + $dropdown-ofset !important;
  margin-left: -$dropdown-ofset !important;

  .ng-dropdown-header.ng-star-inserted {
    margin: 0 0 -10px 0!important;
    padding: 0 !important;
    border-top-left-radius: 0.25rem;

    [wrapperclass="x-status-tabs"] {
      width: 100% !important;

      .nav-item {
        @extend .w-50;
        border-top-left-radius: 0.25rem;

        a.nav-link {
          @extend .w-100;
        }
      }
    }
  }
  [role="option"]{
    * {
      margin-bottom: 0 !important;
    }
    .x-icon-container{
      visibility: hidden;
    }
    &:hover .x-icon-container{
      visibility: visible;
      transition: visibility 0.5s ease-in-out 0.2s;
    }
  }
}