@media print {
    body {
        color: #000000;
        background-color: #ffffff;
    }

    a {
        text-decoration: none;
        color: #000000;
    }

    .no-print {
        display: none !important;
    }

    #client_top_bar_container {
        display: none !important;
    }

    #client_header_container {
        display: none !important;
    }

    #wrapper {
        min-height: 0px;
    }

    .transactions_table_GTIN_button {
        border: none;
    }

    div.no_page_break {
        page-break-inside: avoid;
        padding-top: 10px;
    }

    div.no_page_break_first {
        /* page-break-inside: avoid; */
        padding-top: 60px;
    }

    th {
        font-size: 10px;
    }

    th.name,
    td.name {
        width: 53%;
    }

    th.print_subitems,
    td.print_subitems {
        width: 20%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    th.amount,
    td.amount {
        width: 15%;
    }

    th.expiration_date,
    td.expiration_date {
        width: 12%;
    }

    table.inventory_list_grouped_by_sublocation { 
        border-spacing: 6px;
        border-collapse: separate;
        width: 100%;
        table-layout: fixed;
        margin-top: 0;
        margin-bottom: 0;
    }

    table.inventory_list_grouped_by_sublocation th {
        font-size: 11px;
        padding: 0;
    }

    table.inventory_list_grouped_by_sublocation td {
        font-size: 12px;
        padding: 0;
    }

    .print_header {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items:baseline;
    }

    .print_header_inventory  {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items:baseline;
    }

    .print_header_inventory_part {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items:baseline;
        font-size: 12px;
    }

    div.print_header_inventory_list_grouped_by_sublocation {
        /* position: absolute; */
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items:baseline;
        width: 100%;
    }

    .text_align_right {
        text-align: right;
    }

    .text_align_left {
        text-align: left;
    }

    .text_align_center {
        text-align: center;
    }

    .calloffs_papers {
        border: none;
    }

    #calloffs_modal {
        height: auto;
        position: absolute;
        overflow: visible;
    }

    #calloffs_modal,
    #calloffs_modal .modal-content {
        border: none;
    }
    
    #calloffs_modal .modal-content {
        max-height: none;
        overflow-y: visible;
    }

    #calloffs_modal .close-modal,
    #calloffs_modal #calloff_button_generate_pdf,
    #calloffs_modal #calloff_button_print,
    #calloffs_modal #calloff_button_delete {
        display: none;
    }

    #package_slips_modal {
        height: auto;
        position: absolute;
        overflow: visible;
    }

    #package_slips_modal,
    #package_slips_modal .modal-content {
        border: none;
    }
    
    #package_slips_modal .modal-content {
        max-height: none;
        overflow-y: visible;
    }

    #package_slips_modal .close-modal,
    #package_slips_modal #package_slips_button_generate_pdf,
    #package_slips_modal #package_slips_button_print {
        display: none;
    }
    
    #invoices_modal {
        height: auto;
        position: absolute;
        overflow: visible;
    }

    #invoices_modal,
    #invoices_modal .modal-content {
        border: none;
    }
    
    #invoices_modal .modal-content {
        max-height: none;
        overflow-y: visible;
    }

    #invoices_modal .close-modal,
    #invoices_modal #invoices_button_generate_pdf,
    #invoices_modal #invoices_button_print {
        display: none;
    }
}



@media only screen and (max-width: 1500px) {
    table.table th {
        white-space: normal;
    }
}



