/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: lightblue;
}

/* Overlay Button in 404 Start */
.overlay .btn {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* fixed footer in bottom */
.footer {
    position: relative;
    background: white;
    bottom: 0%;
}

/* make scroll horizontal in tables */
.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
}

/* styling for pagination */
.pagination a.active {
    background-color: #00BCD4;
    color: white;
    border-radius: 10px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

/* styling for date picker*/
.flatpickr-input[readonly] {
    background-color: white !important;
}

/* edit remove icon on hover */
.remove-icon:hover {
    color:crimson
}

/* edit edit icon on hover */
.edit-icon:hover {
    color:cornflowerblue
}

.w-15 {
    width: 15%;
}

/*
 * Toastr vs Bootstrap 5.3 `.toast` class collision fix.
 * Bootstrap's `.toast` sets a near-white background that overrides toastr's
 * colored toasts, leaving toastr's white text invisible in light mode.
 * The #toast-container prefix out-specifies Bootstrap's class-only rule.
 * (Same fix as resources/scss/plugins/_toastr.scss, in plain CSS for the
 * legacy layouts that don't load the Vite bundle.)
 */
#toast-container > div {
    opacity: 1;
    border: 0;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.25);
}

#toast-container > .toast {
    background-color: #1F2937;
}

#toast-container > .toast-success { background-color: #17795E; }
#toast-container > .toast-error   { background-color: #C0392B; }
#toast-container > .toast-info    { background-color: #0E7490; }
#toast-container > .toast-warning { background-color: #B45309; }

#toast-container .toast-title   { font-weight: 600; }
#toast-container .toast-message { color: #fff; }

.toast-close-button,
.toast-close-button:hover,
.toast-close-button:focus {
    color: #fff;
    text-shadow: none;
    opacity: 0.85;
}

/*
 * Standard table-row action buttons (2026-07-06 sweep).
 * Plain-CSS copy of resources/scss/components/_buttons.scss (.btn-soft-*,
 * .btn-icon) and _tables.scss (.col-actions) for the legacy layouts that
 * don't load the Vite bundle (company panel + login pages). Literal colors:
 * these pages don't define the --app-* custom properties.
 * Keep in sync with the SCSS sources — same arrangement as the toastr fix.
 */
.btn-soft-primary   { background-color: rgba(132, 90, 223, 0.12); color: #845ADF; border-color: transparent; }
.btn-soft-success   { background-color: rgba(38, 191, 148, 0.12); color: #26BF94; border-color: transparent; }
.btn-soft-warning   { background-color: rgba(245, 184, 73, 0.12); color: #F5B849; border-color: transparent; }
.btn-soft-danger    { background-color: rgba(230, 83, 60, 0.12);  color: #E6533C; border-color: transparent; }
.btn-soft-info      { background-color: rgba(73, 182, 245, 0.12); color: #49B6F5; border-color: transparent; }
.btn-soft-secondary { background-color: rgba(107, 114, 128, 0.12); color: #6B7280; border-color: transparent; }

.btn-soft-primary:hover,   .btn-soft-primary:focus   { background-color: rgba(132, 90, 223, 0.2);  color: #845ADF; }
.btn-soft-success:hover,   .btn-soft-success:focus   { background-color: rgba(38, 191, 148, 0.2);  color: #26BF94; }
.btn-soft-warning:hover,   .btn-soft-warning:focus   { background-color: rgba(245, 184, 73, 0.2);  color: #F5B849; }
.btn-soft-danger:hover,    .btn-soft-danger:focus    { background-color: rgba(230, 83, 60, 0.2);   color: #E6533C; }
.btn-soft-info:hover,      .btn-soft-info:focus      { background-color: rgba(73, 182, 245, 0.2);  color: #49B6F5; }
.btn-soft-secondary:hover, .btn-soft-secondary:focus { background-color: rgba(107, 114, 128, 0.2); color: #6B7280; }

.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    aspect-ratio: 1;
    border-radius: 0.375rem;
}

.btn-icon.btn-sm { width: 30px; font-size: 0.875rem; }

.col-actions {
    white-space: nowrap;
    text-align: right;
    width: 1%;
}

.col-actions form {
    display: inline-flex;
    margin: 0;
    vertical-align: middle;
}