:root{
  --sidebarWidth: 200px;
  --rightbarWidth: 350px;
  --myBlue: #06c;
  --hsl-color: 90;
  --hsl-saturation: 58%;
  /*--background: #eff0ec;
  --secondBackground: #607d8b;
  --thirdBackground: #37474f;*/
  --background: #eceff1;
  --secondBackground: hsl(var(--hsl-color), var(--hsl-saturation), 55%);
  --thirdBackground: hsl(var(--hsl-color), var(--hsl-saturation), 25%);
  --cardBg: linear-gradient(160deg, #fff 0%, rgba(255,255,255,0) 100%);
  --borderRadiusSize: 5px;
  --nav-bg-color: var(--thirdBackground); /* colore di sfondo del pill attivo */
  --nav-text-color: var(--background);  /* colore del testo */
}
@font-face {
  font-family: Suisse Intl Web;
  src: url(font/SuisseIntl-Regular-WebXL.woff2) format("woff2"),url(../fonts/SuisseIntl-Regular-WebXL.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust:100%;ascent-override:normal;descent-override:18%;line-gap-override:17%;
}

@font-face {
  font-family: Suisse Intl Web;
  src: url(font/SuisseIntl-RegularItalic-WebS.woff2) format("woff2"),url(../fonts/SuisseIntl-RegularItalic-WebS.woff) format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  size-adjust:100%;ascent-override:normal;descent-override:18%;line-gap-override:17%;
}

@font-face {
  font-family: Suisse Intl Web;
  src: url(font/SuisseIntl-Medium-WebS.woff2) format("woff2"),url(../fonts/SuisseIntl-Medium-WebS.woff) format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  size-adjust:100%;ascent-override:normal;descent-override:18%;line-gap-override:17%;
}

@font-face {
  font-family: Suisse Intl Web;
  src: url(font/SuisseIntl-SemiBold-WebS.woff2) format("woff2"),url(../fonts/SuisseIntl-SemiBold-WebS.woff) format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  size-adjust:100%;ascent-override:normal;descent-override:18%;line-gap-override:17%;
}

@font-face {
  font-family: Suisse Intl Web;
  src: url(font/SuisseIntl-Bold-WebS.woff2) format("woff2"),url(../fonts/SuisseIntl-Bold-WebS.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  size-adjust:100%;ascent-override:normal;descent-override:18%;line-gap-override:17%;
}
html, body {padding:0px;} 
body{
	color:#333;
	background: var(--background);
  font-size:0.9rem;
  font-weight:400;
  font-family:"Suisse Intl Web", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Titoli proporzionali (em → scala col body) */
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.1em; }

/* Testi accessori */
.lead        { font-size: 1.15em; }
.small, small { font-size: 0.875em; }

/* === Componenti principali === */

/* Bottoni */
.btn {
  font-size: 1em;
  /*line-height: 1.4;*/
}
.btn-sm { font-size: 0.875em; }
.btn-lg { font-size: 1.125em; }

/* Input e textarea */
.form-control,
.form-select {
  font-size: 1em;
  line-height: 1.4;
}
.form-select-sm {padding-right:0.25rem;}
.form-control-lg {font-size:1.25em;}

/* Input group: mantenere coerenza tra addon e input */
.input-group-text {
  font-size: 1em;
  line-height: 1.4;
  padding-top: .375em;
  padding-bottom: .375em;
}

/* Dropdown (menu e pulsanti) */
.dropdown-menu {
  font-size: 1em;
  line-height: 1.4;
}
.dropdown-item {
  font-size: 1em;
  line-height: 1.4;
}

/* Navbar e link */
.nav-link, .navbar-brand {
  font-size: 1em;
  line-height: 1.4;
}

/* Badge, alert, tooltip, ecc. */
.badge, .alert, .tooltip {
  --bs-badge-font-size: 0.9em;
  --bs-badge-font-weight:500;
  --bs-badge-border-radius: 5px;
}

/* Per uniformare eventuali icone */
.btn i, .nav-link i, .dropdown-item i {
  font-size: 1em;
}

.nav-pills .nav-link {
  color: var(--nav-bg-color);
  background-color: transparent;
}

.nav-pills .nav-link.active {
  color: var(--nav-text-color);
  background-color: var(--nav-bg-color);
}

b, strong, .strong {font-weight:500;}
.hidden{display:none !important;}
#wrapper{width:100%;height: 100dvh;max-height:100dvh;overflow:hidden;padding:1rem 1rem 10px calc(1rem + var(--sidebarWidth));background-color:var(--secondBackground);transition: all 0.5s ease-out;}
body.toggled #wrapper{
  cursor: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 640 640'>\<path fill='black' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/>\</svg>") 10 10, auto;
}
.sidebar-toggler{display:none;}
.form-group{position:relative;}
.loader {
  position: fixed !important;
  width: 100%;
  height: 100dvh;
  background: rgba(0,0,0,0.3);
  z-index: 1200;
  backdrop-filter: blur(8px);
}
a, button{cursor:pointer !important;}
.btn{font-weight:500;}
a{text-decoration:none;}
.card{display:block;}
.card-body{background:var(--cardBg);border:0px;}
.dropdown-menu {box-shadow: 0px 2px 3px #999;border-radius:3px;}

.nowrap{white-space:nowrap;}

.w-20 {width:20% !important;}
.w-30 {width:30% !important;}
.w-40 {width:40% !important;}
.w-50 {width:50% !important;}
.w-60 {width:60% !important;}
.w-70 {width:70% !important;}
.w-80 {width:80% !important;}

/* IN RILIEVO, SCAVATO */
.inRilievo {
  background-image:
    linear-gradient(45deg, rgba(0,0,0,0.03) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(0,0,0,0.03) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.03) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.03) 75%);
  background-size: 10px 10px; /* dimensione quadretti */
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;

  /* bordo scavato */
  box-shadow:
    inset -2px -2px 4px rgba(0,0,0,0.2),   /* ombra interna scura */
    inset 2px 2px 4px rgba(255,255,255,0.3); /* luce interna chiara */
}

.scavato {
  background-image:
    linear-gradient(45deg, rgba(0,0,0,0.03) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(0,0,0,0.03) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.03) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.03) 75%);
  background-size: 10px 10px; /* dimensione quadretti */
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;

  /* bordo scavato */
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,0.2),   /* ombra interna scura */
    inset -2px -2px 4px rgba(255,255,255,1); /* luce interna chiara */
}

