/* SELECT 2 DROPDWON */

  .select2-container {
      width: 200px !important;
      display: inline-table;
  }

  .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
      height: 5px;
      width: 5px;
  }

  .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #e8e8e8;
      border-radius: 10px;
      border: 5px solid #b4b4b4;
  }

  .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
      background: #455460;
      border-radius: 10px;
  }

  .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
      background: #455460;
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
      border: 1px solid #aaa;
  }

  .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
  }

  .modal .select2-container--default .select2-selection--single,
  .modal .select2-container--default .select2-selection--multiple {
    background-color: var(--white-color) !important;
  }

  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple {
    background: #F2F2F2 !important;
    color: var(--tertiary-color) !important;
    font-size: var(--btn-font-size);
    font-weight: 400;
    padding: var(--spacing-10);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: var(--border-circle);
    min-width: 140px;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .modal input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    opacity: 0.7;
  }


  .select2-dropdown {
      z-index: 2;
  }



  .select2-container--default .select2-selection--single .select2-selection__placeholder ,
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
      color: var(--tertiary-color) !important;
  }

  .global-search .select2-container--default .select2-selection--single .select2-selection__placeholder ,
  .global-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
      padding-left: 20px;
  }

  .select2-search__field::placeholder {
      color: var(--tertiary-color) !important;
      font-size: 12px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered ,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      color: var(--tertiary-color) !important;
      line-height: normal;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
      outline: none !important;
      border: 1px solid #b7bdc3;
      background: #fff;
      border-radius: 4px;
      margin-top: 10px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: var(--tertiary-color) transparent transparent transparent !important;
      margin-left: -8px;
      margin-top: 4px;
  }

  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent var(--tertiary-color) transparent !important;
  }

  .select2-selection__arrow { display: none; }

  /* .select2-container .select2-selection--multiple {
      min-height: 25px;
  }

  .select2-container:focus {
      outline: none !important
  }

  .select2-container {
      outline: none !important;
      margin-bottom: 10px;
  } */

  .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
      border-bottom-left-radius: var(--border-circle);
      border-bottom-right-radius: var(--border-circle);
  }


  .select2-container.select2-container--default.select2-container--open { z-index: 9999; }

  /**/

  .icon-btns img {
      width: 20px;
      height: 20px;
  }

  .border-right-grey { position: relative; display: flex; align-items: center; }

  .border-right-grey::after { position: absolute; content: ''; height: 100%; width: 1px; background: #D9D9D9; right: calc(0% - 7px); }

  /*ORG CHART*/

  .team-detail-container {
      border-radius: 10px;
      background: var(--white-color);
      box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.08);
      padding-bottom: 10px;
  }

  .employee-contractor {
      border: 2px solid red;
  }

  .team-detail {
      background-color: white;
      padding: 0;
      border-radius: 5px;
      background: #FFF;
      margin-top: 0;
  }

  .team-detail-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      min-height: 18px;
      padding: var(--spacing-10);
      border-bottom: 1px solid #D9D9D9;
  }

  .radio-highlighted-by .function-leadership .team-detail-heading h5 {
      color: var(--black-color) !important;
  }

  .team-detail .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .team-detail {
      padding: 10px;
      border-radius: 10px;
  }

  .orgchart .node .title {
      background: initial;
      color: #333;
      border-bottom: 1px solid #333;
      font-size: 16px;
      box-sizing: initial;
      width: 100%;
  }

  .orgchart .node {
      width: 230px;
  }

  .focus-employee i {
      color: var(--black-color);
  }

  .child-node .childNode-custom {
      background-color: var(--white-color);
      color: #000 !important;
      box-shadow: 0px 1px 20px 3px rgba(0, 0, 0, 0.07);
      border-radius: 30px;
      position: absolute;
      z-index: 99;
      padding: 0 var(--spacing-10);
      bottom: -10px;
      align-items: center;
      gap: 5px;
      cursor: pointer;
  }

  .singleNode {
      top: calc(100% + 62px);
      bottom: unset !important;
  }

  .focus-employee {
      margin-top: -23px;
      color: #fff;
      cursor: pointer;
      z-index: 1;
  }

  .collapse-node {
      position: absolute;
      bottom: -10px;
      left: 40%;
      background: #FFFFFF;
      box-shadow: 0px 1px 20px 3px rgba(0, 0, 0, 0.07);
      border-radius: 30px;
      display: none;
  }


  /* SELECTPICKER */

  .custom-selectpicker button {
      background-color: #F2F2F2 !important;
      border: 1px solid rgba(0, 0, 0, 0.12);
      border-radius: var(--border-circle);
      padding: var(--spacing-10);
  }

  .custom-selectpicker .filter-option-inner-inner {
    color: var(--tertiary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: left;
    padding-right: 20px;
    padding-left: 10px;
    text-transform: capitalize;
  }

  .custom-selectpicker .filter-option-inner-inner::after ,
  .saved-filter-wrapper .custom-selectpicker button:not(.filter-btn)::after ,
  .custom-selectpicker .select2-container--default .select2-selection--single::after {
      background: url(/images/dropdown-arrow.svg) no-repeat;
      background-size: cover;
      background-position: center;
      height: 12px;
      width: 12px;
      content: "";
      position: absolute;
      right: 15px;
      pointer-events: none;
      /* top: 15px; */
      top: calc(50% - 6px);
      opacity: 0.5;
      transition: all 0.3s ease;
  }

  .custom-selectpicker .dropdown-menu {
      width: 100%;
        }

  .custom-selectpicker .dropdown-menu input {
      outline: none !important;
      border: 1px solid #b7bdc3;
      background: #fff;
      border-radius: 4px;
  }

  .custom-selectpicker .custom-file-control:focus,
  .custom-selectpicker .form-control:focus {
      border-color: rgba(0, 0, 0, 0.12);
  }

  .custom-selectpicker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      width: 200px;
  }

  .custom-selectpicker .bootstrap-select .dropdown-menu .dropdown-item .text {
      margin-right: 10px;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
  }

  .custom-selectpicker .bootstrap-select .dropdown-menu .dropdown-item .text:hover {
      white-space: normal;
  }

  .custom-selectpicker .select2-container--open .select2-selection--single::after,
  .saved-filter-wrapper .custom-selectpicker .styled-select.show button::after ,
  .custom-selectpicker .bootstrap-select.show .filter-option-inner-inner::after {
    transform: rotate(180deg);
  } 

  .custom-datepicker {
    position: relative;
    padding-right: 40px !important;
  }

  .custom-datepicker::after {
    background: url(/images/calendar-icon.svg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 16px;
    width: 16px;
    content: "";
    position: absolute;
    right: 15px;
    pointer-events: none;
    top: calc(50% - 9px);
}

  .bootstrap-select .dropdown-menu .dropdown-item span.check-mark { display: none; }


  .team-selector .dropdown-menu { top: 100% !important; }


  .global-search .form-control, .global-search  .is-focused .custom-file-control, .global-search  .is-focused .form-control { background-image: none !important; }

  @media (max-width: 480px) {
    .select2-container { width: 100% !important; }
  }

  .custom-selectpicker2 .dropdown-menu input {
        outline: none !important;
        border: 1px solid #b7bdc3;
        background: #fff;
        border-radius: 4px;
   }

.custom-selectpicker2 .bootstrap-select .dropdown-menu { top: 100% !important; }

.custom-selectpicker2 .filter-option-inner-inner { font-size: 12px; max-width: 70px; padding-right: 20px; }

.custom-selectpicker2 .dropdown-menu .inner { max-height: 160px !important; overflow-x: hidden; }

.custom-selectpicker2 .dropdown-menu { min-width: 100px; }
 
.custom-selectpicker2 .bootstrap-select .dropdown-menu .dropdown-item .text { font-size: 12px; }

.custom-scrollbar-thin .dropdown-menu .inner::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.custom-scrollbar-thin .dropdown-menu .inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e8e8e8;
    border-radius: 10px;
    border: 5px solid #b4b4b4;
}

.custom-scrollbar-thin .dropdown-menu .inner::-webkit-scrollbar-thumb {
    background: #455460;
    border-radius: 10px;
}

.custom-scrollbar-thin .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
    background: #455460;
}

@media (min-width: 1900px) {
    .custom-selectpicker2 .filter-option-inner-inner { max-width: max-content; }
  }