@media only screen and (max-width: 1100px) {

    div#user_permissions_select_role_container, div#user_permissions_select_permission_container{
        flex-direction:column;
        align-items: center;
    }

    div#user_permissions_select_role_form, div#user_permissions_select_permission_form{
        margin-bottom: 30px;
    }

    div.dashboard_right_column{
        flex-direction:column;
    }

    div#calloffs_wizard_navs{
        flex-direction: column;
    }

    div#wizard_navs{
        flex-direction: column;
    }

    div#calloffs_create_calloff_container, div#user_form_container{
        max-width: 1000px;
        width: auto;
    }
    
    div.calloffs_papers{
        max-width: 100%;
    }

    div.custom_articles_panel, 
    div.locations_view_header_panel, 
    div#make_inventory_ongoing_inventories_panel, 
    div.calloffs_view_header_panel,
    div.users_view_header_panel,
    div.log_view_header_panel,
    div.carts_view_header_panel,
    div#lists_panel,
    div#shortage_panel{
        display: flex;
        flex-direction: column;
        align-items:center;  
        height: auto;     
    }

    div#merchandise_articles_autocomplete_article_filter{
        max-width: 100%;
    }

    div#merchandise_products_filter{
        max-width: 100%;
    }

    .custom_articles_merchandise_article_row{
        height: auto !important;
    }

    div.handle_packages_input_element_label{
        width: auto;
    }

    div#view_inventory_left_selector_header, div.custom_articles_left_selector_header {
        display: none;
    }

    button.option-menu-dropdown-content {
        right: auto;
        left: 20px;
    }

    tr.users_tbody_row {
        height: auto;
    }

    .navigation_show_menu {
        display: flex;
    }

    div#home_info_container {
        margin-top: 10px;
    }

    div#view_inventory_filter_location_container label {
        width: 90px;
        display: inline-block;
    }

    div#view_inventory_select_sublocation label {
        width: 90px;
        display: inline-block;
    }

    select#location_menu {
        margin-bottom: 5px;
    }


    div#print_div {
        margin-left: 15px;
    }

    .not_mobile {
        display: none;
    }

    div#make_inventory_inventory_container {
        flex-direction: column;
        align-items: center;
    }

    div#lists_container {
        flex-direction: column;
        align-items: center;
    }

    div.left_form {
        width: 400px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }

    div#inventory_list {
        margin-left: auto;
        margin-right: auto;
    }

    div#order_container {
        flex-direction: column;
    }

    div#order_list{
        margin-left: auto;
        margin-right: auto;
    }
 
    table.mobile-optimised {
        word-wrap: break-word;
    }

    table.mobile-optimised thead {
        position: absolute;
        left: -999em;
        top: -999em;
    }

    table.mobile-optimised td {
        display: flex;
        flex-direction: row;
    }

    table.mobile-optimised tbody,
    table.mobile-optimised tr {
        display: block;
    }

    .mobile-optimised td:before {
        content: attr(data-th);
        font-weight: bold;
        margin: 0 0 2px;
        color: #000;
        min-width: 140px;
    }

    .mobile-optimised tbody tr {
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid black;
        display: flex;
        flex-direction: column;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #client_top_bar{
        padding-right: 10px;
    }

    #wrapper {
        margin-top: 60px !important;
    }

    .view_inventory_text_align_currency{
        text-align: left;
    }

    table.mobile-optimised td{
        align-items: baseline;
    }

    div#view_inventory_table_wrapper{
        flex-direction: column;
    }

    div.custom_articles_table_wrapper {
        flex-direction: column;
    }

    div#result_views_selector{
        margin-bottom: 20px;
        display: flex;
        min-width: 100%;
        justify-content: start;
        flex-wrap: wrap;
        flex-direction: row;
    }

    div#filters_selector{
        margin-bottom: 20px;
        display: flex;
        min-width: 100%;
        justify-content: start;
        flex-wrap: wrap;
        flex-direction: row;
    }

    div#view_inventory_left_selector, div.custom_articles_left_selector{
        max-width: 100%;
    }

    .result_views_button{
        margin-right: 10px;
    }

    .filters_button{
        margin-right: 10px;
    }

    #view_inventory_overview_article_input_row {
        flex-direction: column-reverse;
        align-items: start;
        margin-left: 10px;
    }

    div#view_inventory_filter_location_container {
        margin-top: 5px;
        margin-left: 0px;
        justify-content: flex-start;
      }

    #view_inventory_select_ownership_type_label{
        width: 220px;
    }

    #view_inventory_select_sublocation_label{
        width: 220px;
    }

    div#view_inventory_select_sublocation {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    div#view_inventory_select_transaction_type label {
        width: 220px;
        display: inline-block;
    }
    
    div#view_inventory_select_user label {
        width: 220px;
        display: inline-block;
    }
    
    div#view_inventory_select_from_date label {
        width: 220px;
        display: inline-block;
    }
    
    div#view_inventory_select_to_date label {
        width: 220px;
        display: inline-block;
    }

    div#view_inventory_locations_filter_text{
        min-width: 220px;
    }

    div#view_inventory_inventory_sum_container{
        background-color: var(--theme-color6);
        width: 300px;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 5px;
    }

    div#view_inventory_filter_list_container {
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 10px;
        justify-content: flex-start;
    }

    div.view_inventory_form_row_flex {
        flex-direction: column;
        margin-left: 10px;
    }

    div#view_inventory_select_ownership_type{
        margin-left: 0px;
    }

    #view_inventory_time_label{
        width: 215px;
    }
    
    div#view_inventory_toggle_show_articles_no_longer_present {
        margin-left: 0px;
        margin-right: 0px;
        display: flex;
        flex-direction: row;
    }

    div#view_inventory_group_by {
        margin-left: 0px;
        margin-right: 0px;
        display: flex;
        flex-direction: row;
    }

    div#view_inventory_select_expired {
        margin-left: 0px;
        margin-top: 5px;
    }

    div#view_inventory_select_expired label {
        margin-left: 0px;
        width: 90px;
        display: inline-block;
    }
  
    .adjusted_label {
        width: 215px;
    }

    td.view_inventory_handle_packages_button{
        width: auto;
        text-align: left;
    } 

    .mobile-optimised td::before {
        min-width: 150px;
    }

    div#view_inventory_select_user,
    div#view_inventory_select_transaction_type,
    div#view_inventory_select_from_date,
    div#view_inventory_select_to_date {
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: auto;
    }

    .view_inventory_view_header{
        display: block;
        margin-left: 15px;
        margin-top: 15px;
    }

    div#view_inventory_autocomplete_overview_article {
        margin-top:15px;
        min-width: 520px !important;
    }
}



