/*
 * Shared action-button treatment used by the modernised dashboard pages.
 * This deliberately mirrors the Customer Directory "Add Customer" button.
 */
.carica-action-button,
.carica-action-buttons .btn,
.carica-action-buttons .dt-buttons button {
    display: inline-flex;
    height: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 15px !important;
    color: #fff !important;
    border: 1px solid #00a6a6 !important;
    border-radius: 11px !important;
    background: #00a6a6 !important;
    box-shadow: none !important;
    cursor: pointer;
    font-weight: 700;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    transition: background-color .18s ease, border-color .18s ease, opacity .18s ease, transform .18s ease;
}

.carica-action-button:hover:not(:disabled):not([disabled]):not(.disabled),
.carica-action-button:focus:not(:disabled):not([disabled]):not(.disabled),
.carica-action-buttons .btn:hover:not(:disabled):not([disabled]):not(.disabled),
.carica-action-buttons .btn:focus:not(:disabled):not([disabled]):not(.disabled),
.carica-action-buttons .dt-buttons button:hover:not(:disabled),
.carica-action-buttons .dt-buttons button:focus:not(:disabled) {
    color: #fff !important;
    border-color: #087f7f !important;
    background: #087f7f !important;
    outline: 0;
    transform: translateY(-1px);
}

.carica-action-button:disabled,
.carica-action-button[disabled],
.carica-action-button.disabled,
.carica-action-buttons .btn:disabled,
.carica-action-buttons .btn[disabled],
.carica-action-buttons .btn.disabled,
.carica-action-buttons .dt-buttons button:disabled {
    cursor: not-allowed;
    opacity: .46;
    pointer-events: none;
    transform: none;
}

.carica-action-button > i,
.carica-action-buttons .btn > i {
    margin-right: 0 !important;
}

.carica-action-button > span,
.carica-action-button > small,
.carica-action-buttons .btn > span,
.carica-action-buttons .btn > small {
    line-height: 1.2;
}

.carica-action-button > span i,
.carica-action-buttons .btn > span i {
    margin-right: 7px;
}

.carica-action-buttons .btn-block {
    display: flex;
    width: 100%;
}

.carica-action-buttons .btn-small-button,
.carica-action-buttons .dt-buttons .btn,
.carica-action-buttons .dt-buttons button {
    height: 34px !important;
    min-height: 34px;
    padding: 7px 13px !important;
}

.carica-action-buttons .dt-buttons .btn,
.carica-action-buttons .dt-buttons button {
    margin-right: 5px;
}

.carica-action-buttons .btn-circle {
    width: 40px;
    min-width: 40px;
    padding: 0 !important;
    border-radius: 50% !important;
}

.carica-action-buttons .btn-warning {
    border-color: #d69a2d !important;
    background: #d69a2d !important;
}

.carica-action-buttons .btn-warning:hover:not(:disabled):not([disabled]):not(.disabled),
.carica-action-buttons .btn-warning:focus:not(:disabled):not([disabled]):not(.disabled) {
    border-color: #b87d18 !important;
    background: #b87d18 !important;
}

.carica-action-buttons .btn-danger {
    border-color: #cf5a71 !important;
    background: #cf5a71 !important;
}

.carica-action-buttons .btn-danger:hover:not(:disabled):not([disabled]):not(.disabled),
.carica-action-buttons .btn-danger:focus:not(:disabled):not([disabled]):not(.disabled) {
    border-color: #b54159 !important;
    background: #b54159 !important;
}

/* Compact edit/copy/delete controls on the vaccination setup table. */
.carica-action-buttons.vaccination-setup-page table.stylish-table td:last-child > span {
    display: inline-flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    margin-left: 4px !important;
    padding: 0;
    color: #fff !important;
    border: 1px solid #00a6a6;
    border-radius: 9px;
    background: #00a6a6;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.carica-action-buttons.vaccination-setup-page table.stylish-table td:last-child > span:hover {
    color: #fff !important;
    border-color: #087f7f;
    background: #087f7f;
    transform: translateY(-1px);
}

.carica-action-buttons.vaccination-setup-page table.stylish-table td:last-child > span.text-danger {
    border-color: #cf5a71;
    background: #cf5a71;
}

.carica-action-buttons.vaccination-setup-page table.stylish-table td:last-child > span.text-danger:hover {
    border-color: #b54159;
    background: #b54159;
}

@media (max-width: 767px) {
    .carica-action-buttons.vaccination-page .ui.message .btn {
        width: 100%;
        margin-right: 0;
    }
}