html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

.inline-radio-buttons {
    padding-inline: 0.5rem;
}

.glow {
  box-shadow: 0 0 5px 5px #aa000080;
}

.inline-radio-buttons-input {
    margin-right: 0.5rem;
}

.legendtoggle {
    cursor: default;
    pointer-events: none; 
}

.ag-row {
    opacity: 0;
    animation: fadeInRow 0.1s ease-out forwards;
}

/* Define a slow fade-in animation */
@keyframes fadeInRow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    left: 0px;
    opacity: 0;
    transition: opacity 0.5s ease 0s, visibility 0s linear 0s;
    bottom: 100%;
    margin-left: 5px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -136px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 0.9;
    transition: opacity 0.5s ease 1.5s, visibility 0s linear 1s;
}






.tooltipleft {
    position: relative;
    display: inline-block;
}

.tooltipleft .tooltiptextleft {
    visibility: hidden;
    position: absolute;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 10000;
    left: -310px;
    opacity: 0;
    top: 50%;
    transition: opacity 0.5s ease 0s, visibility 0s linear 0s;
    transform: translateY(-50%);
}

.tooltipleft .tooltiptextleft .ttt {
    top: calc(100% - 62%);
}

.tooltipleft .tooltiptextleft::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.tooltipleft:hover .tooltiptextleft {
    visibility: visible;
    opacity: 0.9;
    transition: opacity 0.5s ease 1.0s, visibility 0s linear 0.5s;
}