@keyframes hue {
    from {
        backdrop-filter: hue-rotate(0deg);
    }

    to {
        backdrop-filter: hue-rotate(360deg);
    }
}

body {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    background-image: radial-gradient(circle, #9bc1d3, #70818d);
    background-attachment: fixed;
    /* animation: hue 5s infinite linear; */
}

div.vcs {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 50px;
    color: white;
}

#message {
    z-index: 9999;
}

/* FORM STYLE */
label:has(~ [required]):after,
label:has(~ div [required]):after {
	content: "*";
	color: #ff0000;
}
/* END OF FORM STYLE */

.modal > .modal-dialog.modal-fluid {
    --bs-modal-width: 95%;
}

/* TABULATOR STYLES */
.tabulator-placeholder {
    display: block !important;
}
/* .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
	white-space: initial;
    word-break: break-word;
}
.tabulator {
    overflow: unset;
} */

a.dropdown-item.col-vis-active {
    margin-right: 25px;
}

a.dropdown-item.col-vis-active::after {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 1em;
    display: inline-block;
    content: "✓";
    color: inherit;
}
/* END OF TABULATOR STYLES */

/* TOMSELECT STYLES */
.disabled .ts-control {
    opacity: 1;
}
/* END OF TOMSELECT STYLES */