html {
    scroll-padding-top: 80px;
}

.fi-section-header-description{
    color: #a6a6a6 !important;
}

.fi-fo-field-wrp-helper-text{
    color: #a6a6a6 !important;
}

h1,h2,h3{
    font-family: 'Unbounded', sans-serif;
}

.fi-body{
    background-color: rgb(255,255,129) !important;
}

.fi-sidebar-item-button:hover{
    background-color: white !important;
}
.fi-sidebar-item-button.bg-gray-100{
    background-color: white !important;
}

ul.fi-sidebar-nav-groups{
    row-gap: .25rem;
}

.disabled{
    pointer-events: none;
    user-select: none;
    opacity: 0.4;
}

.results-item{
    flex-basis: 33%;
}

.results-item p{
    font-size: 0.8rem;
    font-weight: lighter;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 20rem;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border-radius: 6px;

    bottom: 100%;
    left: 50%;
    margin-left: -10rem;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.reset-form {
    background-color: rgba(var(--gray-100),var(--tw-border-opacity));
}

@media screen and (max-width: 456px){

    .results-item{
        flex-basis: 100%;
    }
}

@media print {
    aside.fi-sidebar{
        display: none !important;
    }

    .fi-topbar{
        display:none !important;
    }

    .fi-page .grid{
        display: block !important;
    }

    section.fi-section{
        break-inside: avoid !important;
    }

    .col-\[--col-span-default\] {
        margin-top: 2rem !important;
        display: block !important;
    }

    button{
        display: none !important;
    }

    #survey {
        opacity: 1;
    }

    .reset-form {
        display: none;
    }
}