html, body {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #343a40; /* gray-800 */
    height: 100%;
}

.tooltip-danger {
    --bs-tooltip-bg: var(--bs-danger);
    --bs-tooltip-color: var(--bs-white);
}

.tooltip-warning {
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: var(--bs-white);
}

.tooltip-secondary {
    --bs-tooltip-bg: var(--bs-secondary);
    --bs-tooltip-color: var(--bs-white);
}



:root {
    --bs-border-radius: 0rem;
    --bs-border-radius-sm: 0rem;
}

.modal {
    --bs-modal-bg: transparent;
    --bs-modal-border-radius: 0rem;
    --bs-modal-border-width: 0rem;
}

.modal-backdrop {
    --bs-backdrop-bg: whitesmoke;
}

.clickable {
    cursor: pointer;
}

.form-check-input:focus {
    border-color: #86b7fe;
}

.form-check-input:checked {
    background-color: #009bb4;
    border-color: #009bb4;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #009bb4;
    border-color: #009bb4;
}

.btn-link {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: #0d6efd;
    text-decoration: underline;
    outline: none;
    box-shadow: none;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        color: #0d6efd;
        text-decoration: underline;
        outline: none;
        box-shadow: none;
    }

.dtxflyin {
    animation: flyInFromTop 0.2s ease-out;
}

@keyframes flyInFromTop {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.dtxfade {
    animation: fadeIn 0.75s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}