:root{
  --sidebarWidth: 280px;
  --sidebarBg: #761717;
  --firstColor: #fff;
  --secondColor: #eceff1;
  --background: radial-gradient(circle, var(--firstColor) 0%, var(--secondColor) 100%);
  --rightbarWidth: 400px;
  --thBackground: var(--secondColor);
  --titleColor: #761717;
  --thColor: #555;
}
@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%;
}
body{
  font-family:"Suisse Intl Web", sans-serif;
  min-height:100vh;
  background: var(--background);
}
b, strong {font-weight:500;}
.hidden{display:none !important;}
#wrapper{width:calc(100vw - var(--sidebarWidth));min-height:100vh;margin-left:var(--sidebarWidth);transition: all 0.2s ease-out;}
#wrapper h3 {color: var(--titleColor) !important;}
body.toggled #wrapper{padding-left:0px;}
.loader {
  position: fixed !important;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.3);
  z-index: 1200;
  backdrop-filter: blur(8px);
}
a, button{cursor:pointer !important;}
a{text-decoration:none;}
.badge{font-weight:600;}
.card{display:block;}
.cursor-pointer{cursor:pointer !important;}
/* MODAL */
.modal-header, .modal-body, .modal-footer {display:block !important;}
.modal-header h5 {color: var(--titleColor) !important;}
.modal-body {background: var(--background);}
.modal-fullscreen{width:95vw;height:90vh;margin:auto;margin-top:2vh;}
.modal-processing{z-index:2000;position:fixed;top:0px;left:0px;width:100%;height:100vh;background:rgba(255,255,255,0.5);}
/* FINE MODAL*/
/* OFFCANVAS */
.offcanvas{border-left:1px solid #999 !important;}
.offcanvas-header {border-bottom:1px solid #999;display:block !important;}
.offcanvas-body {background:#ddd;display:block !important;}
.loader .panel {width:250px;margin:0px auto;margin-top:50px;text-align:center;}

/* FIELDS */
.form-group{margin-bottom:15px;}
.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 .form-check-label {opacity:1}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {border-radius:0px;}
.form-floating .select2-container--bootstrap-5 .select2-selection {height: calc(3.5rem + 2px);padding: 1rem 0.75rem;border-radius:0px;}
.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:#06c;opacity:1;}
.select2-container {width: auto !important;}
.select2-container--default .select2-selection--single {border:1px solid #ced4da;height:38px;padding-top:3px;}
.select2-container--default .select2-selection--multiple {padding:25px 5px 5px;}
.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}
.form-floating .price_field, .form-floating .price_field_plus {text-align: right !important;}
.form-floating .note-toolbar {background:#fff;}
.form-floating .note-editor {padding-top:25px;background:#fff;border-radius:0px;}

/* 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:#06c;}
.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;top:0px;background: var(--sidebarBg);width:var(--sidebarWidth);color:#fff;height:100vh;z-index:105;transition: all 0.2s ease-out;}
.sidebar strong {position:relative;}
.sidebar strong > i {position:absolute;top:2px;left:-25px;}
.list-group-item > a{color:#fff;transition:0.2s all;}
.list-group-item > a:hover{color:#f00;}
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;
}


/* DataTables */
.panel-dt{height:calc(100vh - 200px);width: 100%;}
.panel-dt.open{width:calc(100% - var(--rightbarWidth));}

.dt-scroll-head{border-bottom:2px solid #555 !important;background:var(--thBackground);}
.dt-scroll-headInner {margin:auto;}
.dt-scroll-body {border-bottom:2px solid #000 !important;}
.dt-scroll-body .dataTable {position:relative !important;margin:auto;}
.dt-scroll-body .dataTable + div{position:absolute !important;}

table.dataTable {table-layout: fixed;}
table.dataTable > thead > tr > th {text-align:left !important;font-weight:500 !important;border-bottom:0px !important;background:var(--thBackground) !important;color:var(--thColor);padding:10px 30px 10px 15px;}
table.dataTable > tbody > tr > td {overflow:hidden;text-overflow: ellipsis;border-left:1px solid #ccc;padding:12px 15px;vertical-align:middle;}
table.dataTable > tbody > tr > td:last-of-type{border-right:1px solid #ccc;}
div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {border-bottom:1px solid #ccc;}
td.tdWithBtn{padding:3px !important;text-align:center;}
td.tdOptions{vertical-align: middle;overflow:visible !important;}
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;}
.select-info{float:right;display:block;}
.select-item:nth-child(2),.select-item:nth-child(3){display:none !important;}
.dt-info{padding:5px 10px !important;}
div.dt-scroll div.dtfc-top-blocker {background:transparent !important;}
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);
}
.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:45px;z-index:5;}
.dtrg-level-2 {position:sticky;top:92px;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 {background-color: #fff;border-bottom:1px solid #333;overflow:visible;padding:10px !important;}
table.dataTable tr.dtrg-group.dtrg-level-1 th {background-color: #fff9c4;border:0px;}
table.dataTable tr.dtrg-group.dtrg-level-2 th {background-color: rgba(255, 200, 0, 0.2);}
table.dataTable tr.dtrg-group.dtrg-level-3 th {background-color: rgba(255, 200, 0, 0.1);}
table.dataTable tr.dtrg-group.dtrg-level-4 th {background-color: rgba(255, 200, 0, 0.05);}
table.dataTable tr.dtrg-group.dtrg-level-5 th{background-color: rgba(255, 200, 0, 0.05);}
col{width:auto !important;}
#groupByList div[data-order="asc"] > .groupBy_orderChange::after{content:'\f885';font-weight:600;font-family: 'Font Awesome 6 Free';}
#groupByList div[data-order="desc"] > .groupBy_orderChange::after{content:'\f160';font-weight:600;font-family: 'Font Awesome 6 Free';}

/* monospace */
td.dt-type-numeric {
  font-family: 'Chivo Mono';
} 
.bg-ordine-extraEuropa{background:#e5f58a !important;}
/* 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;}


.deleteFile{position:absolute;top:0px;right:10px;}


@media only screen and (max-width: 992px) {
  #wrapper{top:0px;width:100%;margin:0px;}
  .panel-dt,.panel-dt.open{width:100%}
  .sidebar-toggler{display:block;}
  body .sidebar{left:calc(var(--sidebarWidth) * -1);}
  body.toggled .sidebar{left:0px;}
  .schedaFooter {padding:10px;}
}
@media only screen and (max-width: 767px) {
  /* Gestione responsive */
  .panel-dt{height:calc(100vh - 160px);}
  .filters{height:calc(100vh - 160px);position:fixed;top:110px;}
  .hide-responsive{display:none;}
  div.dt-container div.dt-search {text-align:right !important}
  .select-info{float:none;}
}

.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;}


/* 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; }