h1, h2, h3, h4, h5, h6 {color:var(--thirdBackground);}
/* MODAL */
.modal-fullscreen{width:95vw;height:90dvh;margin:auto;margin-top:2dvh;}
.modal-processing{z-index:2000;position:fixed;top:0px;left:0px;width:100%;height:100dvh;background:rgba(255,255,255,0.5);}
/* FINE MODAL*/
.loader .panel {width:250px;margin:0px auto;margin-top:50px;text-align:center;}

/* FIELDS */
.form-group{margin-bottom:15px;}
.select2-container--default .select2-selection--single {border:1px solid #ced4da;height:38px;padding-top:3px;}
.daterangepicker {margin-top:40px;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {font-size:1rem;width:32px;line-height:32px;height:32px;}
.form-floating label{opacity:0.6;}
.form-floating label.form-check-label{opacity:1;}
.form-floating .select2-container--bootstrap-5 .select2-selection {height: calc(3.5rem + 2px);padding: 1rem 0.75rem;}
.form-floating .select2-container--bootstrap-5 .select2-selection>.select2-selection__rendered {margin-top: 0.6rem;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{z-index:1;color:var(--thirdBackground);opacity:1;}
.select2-container--bootstrap-5 .select2-selection {border-radius:0.375rem;}
.select2-results__group p{margin:0px;padding:0px 0.75rem}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:0px 0.75rem}
.select2-container--bootstrap-5 .select2-selection {font-size:1em}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {font-size:1em;}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {font-size:1em;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {font-size:0.9em;}
.form-floating .price_field, .form-floating .price_field_plus {text-align: right !important;}

/* FIELDS INLINE */
.inline-input {padding-left:130px;position:relative;border:1px solid #ccc;background:#fafafa;margin-bottom: -1px !important;}
.inline-input label {position:absolute !important;opacity:1;top:50%;transform:translateY(-50%);left:0px;width:130px;padding-right:8px;font-weight:500;line-height:0.9;text-align:right;font-size:90%;color:var(--thirdBackground);}
.inline-input > * {border-bottom:0px;border-top:0px;border-right:0px;border-radius:0px;}
.inline-input .checkbox {background:#fff;border-left:1px solid #ccc;height:35px;}
.inline-input .checkbox label{left:0px;width:130px !important;padding-left:0px !important;font-weight:500 !important;}
.inline-input .checkbox label::before{left:142px;top:50%;transform: translateY(-50%);}
.inline-input .checkbox label::after{left:142px;top:50%;transform: translateY(-50%);}
.inline-input .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) inset;border:none;}
.inline-input .select2-container--bootstrap-5 .select2-selection {border-radius:0px;border:none;border-left:1px solid #ccc;}

/* CHECKBOX */
.checkbox > *{cursor:pointer;}
.checkbox label {display: inline-block;position: relative;opacity:1;padding-left: 20px;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 25px;height: 25px;top: 0;left: -15px;margin: 0px;border: 1px solid #ccc;border-radius: 2px;background-color: #fff;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: all border 0.15s ease-in-out, color 0.15s ease-in-out ease-out;}
.checkbox label::after {display: inline-block;position: absolute;width: 25px;height: 25px;line-height: 25px;left: -15px;top: 0px;margin: 0px;padding-top: 1px;font-size: 17px;text-align: center;color: #555555;}
.checkbox input[type="checkbox"] {opacity: 0;}
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c";}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.form-group .checkbox label,.form-group .radio label {font-weight: 400;width: 100%;text-transform: none;padding-left: 5px;}

/* MENU */
.sidebar{position:fixed;width:var(--sidebarWidth);background:#444;height:100dvh;z-index:105;color:#eee;transition: all 0.5s ease-out;}
body.toggled .sidebar{left:calc(var(--sidebarWidth) * -1);}
.navbar-toggle{float:left;border:0px;}
.nav-link {
  --bs-nav-link-padding-x: 1.2rem;
  --bs-nav-link-padding-y: 0.5rem;
}
.closeMenu{display:none !important;position:absolute;top:0px;right:0px;color:#333 !important;}

.sidebar-scrollable{margin-right:1px;overflow-y:scroll;height:100dvh;max-height:100dvh;}
.sidebar-scrollable button, .sidebar-scrollable a{color:inherit;}
#mainMenu > a {padding:10px 1.5rem;display:block;background:transparent;}
#mainMenu .viewTab > i, #mainMenu .accordion-button > i {color: var(--secondBackground);width: 30px;text-align: left;}
#mainMenu > a.navbar-brand{padding:10px 1.5rem;}
#mainMenu .accordion-item{border:0px;background:transparent;color:inherit;}
#mainMenu .accordion-button{padding:10px 1.5rem;background:transparent;font-size:1em;color:inherit;}
#mainMenu .accordion-button:after{font-family: 'FontAwesome';content:"\f107";background:none;}
#mainMenu .accordion-button:not(.collapsed){color:inherit}
#mainMenu .list-group{background:transparent;}
#mainMenu .list-group-item{color:inherit; padding:0;padding-left:25px;border:0px;background:transparent;}
#mainMenu .list-group-item > a{padding:10px 0px 10px 25px;display:block;font-size:95%;color:inherit;border-left:1px solid #f8f429;}
#mainMenu .list-group-item > a:hover{background:#222;}

/*RICERCA GLOBAL*/
.ricercaGlobaleContainer {background:#fff;border-radius: var(--borderRadiusSize);padding:0;}
#ricercaGlobaleDiv{z-index:110;width: 100%;left:0px;top:0px;backdrop-filter: blur(8px);}
#ricercaGlobaleDiv .selection{opacity:0;}
#ricercaGlobaleDiv .select2-dropdown{margin-top:-45px;border-radius:var(--borderRadiusSize);border:0px;}
.select2-results__option.select2-results__option--group > strong {display: flex;position: sticky;top: 0px;background: #fff;border-bottom:1px solid #ccc;}

/* TABS AND MISC */
#generalTabContent{background:var(--background);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#generalTabContent{height:calc(100dvh - 60px);overflow-y:auto;}
#generalTab{--bs-nav-tabs-border-width:0px;font-size:90%;width:100%;padding:0px 1rem 0px 1rem;overflow-x: auto;overflow-y: hidden;flex-wrap: nowrap;border:0px;border-top-left-radius:10px;border-top-right-radius:10px;background:#090;}
#generalTab .nav-item{position:relative;}
#generalTab .nav-link{white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,0.2);color:#fff;padding:8px 1rem;text-align:left;border-radius:0px;border-right:1px solid var(--thirdBackground);margin:0px;}
#generalTab .nav-link-with-close {padding-right: 30px;}
#generalTab .nav-link:hover {background:rgba(0,0,0,0.3);}
#generalTab .nav-link.active.hover {background:var(--background);color:#000;}
#generalTab .nav-link.active {background:var(--background);color:var(--thirdBackground);font-weight:500;border:0px;}
.nav-link-close{position:absolute;z-index:1;right:4px;top:5px;width:20px;height:25px;padding:0px;border-radius:0px;color:rgba(0,0,0,0.7)}
.title-container small{color:#777;}
.title-container {position:sticky;z-index:50;min-height:20px;top:0;padding:8px 1rem 0px;background:var(--background);color:#000;box-shadow:0px 5px 5px rgba(0,0,0,0.2);}
.title-container h5{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:1}
.schedaContent {padding:1rem 1rem;}
.schedaFooter {position:fixed;bottom:0px;left:0px;z-index:5;background: var(--bs-gray-800);padding:10px;width:100%;padding-left:var(--sidebarWidth);}
.note-popover .popover-content, .panel-heading.note-toolbar{background:transparent;border:none;}
.pin {-webkit-text-security: disc;}
.header-logo {background:#222;}

/* DataTables */
#myTable_wrapper div.dt-scroll-body{height:calc(100dvh - 200px);}
.dt-scroll div.dt-scroll-body{height:40dvh;}
.dt-scroll-head {background:rgba(0,0,0,0.2);}
table.dataTable th, table.dataTable td {padding:10px 12px;}
.dt-scroll-head th {font-weight:500 !important;font-size:1em !important;text-align:left !important;background:var(--background) !important;color:var(--thirdBackground);border-right:1px solid #ccc;border-bottom:2px solid var(--thirdBackground) !important}
table.dataTable thead tr:nth-child(2) td {background:var(--background);padding:0px 5px 5px 5px;}
table.dataTable span.dtcc div.dtcc-searchText>div input,
table.dataTable span.dtcc div.dtcc-searchText>div select {border-radius:0px;}
table.dataTable th.dt-right div.dt-column-header, table.dataTable th.dt-right div.dt-column-footer, table.dataTable td.dt-right div.dt-column-header, table.dataTable td.dt-right div.dt-column-footer {flex-direction: row;}
.table.dataTable td {vertical-align:middle;border-right:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;}


table.dataTable{table-layout:fixed;}
table.dataTable thead tr>.dtfc-fixed-start{overflow:visible;}
.dtfc-top-blocker {background:var(--quintoColore) !important}
table.dataTable tbody tr>.dtfc-fixed-start, table.dataTable tbody tr>.dtfc-fixed-end {background-color:#fff;}
td.tdWithBtn{padding:3px !important;text-align:center;}
td.tdOptions{vertical-align: middle;overflow:visible !important;}
table.dataTable tbody tr>.dtfc-fixed-left .dropdown, table.dataTable tbody tr>.dtfc-fixed-right .dropdown {z-index:300;}
.tableModal .dataTables_filter, .dt-buttons {display:block;position: absolute;top: -40px;right: 15px;}
table.dataTable {margin-top:0px !important;margin-left:0px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
.table-nowrap th, .table-nowrap td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dataTables_scrollBody .dataTable > thead {visibility:collapse;}
table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer{flex-direction: row;}
.select-info{float:right;display:block;}
.select-item:nth-child(2),.select-item:nth-child(3){display:none !important;}
div.dataTables_wrapper div.dataTables_info {color:#000;font-size:93%;padding:5px 20px;overflow:hidden;text-overflow:ellipsis;}
.table-striped>tbody>tr:nth-of-type(odd)>*{color:inherit;}
.dt-info{padding:5px 1rem;font-size:85%}
div.dt-processing{position: fixed;
  top: 20px; 
  left: 50%;
  width: 250px;
  margin-left: -125px;
  background: #ffc107;
  padding: 15px 25px;
  border-radius: 0px;
  z-index:1100;
}
div.dt-processing > div:last-child{display:none;}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
table.dataTable>tbody>tr.selected>*,table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow: inset 0 0 0 9999px #dbf3ee !important;color:#000 !important;}
#filters1 .form-control{background:#fff;}
#filters1 th{padding:0px 5px 3px 5px !important;}
#filters1 .input-group{flex-wrap:nowrap;}
#filters1 .select-type {
  width: 35px;font-size:13px !important;padding:0px;
}

.dt-hasChild .expandTr i{transform: rotate(90deg);}
tr.dt-hasChild + tr > td {padding:0px;}

/*PIVOT TABLE*/
#pivotTable td, #pivotTable th{width:200px !important}
#pivotTable_wrapper .dt-scroll-head td{background:var(--background) !important;color:var(--thirdBackground) !important;font-weight:500 !important;}

/* sorting */
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:auto;top:10px;}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after{top:20px;}

/* grouping */
.white-space-normal {white-space:normal !important;}
.dtrg-filGroup {position:sticky;display:inline;left:10px;font-weight:500;white-space:normal;}

.dtrg-level-0 {position:sticky;top:0px;z-index:5;}
.dtrg-level-1 {position:sticky;top:42px;z-index:5;}
.dtrg-level-2 {position:sticky;top:82px;z-index:5;}

.dtrg-group-title{font-size: var(--bs-body-font-size);}
colgroup + tr.dtrg-level-0 + tr td {padding-left:1rem;}
colgroup + tr.dtrg-level-1 + tr td {padding-left:2rem;}
table.dataTable tr.dtrg-group th {font-weight:inherit !important;background: #ddd;overflow:visible;padding:10px;}
table.dataTable tr.dtrg-group.dtrg-level-1 th {background: #fff9c4;padding:10px;}
table.dataTable tr.dtrg-group.dtrg-level-2 th {background: #fff;padding:10px;}
table.dataTable tr.dtrg-group.dtrg-level-3 th {background: #fff;padding:10px;}
table.dataTable tr.dtrg-group.dtrg-level-4 th {background: #fff;padding:10px;}
table.dataTable tr.dtrg-group.dtrg-level-5 th {background: #fff;padding:10px;}
col{width:auto !important;}
#groupByList div[data-order="asc"] .groupBy_orderChange::after{content:'\f885';font-weight:600;font-family: 'Font Awesome 7 Free';}
#groupByList div[data-order="desc"] .groupBy_orderChange::after{content:'\f160';font-weight:600;font-family: 'Font Awesome 7 Free';}

/* monospace */
td.dt-type-numeric {
  font-family: 'Chivo Mono';
} 
.bg-ordine-extraEuropa td{background:#e5f58a !important;}
.bg-ordine-italia td{background:#efefef !important;}

/* Child Rows */
table.dataTable tbody tr.dt-hasChild a.rowChildBtn i{transform: rotate(90deg);transition: all 0.2s ease;}
/* DataTables */


/*DIV TABLE MODAL */
.tableModal {position:absolute;left:var(--sidebarWidth);top:50px;right:0px;bottom:0px;}
div.dt-container div.dt-search {margin-bottom:10px;}

/* Filtri */
.height100 {height:calc(100dvh - 90px);} 
.filters{position:fixed;opacity:0;z-index:-1;top:0;right:0px;height:100dvh;width:var(--rightbarWidth);overflow:hidden}
.filters.open{opacity:1;z-index:51;}
#reset_search{margin-top:20px;}
.filters-header {padding:15px 15px;height:50px;background:#333;color:#faf429;text-transform:uppercase;}
.filters-header a {color:#ccc;}
.filters-body {background:#eceff1;z-index:-1;padding:0.8rem;width:100%;height:calc(100dvh - 35px);overflow:scroll;}
.filters-toggle {position:absolute;top:20px;right:var(--rightbarWidth);height:50px;width:30px;background:#eceff1;line-height:50px;text-align: center;border:1px solid #ccc; border-right:0px;}
.filters-toggle.open{transform:rotate(180deg);border:1px solid #ccc; border-left:0px;}
  /* Filtri */

/* RIGHTBAR */
#rightbar {z-index: 1000;position: fixed;top:30px;right:0px;width: 500px;height: 100%;margin-right: 0px;padding:15px;overflow-y: scroll;background: #fff;color:rgba(0,0,0,0.8);transition: all 0.5s ease;box-shadow:5px 0px 15px 0px #333;}
#rightbar.closed {right: -520px;}
/* RIGHTBAR */

@media only screen and (max-width: 992px) {
  #wrapper{padding:10px 5px 10px 5px;}
  #ricercaGlobaleDiv{padding-left:0px;}
  .closeMenu{display:block !important;}
  .filters{right:0px;top:0px;}
  .sidebar-toggler{display:block;}
  body .sidebar{left:calc(var(--sidebarWidth) * -1);}
  body.toggled .sidebar{left:0px;}
  .schedaFooter {padding:10px;}  
  .dt-info {padding:5px 1rem;text-align:left;}
  #generalTab {padding:0px 1rem 0px 0rem}
  #generalTab .nav-link-with-close {padding:8px 1rem;}
  .nav-link-close{display:none;}
}
@media only screen and (max-width: 767px) {
  /* Gestione responsive */
  #myTable_wrapper div.dt-scroll-body {height: calc(100dvh - 210px);}

  .select-info{float:none;display:block;}
  .table-responsive {margin-top:0px;}
  .hide-responsive{display:none;}
  small.rowTitle{margin-top:5px;}
  .prova_detail{width:100%;}
  .dl-menuwrapper {left:20px;}
	footer {padding-left:0px;}
	.input-search {display:none;}
	.navbar-header {padding:0px 5px;}
	.sidebar-nav .mob {display:block;background:#fff;color:#000;font-size:12px;}	
	.navbar-default {width:100%;height:auto;}
  .navbar-nav .open .dropdown-menu {background:#000;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {background:#faf429;color:#000;}
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding-left:15px;}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-left:-14px;}

  /* FINE TABELLE */
  div.dt-container div.dt-search {text-align:right !important}
  .table-ordini {border:0px !important;width:auto;max-width:none;margin:0px -10px;background:#fff;}
  .table-ordini tr {border:0px !important;border-bottom:1px solid #999 !important;}
  .table-ordini>tbody>tr>td{border-bottom:1px dashed #ccc !important;} 
  
  /* FILTRI */
  #filters1 {padding:10px;}
  #filters1 .input-group {flex-wrap: wrap;margin-bottom:10px;}
  #filters1 .input-group-text{width:100% !important;}
  #filters1 select, #filters1 div{width:100% !important;max-width:100% !important;}
  #filters1 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left:0px;}
}
@media only screen and (max-width: 576px) {
  #myTable_wrapper div.dt-scroll-body {height: calc(100dvh - 260px);} 
}
.daterangepicker .drp-calendar.right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

.daterangepicker .drp-calendar.right tbody {
    display: none !important;
}

.daterangepicker .drp-calendar.right thead > tr:nth-child(2) {
    display: none !important;
}

.daterangepicker .drp-calendar.right th.month {
    display: none !important;
}

.daterangepicker .drp-calendar.right .calendar-table {
    background: transparent !important;
}

.daterangepicker .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: none !important;
}

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute !important;
}
.huebee.is-static-open {text-align:right;}

.error{font-weight:400;font-size:11px;color:#c00;}

.list-group-flusso{border:0px;border-bottom:1px solid #ddd;border-radius:0px;padding:15px 10px;margin:0px;}
.list-group-flusso:nth-child(2n) {background:#eee;}
.table-flusso > thead > tr > th {white-space:nowrap !important;}
.table-flusso > tbody > tr > td {padding:0px;}

.col-xs-17{width:14.285714%;}
.agenda-giorno{height:100px;margin:0px;border:1px solid #ddd;padding:5px;}
.agenda-giorno-grey{border:0px;}
.cursor-pointer{cursor:pointer;}
.btn-fil.btn-success{color: #fff;background-color: #222;border-color: #222;}
.btn-fil.btn-success:hover,.btn-fil.btn-success:active,.btn-fil.btn-success:visited,.btn-fil.btn-success:focus,.btn-fil.btn-success:active:focus{color: #fff;background-color: #222;}
.modal-header{display:block;}
.modal-header small{color:#ccc;}
.modal-header .nav-link{
  --bs-nav-link-color: var(--bs-light);
}
.modal-header .nav-link.active{
  --bs-nav-link-color: var(--bs-warning);
}
.modal-title {white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.modal-body {background: var(--background);min-height:50dvh;}
#table_results .panel{margin-bottom:3px;border-radius:0px;box-shadow:none;padding:7px 15px;}
#table_results .panel:hover{background:#fbfacc;}
.modal-header .close {color:#fff;opacity:0.5;}
.modal-header .close:focus, .close:hover {color:#fff;opacity:0.2;} 

/* DROPZONE */
.dropzone {padding:15px;}
.dropzone .dz-preview {margin:0px;margin-bottom:7px;background:transparent;width:100%;min-height:1px;}
.dropzone .dz-preview.dz-file-preview .dz-image {background:none;height:0px;}
.dropzone .dz-preview .dz-details {text-align:left;padding:5px 0px;position:relative;opacity:1 !important;}
.dropzone .dz-preview .dz-image {width:auto;height:0px;}
.dropzone .dz-preview .dz-details .dz-size {font-size:inherit;}
.dropzone .dz-preview .dz-details .dz-size {margin-bottom:0px;float:right;}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {background-color:inherit;padding:0px;}
.dropzone .dz-preview .dz-progress{position:relative;left:auto;top:auto;width:100%;margin:0px !important;border-radius:0px;height:3px;background:#ddd; }


/* NESTABLE */
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable
 */
 .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; }

 .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
 .dd-list .dd-list { padding-left: 30px; }
 .dd-collapsed .dd-list { display: none; }
 
 .dd-item,
 .dd-empty,
 .dd-placeholder { display: block; position: relative; margin: 0; padding: 0;}
 
 .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
     background: #fafafa;
  }
 
 .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
 .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
 .dd-item > button[data-action="collapse"]:before { content: '-'; }
 
 .dd-placeholder,
 .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
 .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;}
 .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
 .dd-dragel > .dd-item .dd-handle { margin-top: 0; }
 
 /**
  * Nestable Extras
  */
 
 .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
 
 #nestable-menu { padding: 0; margin: 20px 0; }
 
 #nestable-output,
 #nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
 
 #nestable2 .dd-handle {
     color: #fff;
     border: 1px solid #999;
     background: #bbb;
     background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
     background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
     background:         linear-gradient(top, #bbb 0%, #999 100%);
 }
 #nestable2 .dd-item > button:before { color: #fff; }
 
 .dd-hover > .dd-handle { background: #2ea8e5 !important; }
 
 /**
  * Nestable Draggable Handles
  */
 
 .dd-content {
   display: block; 
   margin: 5px 0; 
   padding: 5px 10px 5px 40px; 
   color: #333; 
   text-decoration: none; 
   border: 1px solid #ccc;
   background: #fafafa;
 }
 
 .dd-dragel > .dd3-item > .dd3-content { margin: 0; }
 
 .dd-item > button { margin-left: 30px; }
 
 .dd-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
     border: 1px solid #aaa;
     background: #ddd;
     background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
     background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
     background:         linear-gradient(top, #ddd 0%, #bbb 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .dd-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
 .dd-handle:hover { background: #ddd; }
  
 .sticky-table {width: 100%;overflow: scroll;padding: 0 !important;margin-bottom:30px;}
 .sticky-table table {margin-bottom: 0;width: 100%;max-width: 100%;border-spacing: 0;padding: 0 !important;border-collapse: collapse;}
 .sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td {background-color: #fff;border-top: 0;position: relative;outline: 1px solid #ddd;z-index: 5;}
 .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell {background-color: #fff;position: relative;z-index: 10;white-space:nowrap;}
 .sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell {z-index: 15;}
 .gantt-td {height:40px;width:40px;position:relative;}
 .gantt-th {width:40px;}
.gantt-attivita {position:absolute;left:0px;top:10px;width:42px;height:15px;}

.diba_row_level_0{background:#fff;}
.diba_row_level_1 td{background:#f5f5f5 !important;}
.diba_row_level_2 td{background:#ececec !important;}
.diba_row_level_3 td{background:#e0e0e0 !important;}
.diba_row_level_4 td{background:#dcdcdc !important;}
.diba_row_level_5 td{background:#d0d0d0 !important;}

.rotate90 {transform: rotate(90deg);}

/* Table calendario */
.table-calendar th {text-align:center;}
.table-calendar td {height:10vh;text-align:center;}
.table-calendar td span{line-height:2;font-size:2em;color:#ccc;font-weight:100;}