/* Fix for SweetAlert2 height issue */
body.swal2-height-auto {
    height: 100vh !important;
}

body.swal2-height-auto .page-body {
    min-height: calc(100vh - 200px) !important;
}

.ts-dropdown,
.ts-dropdown.form-control,
.ts-dropdown.form-select {
    background-color: #fff !important;
}

select option[value=""] {
    color: #999;
}

select:has(option[value=""]:checked) {
    color: #999;
}

select option:not([value=""]) {
    color: #000;
}

#HW_badge_cont {
    position: absolute;
    display: inline-block;
    top: -15px;
    right: -25px;
}

.hourglass-animate {
    animation: hourglass-rotate 2s infinite;
}

@keyframes hourglass-rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    60% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}