/* Sfondo globale */
body.theme {
    background-color: #fff;
}
/* Sfondo globale di login */
body.login-theme {
    background-color: #020523;
}
/* Logo per Login */
img.logo {
    width: 100%;
}
/* Logo per NavBar */
img.logo-small {
    width: 100px;
    height: 100px;
}
/* Nascondi Logo NavBar per Smartphone */
@media (max-width: 767px) {
    img.logo-small{
        display: none;
    }
}
/* Container sidebar */
.sidebar {
    background-color: #E4592A;
    height: auto;
    padding-top: 1rem;
    padding-right: 0;
}
/* Voci principali e collapse toggle */
.sidebar .nav-link {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1rem 1.5rem;
    margin: 0.25rem 0;
    position: relative;
}
.sidebar .nav-link:hover {
    background: rgba(255,255,255,0.15);
    text-decoration: none;
}
/* Voce attiva con arrotondamenti a destra */
.sidebar .nav-link.active {
    background-color: #fff;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    color: #000;
}

.sidebar .nav-link.collapsed:after{
    content: "▼";
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    pointer-events: none;
    font-size: .85em;
    opacity: .8;
}

.sidebar .nav-link[aria-expanded="true"]::after {
    content: "▼";
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: .85em;
    opacity: .8;
}

/* Sottomenu */
.submenu .nav-link {
    padding-left: 2.5rem;
    font-style: italic;
    text-transform: none;
    font-weight: normal;
    margin: 0;
}

/* Colora l’intero pannello offcanvas */
.offcanvas.offcanvas-start {
    background-color: #E4592A; /* stesso arancione della .sidebar */
}

/* Anche il body sia arancione */
.offcanvas.offcanvas-start .offcanvas-body {
    background-color: #E4592A;
}

/* 3) Rendi visibili i testi bianchi (gli <a> ereditano già .nav-link { color: #FFF }) */
/*    ma il title dell’header di default è nero, quindi: */
.offcanvas-header h5 {
    color: #FFF;
}

/* 4) Inverti il colore della “X” di chiusura */
.offcanvas .btn-close {
    filter: invert(1);
}

.mobileMenu {
    background: #E4592A;
}

/*
    Cambiamenti secondo PDF.
*/

table.dataTable tbody tr {
    background-color: transparent !important;
}

table.dataTable th, table.dataTable td {
    border-right: none !important;
    border-color: white !important;
}

table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid white !important;
    border-radius: 16px !important;
    overflow: hidden;
}

.dtr-control:before{
    color: white !important;
}

table.dataTable thead th:first-child {
    border-top-left-radius: 16px !important;
}
table.dataTable thead th:last-child {
    border-top-right-radius: 16px !important;
}
table.dataTable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px !important;
}
table.dataTable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px !important;
}

.shadow-sm{
    box-shadow: none !important;
}

.dropdown-toggle.dropdown-toggle-split{
    background: white !important;
    border-radius: 0 !important;
}

.dropdown-item.btn.btn-sm{
    background: white !important;
    border-radius: 20px 0 0 20px !important;
}

#table{
    background: rgba(6, 10, 74, 0.91);
    color: #fff;
}
#table td {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.paginate_button.page-item {
    border-radius: 30px !important;
}
.paginate_button:hover{
    background: none !important;
    border: 1px solid white !important;
}
.paginate_button.page-item.previous {
    border-radius: 30px !important;
}
.paginate_button.page-item.active {
    border-radius: 30px !important;
}
.paginate_button.page-item.next {
    border-radius: 30px !important;
}
a.page-link{
    border-radius: 30px !important;
    background-color: rgba(6, 10, 74, 0.91);
    color: white;
    font-weight: bold;
}
.page-link:hover {
    background-color: rgba(35, 52, 160, 0.91);
    color: white;
}
.page-item.active .page-link{
    background-color: white;
    color: #E4592A;
    font-weight: bold;
}

.form-datatable-search{
    border-radius: 20px !important;
}
.select2-container--bootstrap-5 .select2-selection{
    border-radius: 20px !important;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection  {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
span.select2-dropdown {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
input[type="search"].form-control.form-control-sm{
    border-radius: 20px !important;
}

.search-inputs{
    margin-bottom: 1.2rem;
}

.dataTables_filter{
    margin-bottom: 1.2rem;
}

.form-control, .form-select{
    border-radius: 20px !important;
}
.btn{
    border-radius: 20px !important;
}
.form-label{
    font-weight: bold;
}