@media only screen and (max-width: 1300px) {

    #client_header_container{
        position:relative !important;
        margin-top: 0px !important;
    }

    #wrapper {
        margin-top: 0px !important;
    }

    #insert_container {
        margin-top: 0px !important;
    }

    div#view_inventory_autocomplete_overview_article {
        margin-right:10px;
        min-width: 30%;
    }
}






@media only screen and (max-width: 800px) {


    div#dashboard{
        flex-direction: column;
    }

    div.dashboard_left_column{
        flex-direction: row;
        gap: 5px;
    }
   
      #inv_top_nav_list {
        display: none;
      }
    
      #secondary_nav_list {
        display: none;
      }

      div#client_menu_icon {
        display: block;
        cursor: pointer;
      }

      div#client_header_container{
        display: none !important;
      }

      .tooltiptext{
        visibility: hidden !important;
      }

}



@media only screen and (max-height: 640px) {
    div#about_container,
    #help_container,
    #order_menu_container {
        margin-top: 0px;
    }

}



@media only screen and (max-width: 640px) {

    div#result_views_modal{
        align-items: start;
    }

    div#make_inventory_inventory_submit_button_div{
        flex-direction: column;
    }

    div#make_inventory_inventory_submit_button_div button{
        margin-bottom:5px;
        margin-right: 0px;
    }

    div#make_inventory_inventory_list{
        margin-left: 42px;
        margin-top: 0px;
    }

    .modal-details-row{
        flex-direction: column;
        margin-top: 10px;
    }

    .modal-details-key{
        font-weight: bold;
        width: 100%;
    }

    .table-with-padding td,
    .table-with-padding th {
      padding-right: 10px; /* Adjust the value as needed */
    }

    #location_menu_inner_container{
        min-width: 0px;
        width: 100%;
    }

    #view_inventory_checklist_menu_inner_container{
        min-width: 0px;
        width: 95%;
    }

    div#handle_packages_inner_container {
        width: 100%;
        min-width: 0px;
    }

    div.handle_packages_attribute_list_key {
        width:30%;
    }

    div.handle_packages_attribute_list_value {
        width:70%;
    }

    div#order_details {
        width:100%;
    }

    div#view_inventory_autocomplete_overview_article {
        min-width: 0px;
        width: 90%;
    }

    #modal-barcode-canvas {
        width: 100%;
        height: auto;
    }

    .not_mobile {
        display: none;
    }

    #table td,
    #table th {
        font-size: 12px;
        padding: 3px;
    }

    .panel_row {
        margin-bottom: 15px;
    }

    .table_button {
        padding: 5px 10px;
        font-size: 12px;
    }

    label {
        width: 100px;
    }

    div.form_row {
        display: table;
    }

    ul.client_top_nav_list {
        margin-left: 0px;
    }

    div#about_container,
    #help_container {
        margin-top: 10px;
    }

    div#login_form_container,
    div#forgot_password_form_container {
        border: none;
    }

    div#order_form_container {
        max-width: 90%;
        margin: 0 auto;
        display: table;
        border: 0px solid #73ad21;
        padding: 20px;
        position: static;
    }

    img#header_logo {
        width: auto;
        height: 20px;
        float: left;
        margin-right: 20px;
    }

    img#header_logo_login {
        width: auto;
        height: 40px;
        margin-left: 40px;
        margin-bottom: 20px;
    }

    div#header_title {
        font-size: 19px;
        overflow: hidden;
        margin-top: 0px;
        color: var(--theme-color2);
    }

    div#top_level_name {
        font-size: 14px;
    }

    table#medicine_articles_order_table th {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
        color: black;
        font-family: "Lucida Console", Monaco, monospace;
        font-size: 10px;
    }

    table#medicine_articles_order_table td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #ddd;
        font-family: "Lucida Console", Monaco, monospace;
        font-size: 10px;
    }

    table#order_all_orders_table th td.not_mobile, /* order_all_orders_table not used */
    th td.not_mobile {
        display: none;
    }

    table#order_all_orders_table tr td.not_mobile, /* order_all_orders_table not used */
    tr td.not_mobile {
        display: none;
    }

    table#order_all_orders_table { /* not used */
        font-size: 9px;
    }

    table#cart_table th td.not_mobile,
    th td.not_mobile {
        display: none;
    }

    table#cart_table tr td.not_mobile,
    tr td.not_mobile {
        display: none;
    }

    div.autocomplete_inventory {
        width: 100%;
    }

    table#view_inventory_inventory_table,
    table#view_inventory_transactions_table {
        word-break: break-word;
        font-size: 10px;
    }

    .inventory_table_timestamp_scan {
        word-break: normal;
    }

    .transactions_table_timestamp_scan {
        word-break: normal;
    }

    table#view_inventory_inventory_table th td.not_mobile,
    th td.not_mobile {
        display: none;
    }

    th td.not_mobile {
        display: none;
    }

    div#view_inventory_inventory_sum_container {
        margin-left: 0px;
    }

    div.view_inventory_form_row_flex{
        flex-direction: column;
    }

    input.missing_items_form_input{
        width: 95%
    }

    ul#inv_top_nav_list_2{
        display: none;
    }

    #client_usermenu {
        display: none;
    }

    div#view_inventory_autocomplete_overview_article {
        min-width: 95% !important;
    }
}

@media only screen and (max-width: 450px) {

    div#location_content{
        padding-left: 5px;
        padding-right: 5px;
        border: none;
        width: 100%;
    }

    div.user_form_personal_data_row{
        flex-direction: column;
    }
}

@media only screen and (max-width: 420px) {
    div.centered_form,
    form.centered_form {
        width: 95%;
    }

    div.left_form {
        width: 95%;
        min-width: 0px;
    }

}