input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #495057;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

/* Tooltip container */
.custom-tooltip {
    cursor: pointer;
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 4;
}
  
/* Tooltip text */
.custom-tooltip .custom-tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #f5f5f5;
    color: #000;
    border: 1px solid #bebebe;
    text-align: center;
    right: 30px;
    bottom: 20px;
    padding: 5px 5px;
    border-radius: 6px;
    font-size: .8rem;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 4;
}
  
/* Show the tooltip text when you mouse over the tooltip container */
.custom-tooltip:hover .custom-tooltiptext {
    visibility: visible;
}

.badge-dot {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: .875rem;
    text-transform: none;
}

.badge-dot i {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    margin-right: .375rem;
}

.custom-select:has(> select) {
    background: none;
    border: 1px solid #d2d6da;
    border-radius: 0.375rem;
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    width:100%;
}

.custom-select > select {
    padding-left: 1rem;
    background-image: none !important;
}