@font-face {
    font-family: "LoadingFont";
    src: url("../fonts/Cool-r51A.ttf")
}

.error-message {
    font-size: 0.8em;
    color: red;
}

tr.hide-table-padding td {
    padding: 0;
}

.expand-button {
    position: relative;
}

.accordion-toggle .expand-button:after {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translate(0, -50%);
    content: '-';
}

.accordion-toggle.collapsed .expand-button:after {
    content: '+';
}

.combobox-border {
    border-width: 2px !important;
}

    .combobox-border input {
        border-top-left-radius: 6px !important;
        border-bottom-left-radius: 6px !important;
    }

    .combobox-border > .input-group-text {
        border-top-right-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
    }

.table-striped > tbody > tr.bg-danger:nth-of-type(even) td {
    --bs-table-accent-bg: #ffcaca;
    background: var(--bs-table-accent-bg);
    --bs-table-hover-bg: #ff9999;
}

.table-striped > tbody > tr.bg-danger:nth-of-type(even):hover td {
    background: var(--bs-table-hover-bg);
}

.table-striped > tbody > tr.bg-danger:nth-of-type(odd) td {
    --bs-table-accent-bg: #f9dbdb;
    background-color: var(--bs-table-accent-bg);
}

.table-striped > tbody > tr.bg-danger:nth-of-type(odd):hover td {
    --bs-table-accent-bg: #ff9999;
}

.map-auto-complete-class input {
    border-radius: 0 !important;
    border-width: 2px !important;
    border-color: #ced4da !important;
    color: #495057 !important;
}

    .map-auto-complete-class input:focus {
        background-color: #fff;
        border-color: #4fdfff !important;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,169,206,.25);
    }

.map-auto-complete-class svg {
    fill: #48c4e0;
}

.combobox-wrapper .drop-down-input-wrapper {
    border: 2px solid #ced4da !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .combobox-wrapper .drop-down-input-wrapper:has(input:focus) {
        border-color: #4fdfff !important;
        box-shadow: 0 0 0 0.2rem rgba(0,169,206,.25);
    }

.combobox-wrapper .item.selected {
    background-color: #008aa8 !important;
}


.combobox-wrapper .item:hover {
    background-color: #00a9ce !important;
}

.calendar-wrapper .wc-input {
    border: 2px solid #ced4da !important;
    border-radius: 0 !important;
}

    .calendar-wrapper .wc-input:focus {
        border-color: #4fdfff !important;
        box-shadow: 0 0 0 0.2rem rgba(0,169,206,.25);
    }


.loading-text tr * {
    font-family: LoadingFont;
    color: #ccc;
    animation: pulsecolor 1.5s alternate infinite;
    letter-spacing: -16px;
}

@keyframes pulsecolor {
    from {
        color: #eee;
    }

    to {
        color: #aaa;
    }
}