/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@media only screen and (max-width: 768px) {
    .desktop-only {
        display: none;
    }

    .noData {
        font-size: 11px;
        max-width: 20vh;
    }

    .printDoc {
        font-size: 11px;
        max-width: 20vh;
    }

    .multipleDocs {
        font-size: 11px;
        max-width: 20vh;
    }
}

/*.noData {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 5px;
}
.printDoc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 5px;
}

.multipleDocs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 5px;
}*/


.logonavbar {
    margin-left: 0px;
    max-height: 30px;
}

@media only screen and (min-width: 768px) {
    .logonavbar {
        max-height: 30px;
    }
}


.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    z-index: 1050; /* Higher than Bootstrap modal */
    display: flex;
    justify-content: center;
    align-items: center;
}

#myOverlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 20000;
    cursor: pointer;
}

    #myOverlay > div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 20;
    cursor: pointer;
}

    .overlay > div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }


.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}
/* Reduce vertical spacing */

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px;
    font-size: .875rem !important
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px 8px 4px 8px;
    font-size: .875rem !important
}

.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
    font-size: .875rem !important
}

div.dataTables_filter {
    float: right;
    font-size: .875rem !important
}

.select2-results__group {
    cursor: pointer !important;
}

.add-new-article {
}

.remove-chain {
}

.remove-new-article {
}
/* End Reduce vertical spacing */


