.ui-widget {
    font-family: 'Inter', Inter;
    font-size: 1.4em;
}
.ui-widget-header {
    background-color: var(--blue-color);
}

.ui-state-default .ui-icon {
    background-image: url("../../../../CSS/images/icon-close.png");
    background-repeat: no-repeat;
    background-position: center;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../../../../CSS/images/icon-close.png");
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 6px;
}

.ui-button:active {
    text-decoration: none;
}

    button.searchGrid.ui-state-default, button.showHideExtraContent.ui-state-default {
        overflow: hidden;
        width: fit-content;
        position: absolute;
        background: var(--grey-tertiary-color);
        border: none;
    }
    button.searchGrid.ui-state-default {
        transition: background-color 0.25s ease;
    }
    button.searchGrid.ui-state-default:hover {
        background: var(--blue-color);
    }
        button.searchGrid.ui-state-default.ui-state-active, button.showHideExtraContent.ui-state-default.ui-state-active {
            color: white;
        }