.tooltip-box{
    position: relative;
    display:inline-block;
    color:black;
    cursor: help;
}

.tooltip-box .info-box{
    visibility: hidden;
    white-space: pre-line;
    width: 300px;
    background-color: #363636;
    color:#fff;
    text-align: center;
    border-radius: 6px;
    padding:0.5em;

    position: absolute;
    z-index: 1080;
}

.tooltip-box:hover .info-box{
    visibility: visible;
}

#tenant-id-tooltip{
    height:24px; 
    position:relative;
}

#tenant-id-tooltip .button-copy{
    cursor:pointer;
    user-select: none;
}
#tenant-id-tooltip .button-copy:hover{
    filter:brightness(80%);
}

#tenant-id-tooltip:hover span{
    visibility: visible;
}

#tenant-id-tooltip .hover-and-copy{
    display:flex;
    position: absolute;
    white-space: nowrap;
    background-color: #363636;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap:0.5em;
    border-radius: 6px;
    padding:0.5rem;
    z-index: 1;
    bottom:100%;
    left:-100%;
}
/* 
#tenant-id-tooltip .hover-and-copy:hover{
    visibility: visible;
} */

#tenant-id-tooltip .hover-and-copy-icon{
    margin-bottom:-10px;
    user-select:none;
    cursor:pointer;
}
#tenant-id-tooltip .hover-and-copy-icon:hover{
    color: rgb(0,0,0,0.5)
    
}