/* Shared styles loaded by every module layout (admin and storefront). */

/* jquery-validation error messages */
label.error,
.invalid-feedback.d-block {
    color: var(--bs-danger, #dc3545);
    font-size: 0.875em;
    margin-top: 0.25rem;
}

input.error,
select.error,
textarea.error {
    border-color: var(--bs-danger, #dc3545);
}

/* Keep the daterangepicker above AdminLTE's fixed header and sidebar */
.daterangepicker {
    z-index: 1060;
}

@keyframes slideDown { from { opacity: 0; transform: translate(-50%, -20px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes slideUp   { from { opacity: 1; transform: translate(-50%, 0); } to { opacity: 0; transform: translate(-50%, -20px); } }

/* Forms */
.required-mark { color: #dc3545; margin-left: 2px; }
.datepicker-input { background-color: var(--bs-body-bg); }
.input-group-text[role="button"] { cursor: pointer; }

/* Admin lists */
.table td.actions, .table th.actions { width: 1%; white-space: nowrap; text-align: right; }
.table th a.sort-link { color: inherit; text-decoration: none; white-space: nowrap; }
.card-footer .pagination { margin-bottom: 0; }

/* jquery-confirm on top of AdminLTE's fixed navbar/sidebar */
.jconfirm { z-index: 1060 !important; }