#field_content{
    opacity: 0;
    font-size: smaller;
    padding: 10px;
    /*width: 250px;*/
    max-height: 60vh;
    max-width: 300px;
    background-color: rgba(50, 50, 50, 0.9);
    color: white;
    border-radius: 6px;
    position: fixed;
    transition: all ease 0.3s;
    z-index: 100;
}

.tootip{
    /*width: auto;*/
    /*width: 3em;*/
}

/*.field_content:before{
    content:"";
    position: absolute;
    top:5px;

    left:-19px;
    border-width: 10px;
    border-color: transparent rgba(50, 50, 50, 0.9) transparent transparent;
    border-style: solid;

}*/

.tooltip-input{
    /*position: absolute;*/
    opacity: 0.5;
    /*right: 15px;*/
    /*top:0;*/
    color: #0d6efd;
    transform: translateY(-5px);
}

#field_content,
.tooltip-field,
.tooltip-field > * {
    pointer-events: none;
}