/* Custom styles for Select2 */
.select2-container--default .select2-selection--multiple {
    background-color: #464646;
    border: 1px solid #444;
    color: #fff;
    border-radius: 25px;
    padding: 9px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    text-indent: 3px;
}


.select2-container--default .select2-dropdown {
    background-color: #333;
    border: 1px solid #444;
}

    .select2-container--default .select2-dropdown .select2-results__option {
        color: #b1b1b1;
    }

.select2-container--default .select2-results__option {
    background-color: #464646;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #555;
    border: 1px solid #666;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #444;
    color: #fff;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ffffff !important; 
    text-align: left; 
    background-color: red;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important; 
    text-align: left; 
}

.select2-search--inline .select2-search__field {
  color: rgb(255, 255, 255) !important;
  margin-bottom: 5px !important;
  margin-top:0px !important;
}

.select2-selection__clear {
  height: 30px !important;
  margin-top: 0px !important;
  color: #db0000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 3px !important;
}
#select2-content-type-container {
  margin-bottom: 0px !important;
}

.tooltip-icon {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  cursor: pointer;
  color: #fff;
}

    .tooltip-icon::before {
        content: '?';
        border: 1px solid #17a2b8;
        border-radius: 50%;
        padding: 0 5px;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        border-color: #fff
    }

.tooltip-text {
    display: none;
    position: absolute;
    background-color: #474747;
    border-color: black;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    top: 25px;
    left: 0;
    z-index: 1;
    width: 250px;
    border: solid;
    border-color: #202020;
}

.tooltip-icon:hover .tooltip-text {
    display: block;
}