/* Custom styles for QR reader */
#qr-reader {
    width: 500px; /* Default width for all devices */
    box-sizing: border-box; /* Include padding and border in width calculation */
}
@media only screen and (max-width: 600px) {
    #qr-reader {
        width: 100%; /* Full width for smaller devices */
    }
}
/* Additional custom styles */
.container {
    margin-top: 20px;
}
.modal-header {
    background-color: #007bff;
    color: #fff;
}
.modal-title {
    color: #fff;
}
/* For the 'Notes' column in the inventory table */
#inventory-table td:nth-child(11),
#inventory-table th:nth-child(11) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px; /* Adjust the max-width as needed */
}
/* For the 'Notes' column in the history table */
#historyTable td:nth-child(10),
#historyTable th:nth-child(10) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px; /* Adjust the max-width as needed */
}
/* Style for action icons in the inventory table */
#inventory-table td .action-icon {
    /* font-size: 1.2em;*/ /* Adjust icon size */
    /*margin-right: 0px;*/ /* Space between icons */
    text-decoration: none;
}
#inventory-table td .action-icon:hover {
    opacity: 0.7;
}
/* Style for action icons in the history table */
#historyTable td .action-icon {
    /* font-size: 1.2em;*/ /* Adjust icon size */
    /*margin-right: 0px;*/
    text-decoration: none;
}
#historyTable td .action-icon:hover {
    opacity: 0.7;
}
/* control modal size */
.history-modal-dialog {
    max-width: 90%;
    width: auto;
    height: auto;
}
.dataTables_length{
    display: none !important;
}
@media print {
    /* Attempt to remove headers and footers */
    /* 
    @page {
       margin: 0;
        size: auto;
    }
    body {
        margin: 0;
    }
        */
    /* Style for currentDate and printTotalCount in print view */
    #currentDate,
    #printTotalCount {
        display: block !important;
        font-size: 10pt !important; /* Adjust as needed */
        font-weight: bold !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    #isNew{
        font-size:5px;
    }
    /* Hide controls not needed in print */
    .dataTables_length,
    .dataTables_filter,
    .dataTables_info,
    .dataTables_paginate,
    .dt-buttons,
    .dt-button-collection,
    #clearFilters,
    tfoot,
    #add-new-button,
    .no-print {
        display: none !important;
    }
    /* Adjust td and th spacing */
    #inventory-table th,
    #inventory-table td,
    #historyTable th,
    #historyTable td {
        padding: 0px 0px !important; /* Adjust as needed */
        margin: 0 !important;
        font-size: 10pt !important; /* Adjust font size if needed */
    }
    /* Hide the sorting arrows */
    th.sorting:after,
    th.sorting:before,
    th.sorting_asc:after,
    th.sorting_asc:before,
    th.sorting_desc:after,
    th.sorting_desc:before {
        display: none !important;
    }
    /* Hide everything except the modal content */
    /*body * {
        display: none;
    }*/
    .modal.show {
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .modal-backdrop {
        display: none !important;
    }
}