table.pretty {
    width: 100%;
}

table.pretty tbody tr td {
    border-top: 0.5px solid;
    text-align: center;
}

table.pretty tfoot tr th {
    border-bottom: 0.5px solid;
    border-top: 0.5px solid;
    font-weight: bold;
    text-align: center;
}

table.pretty th,
table.pretty td {
    border: 0.5px solid gainsboro;
    padding: 0.2em;
}

/* table.pretty thead th,
table.pretty thead td {
    border: 0px solid gainsboro;
    padding: 0.2em;
} */
table.pretty thead tr th.empty {
    border: 0 none;
}

.table:not(.table-dark) {
    color: inherit;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


table.pretty caption {
    font-style: italic;
    font-weight: bold;
    margin-left: inherit;
    margin-right: inherit;
}

table.pretty thead tr th {
    border-bottom: 0px solid;
    font-weight: bold;
    text-align: center;
}


table.pretty tfoot tr th {
    border-bottom: 0.5px solid;
    border-top: 0.5px solid;
    font-weight: bold;
    text-align: center;
}

table.pretty tbody tr th {
    text-align: center;
}


table.pretty tbody tr.odd td {
    background: none repeat scroll 0 0 #EBF4FB;
}

table.pretty tbody tr.even td {
    background: none repeat scroll 0 0 #BCEEEE;
}

table.pretty thead tr th.highlightcol {
    border-color: #2E6E9E #2E6E9E gainsboro;
    border-style: solid;
    border-width: 0.0px 0.0px 1px;
}

table.pretty tfoot tr th.highlightcol {
    border-left: 0.5px solid #2E6E9E;
    border-right: 0.5px solid #2E6E9E;
}

table.pretty thead tr th.lefthighlightcol,
table.pretty tbody tr td.lefthighlightcol,
table.pretty tfoot tr th.lefthighlightcol {
    border-left: 0.5px solid #2E6E9E;
}

table.pretty thead tr th.righthighlightcol,
table.pretty tbody tr td.righthighlightcol,
table.pretty tfoot tr th.righthighlightcol {
    border-right: 0.5px solid #2E6E9E;
}

table.pretty thead tr th.lefthighlightcolheader,
table.pretty tbody tr td.lefthighlightcolheader,
table.pretty tfoot tr th.lefthighlightcolheader {
    border-left: 0.5px solid #2E6E9E;
}

table.pretty thead tr th.righthighlightcolheader,
table.pretty tbody tr td.righthighlightcolheader,
table.pretty tfoot tr th.righthighlightcolheader {
    border-right: 0.5px solid #2E6E9E;
}

.filament-sidebar-nav::-webkit-scrollbar {
    display: none !important;
}

.filament-sidebar-nav {
    scrollbar-width: none;
}

html {
    overflow-y: scroll !important;
}

html::-webkit-scrollbar {
    display: none;
}

.loss {
    color: red;
}

.circle-image {
    /* border: 0.5px solid #000; */
    border-radius: 0%;
    display: inline-block;
    overflow: hidden;
    max-height: 70px;
}

.no_border_right_left {
    border-right: none !important;
    border-left: none !important;
}

.no_border_right {
    border-right: none !important;
}

.no_border_left {
    border-left: none !important;
}

.branch_store_report td,
.branch_store_report th {
    padding: 8px !important;
}

.please_select_message_div {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #e1e1e1;
    border-radius: 25px;
    border: 0.5px solid #2E6E9E;
}

.please_select_message_text {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #2E6E9E;
    letter-spacing: 2.5px;
}

.internal_cell {
    width: 110px !important;
    max-width: 110px !important;
}

.status_cell {
    font-size: 12px !important;
}

/**
*/
/* Card Styling */
.custom-card {
    background: linear-gradient(135deg, #f3f4f6, #fff);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

/* Button Styling */
.custom-btn {
    background-color: #4A90E2;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 8px 15px rgba(74, 144, 226, 0.3);
    display: inline-block;
    margin-top: 20px;
}

.custom-btn:hover {
    background-color: #357ABD;
    transform: translateY(-3px);
}

.custom-btn:active {
    transform: translateY(1px);
}

/* Form Input Styling */
.custom-card form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custom-card input,
.custom-card select,
.custom-card textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.custom-card input:focus,
.custom-card select:focus,
.custom-card textarea:focus {
    border-color: #4A90E2;
    outline: none;
}

/* Custom Card Header (Optional) */
.custom-card-header {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}


.btn_fingerprint svg {
    height: 112px !important;
    width: 253px !important;
}

/***
primary - main color #0d7c66;

*/
.reports tbody tr:nth-child(even) {
    background-color: #0d7c66;
    color: white;
}


.table-container {
    max-height: 300px;
    /* Adjust the height as needed */
    overflow-y: auto;
    /* Enables vertical scrolling */
}

.fixed-header {
    position: sticky;
    /* Use sticky positioning */
    top: 0;
    /* Stick to the top */
    background-color: white;
    color: #0d7c66;
    z-index: 2;
    /* Ensure it appears above other elements */

}



/**
for scrollbar
*/
::-webkit-scrollbar {
    width: 10px;
    height: 7px;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

::-webkit-scrollbar-thumb {
    background-color: #4a5568;
    border-radius: 10px;
    border: 1px solid #edf2f7;
}

::-webkit-scrollbar-track {
    background-color: #edf2f7;
    border-radius: 10px;
}

/* Hover effect for the scrollbar */
::-webkit-scrollbar:hover {
    width: 12px;
    /* Increase the width on hover */
    height: 12px;
}


/* Print Button Styling */
.btn-print {
    background-color: #4CAF50;
    /* Green background */
    color: white;
    /* White text */
    border: none;
    /* Remove default border */
    border-radius: 8px;
    /* Rounded corners */
    padding: 5px 10px;
    /* Padding for a larger button */
    font-size: 16px;
    /* Increase font size */
    /* font-weight: bold;  */
    cursor: pointer;
    /* Pointer cursor on hover */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for a raised effect */
    transition: all 0.3s ease;
    /* Smooth transition for hover effects */
}

.btn-print:hover {
    background-color: #45a049;
    /* Darker green on hover */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
    /* Slightly deeper shadow */
    transform: translateY(-2px);
    /* Lift the button slightly on hover */
}

.btn-print:active {
    background-color: #3e8e41;
    /* Even darker green when clicked */
    transform: translateY(1px);
    /* Button appears pressed */
}


.company-info img {
    width: 80px;
    height: auto;
}


@font-face {
    font-family: 'Amiri';
    src: url('{{ asset("css/Amiri-Bold.ttf") }}') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.logo-img-report {
    width: 80px !important;
    height: auto !important;
}

.link {
    border: 1px solid !important;
    border-radius: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: black !important;
    margin: 10px !important;
}


/* اجعل الترو الأخير sticky في الأسفل */
tbody:last-of-type tr .fixed_footer {
    position: sticky;
    bottom: 0;
    background: white !important;
    color: #0d7c66;
    /* لون الخلفية للتأكيد */
    z-index: 10;
}


.qty_zero {
    background: #da5e03 !important;
    color: #ffffff !important;
}

.paginator_container {
    display: flex;

    /* قم بتوسيط المحتوى أفقيًا */
    justify-content: center;

    /* يمكنك إضافة بعض الهامش العلوي للفصل بينه وبين الجدول */
    margin-top: 1.5rem;
    /* 24px */
}

.sticky-total {
    position: sticky;
    bottom: 0;
    /* Stick to bottom */
    background: white;
    color: #0d7c66;
    /* Or match table bg */
    z-index: 10;
    /* Keep above table body */
}

.text-center {
    text-align: center !important;
}

/* قيّد أيقونات الأسهم داخل الباجيناشن فقط */
.paginator_container svg,
.filament-tables-pagination svg,
nav[role="navigation"] svg {
    width: 1rem !important;
    height: 1rem !important;
    flex: none;
}

/* ✅ فووتر مثبت */
tbody.sticky-footer {
    position: sticky;
    bottom: 0;
    z-index: 11;
}

tbody.sticky-footer td,
tbody.sticky-footer th {
    background: white !important;
    color: #0d7c66;
    font-weight: bold;
}