.warning-icon {
    display: inline-block;
    width: 2.2em; /* Adjust the size as needed */
    height: 2.2em; /* Adjust the size as needed */
    background-image: url('../dist/img/shared/warning.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; /* Aligns with text, similar to font icons */
}

.white-warning-icon {
    display: inline-block;
    width: 2.2em; /* Adjust the size as needed */
    height: 2.2em; /* Adjust the size as needed */
    background-image: url('../dist/img/shared/warningwhite.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; /* Aligns with text, similar to font icons */
}

.white-multipledocs-icon {
    display: inline-block;
    width: 2.2em; /* Adjust the size as needed */
    height: 2.2em; /* Adjust the size as needed */
    background-image: url('../dist/img/shared/multipleDocs.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; /* Aligns with text, similar to font icons */
}

.myrequests-status-btn {
    min-width: 89px; /* Default minimum width */
    color: #fff !important;
}

@media (max-width: 576px) {
    .myrequests-status-btn {
        min-width: 70px; /* Smaller minimum width for small screens */
    }
}

.select2-selection__rendered {
    color: #444;
    line-height: 13px !important;
}

#vehiclesResultContainer {
    border-top: 1px solid #e0e0e0;
    border-radius: 0.25rem;
    box-shadow: 0 0.1px 0.1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 1rem;
    /* margin: 1rem; */
}

.btnPlateSearchReset {
    /*color: #007bff;*/ /* Link blue color */
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    font-size: inherit;
}

    .btnPlateSearchReset:hover {
        text-decoration: underline;
    }

    .btnPlateSearchReset:focus {
        outline: none;
    }


.full-w {
    width: -webkit-fill-available; /* Safari, Chrome */
    width: -moz-available; /* Firefox */
    width: fill-available; /* Standard */
    max-width: 100%; /* Ensure it doesn't exceed container's width */
    box-sizing: border-box; /* Include padding and borders in the width calculation */
}

/*override*/
.navbar-white {
    background-color: #333;
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.btn-submit {
    background-color: #ed252f;
    color: #ffffff !important;
    border-radius: 50px 50px 50px 50px;
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
}

.btn-submit-neg {
    background-color: #333;
    color: #ffffff !important;
    border-radius: 50px 50px 50px 50px;
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    border-color: #f6f8f9;
}

.modal-header,
.modal-footer {
    background-color: #333;
    color: #ffffff;
}

.card-header {
    background-color: #333;
    color: #ffffff;
}

.section-title-text {
    margin-left: 5px;
}

.btn {
    border-radius: 50px !important;
}

.login-page, .register-page {
    background: #000000 !important;
}

/* ========== TEMA DARK - VERSIONE CON ALTA SPECIFICITÀ ========== */
/* Selettori base per tema dark */
html.theme-dark,
body.theme-dark,
.theme-dark {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

    /* Wrapper e contenitori principali */
    html.theme-dark .wrapper,
    body.theme-dark .wrapper,
    .theme-dark .wrapper {
        background-color: #1a1a1a !important;
    }

    html.theme-dark .content-wrapper,
    body.theme-dark .content-wrapper,
    .theme-dark .content-wrapper {
        background-color: #1a1a1a !important;
    }

    /* Sezioni con sfondo bianco */
    html.theme-dark .content-header.bg-white,
    html.theme-dark .content.bg-white,
    html.theme-dark section.bg-white,
    body.theme-dark .content-header.bg-white,
    body.theme-dark .content.bg-white,
    body.theme-dark section.bg-white,
    .theme-dark .content-header.bg-white,
    .theme-dark .content.bg-white,
    .theme-dark section.bg-white {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
    }

    /* Card e componenti */
    html.theme-dark .card,
    body.theme-dark .card,
    .theme-dark .card {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .card-header,
    body.theme-dark .card-header,
    .theme-dark .card-header {
        background-color: #333333 !important;
        border-bottom-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Form controls */
    html.theme-dark .form-control,
    html.theme-dark input.form-control,
    html.theme-dark textarea.form-control,
    body.theme-dark .form-control,
    body.theme-dark input.form-control,
    body.theme-dark textarea.form-control,
    .theme-dark .form-control,
    .theme-dark input.form-control,
    .theme-dark textarea.form-control {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

        html.theme-dark .form-control:focus,
        html.theme-dark input.form-control:focus,
        html.theme-dark textarea.form-control:focus,
        body.theme-dark .form-control:focus,
        body.theme-dark input.form-control:focus,
        body.theme-dark textarea.form-control:focus,
        .theme-dark .form-control:focus,
        .theme-dark input.form-control:focus,
        .theme-dark textarea.form-control:focus {
            background-color: #333333 !important;
            border-color: #666666 !important;
            color: #ffffff !important;
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
        }

    /* Tabelle */
    html.theme-dark .table,
    body.theme-dark .table,
    .theme-dark .table {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
    }

        html.theme-dark .table td,
        html.theme-dark .table th,
        body.theme-dark .table td,
        body.theme-dark .table th,
        .theme-dark .table td,
        .theme-dark .table th {
            border-color: #444444 !important;
            color: #ffffff !important;
        }

    html.theme-dark .table-striped tbody tr:nth-of-type(odd),
    body.theme-dark .table-striped tbody tr:nth-of-type(odd),
    .theme-dark .table-striped tbody tr:nth-of-type(odd) {
        background-color: #333333 !important;
    }

    /* Header tabelle */
    html.theme-dark .table thead th,
    body.theme-dark .table thead th,
    .theme-dark .table thead th {
        background-color: #444444 !important;
        color: #ffffff !important;
        border-color: #555555 !important;
    }

    /* Modali */
    html.theme-dark .modal-content,
    body.theme-dark .modal-content,
    .theme-dark .modal-content {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .modal-header,
    body.theme-dark .modal-header,
    .theme-dark .modal-header {
        border-bottom-color: #444444 !important;
        background-color: #333333 !important;
        color: #ffffff !important;
    }

    html.theme-dark .modal-footer,
    body.theme-dark .modal-footer,
    .theme-dark .modal-footer {
        border-top-color: #444444 !important;
        background-color: #333333 !important;
    }

    /* Bottoni */
    html.theme-dark .btn-secondary,
    body.theme-dark .btn-secondary,
    .theme-dark .btn-secondary {
        background-color: #444444 !important;
        border-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Alert */
    html.theme-dark .alert,
    body.theme-dark .alert,
    .theme-dark .alert {
        background-color: #333333 !important;
        border-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Tab content e navigazione */
    html.theme-dark .tab-content,
    body.theme-dark .tab-content,
    .theme-dark .tab-content {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .nav-tabs .nav-link,
    body.theme-dark .nav-tabs .nav-link,
    .theme-dark .nav-tabs .nav-link {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

        html.theme-dark .nav-tabs .nav-link.active,
        body.theme-dark .nav-tabs .nav-link.active,
        .theme-dark .nav-tabs .nav-link.active {
            background-color: #2d2d2d !important;
            color: #ffffff !important;
            border-color: #444444 #444444 #2d2d2d !important;
        }

    /* DataTables Dark Theme */
    html.theme-dark .dataTables_wrapper,
    html.theme-dark .dataTables_wrapper *,
    body.theme-dark .dataTables_wrapper,
    body.theme-dark .dataTables_wrapper *,
    .theme-dark .dataTables_wrapper,
    .theme-dark .dataTables_wrapper * {
        color: #ffffff !important;
    }

    html.theme-dark .dataTables_filter input,
    html.theme-dark .dt-input,
    body.theme-dark .dataTables_filter input,
    body.theme-dark .dt-input,
    .theme-dark .dataTables_filter input,
    .theme-dark .dt-input {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .dataTables_length select,
    html.theme-dark .dt-length select,
    body.theme-dark .dataTables_length select,
    body.theme-dark .dt-length select,
    .theme-dark .dataTables_length select,
    .theme-dark .dt-length select {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .dt-paging .dt-paging-button,
    html.theme-dark .paginate_button,
    body.theme-dark .dt-paging .dt-paging-button,
    body.theme-dark .paginate_button,
    .theme-dark .dt-paging .dt-paging-button,
    .theme-dark .paginate_button {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    /* Select2 Dark Theme */
    html.theme-dark .select2-container--default .select2-selection--single,
    body.theme-dark .select2-container--default .select2-selection--single,
    .theme-dark .select2-container--default .select2-selection--single {
        background-color: #333333 !important;
        color: #ffffff !important;
        border-color: #444444 !important;
    }

    html.theme-dark .select2-container--default .select2-selection__rendered,
    body.theme-dark .select2-container--default .select2-selection__rendered,
    .theme-dark .select2-container--default .select2-selection__rendered {
        color: #ffffff !important;
    }

    html.theme-dark .select2-container--default .select2-dropdown,
    body.theme-dark .select2-container--default .select2-dropdown,
    .theme-dark .select2-container--default .select2-dropdown {
        background-color: #2d2d2d !important;
        border-color: #444444 !important;
    }

    html.theme-dark .select2-container--default .select2-results__option,
    body.theme-dark .select2-container--default .select2-results__option,
    .theme-dark .select2-container--default .select2-results__option {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
    }

    html.theme-dark .select2-container--default .select2-results__option--highlighted,
    body.theme-dark .select2-container--default .select2-results__option--highlighted,
    .theme-dark .select2-container--default .select2-results__option--highlighted {
        background-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Containers specifici */
    html.theme-dark #vehiclesResultContainer,
    body.theme-dark #vehiclesResultContainer,
    .theme-dark #vehiclesResultContainer {
        background-color: #2d2d2d !important;
        border-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Input groups */
    html.theme-dark .input-group-text,
    body.theme-dark .input-group-text,
    .theme-dark .input-group-text {
        background-color: #444444 !important;
        border-color: #444444 !important;
        color: #ffffff !important;
    }

    /* Labels */
    html.theme-dark label,
    body.theme-dark label,
    .theme-dark label {
        color: #ffffff !important;
    }

    /* Text general */
    html.theme-dark,
    html.theme-dark *:not(.btn):not(.badge):not(.alert),
    body.theme-dark,
    body.theme-dark *:not(.btn):not(.badge):not(.alert),
    .theme-dark,
    .theme-dark *:not(.btn):not(.badge):not(.alert) {
        color: #ffffff !important;
        background-color: #2d2d2d !important;
    }

/* Tema Light (default) */
html.theme-light,
body.theme-light,
.theme-light {
    background-color: #ffffff;
    color: #333333;
}

.theme-dark .view-toggle-wrapper {
    background: #333333 !important;
    border-color: #444444 !important;
}

.theme-dark .view-option {
    color: #cccccc !important;
}

.theme-dark .view-toggle-input:not(:checked) ~ .view-toggle-wrapper #leftOption,
.theme-dark .view-toggle-input:checked ~ .view-toggle-wrapper #rightOption {
    color: #007bff !important;
    font-weight: 600;
}

.theme-dark .view-toggle-slider:before {
    background: #ffffff !important;
}

.theme-dark .dataTables_wrapper * {
    color: #ffffff !important;
}

.theme-dark .table a,
.theme-dark .dataTables_wrapper a,
.theme-dark td a,
.theme-dark th a {
    color: #ffffff !important;
}

.theme-dark .vehicle-text-clickable,
.theme-dark span.vehicle-text-clickable {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.theme-dark td.dtr-control:before {
    filter: invert(1) brightness(1) !important;
}

.theme-dark table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    filter: invert(1) brightness(1) !important;
}
/* Pulsanti DataTables disabilitati nel tema dark */
.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled,
.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:hover,
.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:active,
html.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled,
html.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:hover,
html.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:active,
body.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled,
body.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:hover,
body.theme-dark div.dt-container .dt-paging .dt-paging-button.disabled:active {
    background-color: #2a2a2a !important;
    color: rgb(156 156 156 / 50%) !important;
    border-color: #333333 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}