.d-none  {
    display:none;
}

.field-validation-error {
    color: rgb(229 55 73 / 1);
}

[type=checkbox].tristate + label:after {
    background-image: none !important;
}

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    font-size: 1rem;
    color: #020202;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    --tw-border-opacity: 1;
    border: 1px solid rgb(220 220 220 / var(--tw-border-opacity));
    border-radius: 0.5rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    animation-duration: 0.4s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

/*ul*/
.dropdown-menu .dropdown-item {
    cursor: pointer;
    white-space: break-spaces;
    overflow-wrap: break-word;
    padding-left: 0.75rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.813rem;
    --tw-text-opacity: 1;
    color: rgb(79 77 85 / var(--tw-text-opacity));
}

.dropdown-menu .dropdown-item-parent {
    cursor: pointer;
    white-space: break-spaces;
    overflow-wrap: break-word;
    padding-left: 0.5rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(79 77 85 / var(--tw-text-opacity));
}

/*ul*/
.dropdown-menu .active .dropdown-item {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.typeahead.dropdown-menu {
    margin: 0 -1rem 0;
}

.tags:empty {
    display: none;
}

.input-multi-select:focus-within {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.tokenInput-btn-container {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.sort-none {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class=""><path d="M11.6998 11.7001L8.9998 14.4001L6.2998 11.7001M6.2998 6.3001L8.9998 3.6001L11.6998 6.3001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    background-repeat: no-repeat;
}

.sort-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.833 8.334 4.168 3.816 4.166-3.816" /></svg>');
    background-repeat: no-repeat;
}

.sort-up {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.833 8.334 4.168 3.816 4.166-3.816" /></svg>');
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.plus-button {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M10 4v12m6-6H4" /></svg>');
    background-repeat: no-repeat;
}

.minus-button {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" /></svg>');
    background-repeat: no-repeat;
}


/* Carousel */
.carousel {
    position: relative;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-prev,
.carousel-next {
    display: flex;
    position: absolute;
}

.carousel-prev {
    top: 50%;
    left: -30px;
    transform: translate(50%, -50%);
}

.carousel-next {
    top: 50%;
    right: -30px;
    transform: translate(-50%, -50%);
}

svg.fill {
    fill: currentColor;
}

tr.pinned {
    --tw-bg-opacity: 1;
    background-color: rgb(229 241 253 / var(--tw-bg-opacity));
    border-bottom: 1px solid #fff;
}
tr.pinned > td {
    border-bottom: 1px solid #fff;
}

.profile-actions {
    z-index:100;
}

.alert {
    --tw-opacity: 1;
    color: rgb(229 55 73 / var(--tw-opacity));
}

.icon-large {
    width: 30px;
    height: 30px;
}

.hover-edit .edit-button {
    display: none;
    height: 2rem !important;
}

.hover-edit:hover .edit-button {
    display: inline-block;
}

/* Loading... */
.loader-container {
    position: relative;
}

.loader {
    justify-content: center !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    z-index: 1051;
    opacity: 0;
    transition: opacity 0.2s linear;
    display: none;
}

.loader.show {
    display: flex;
    opacity: 0.3;
}

.loader.show.center {
    align-items: center !important;
}

.loader.show.top {
    padding-top: 15%;
}

.loader.show.bottom {
    align-items: flex-end !important;
}

.loader.show.main {
    position: fixed;
}