#container{overflow-x: auto;background-image: url("img/asfalt-dark.png");background-repeat: repeat;}
#global-search{width: 440px; padding:12px;}
#flagSelect{float:left;text-align: center; margin:0px 32px;}



#toplogout{color:#ffffff; text-decoration: none; font-size: 14px;}


/* Contenitore principale */
.custom-select {
float:left;
position: relative;
width: 30px;height:30px;
cursor: pointer;
user-select: none;
}
.custom-select img {
width: 36px; height: 36px!important;
height: auto;
display: block;
}

.select-selected {
/*background-color: #f1f1f1;*/
/*border: 1px solid #ccc;*/
padding: 1px;
border-radius: 4px;
display: flex;
justify-content: center;
}

.select-items {
position: absolute;
/*background-color: #333;*/
background:transparent;
border: 0px solid #ccc;
top: 100%;
left: 0;
right: 0;
z-index: 99;
border-radius: 4px;
margin-top: 2px;
}

.select-items div {
padding: 1px;
display: flex;
justify-content: center;
transition: background 0.2s;
}

.select-items div:hover {/*background-color: #333;*/background:transparent;}
.select-hide {display: none;}



select#lang option[value="ITA"] { background-image:url(flags/r_it.png);   }
select#lang option[value="ING"] { background-image:url(flags/r_uk.png); }


.grid-container {
display: flex;
gap: 0px;       /* Spazio tra le colonne */
width: 100%;
padding: 0px;
box-sizing: border-box;
}

.grid-container > div {
height: 100px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-family: sans-serif;
border-radius:1px;
}

.col-main {flex: 0 0 31%;background-color: #333;text-align: left;}
.col-small {flex: 0 0 39%;background-color: #333; justify-content: right!important; padding-right:32px;}
.col-smallr {flex: 0 0 30%;background-color: #333;}

#logohubmenu0{width: 240px; text-align: left; font-size: 2.0em; padding: 0px 1px 1px 14px; box-sizing: border-box;float: left;}
#logohubmenu0 img{width: 210px;}
#logohubmenu{width: 180px; text-align: left; padding: 0px; box-sizing: border-box;float: left;}
#logohubmenu img{width:170px;}

#menulock{float: left; position: relative; top: 0px;}
#menunome{float: left; position: relative; top: 0px;}

@media (max-width: 1181px) {
#logohubmenu0{width: 190px;}
#logohubmenu0 img{width: 170px;}
#logohubmenu{width: 120px;}
#logohubmenu img{width:110px;}
#global-search{width: 380px;}
#global-search0{width: 380px;}
.col-small {flex: 0 0 39%!important; display: inline-block!important; padding-top: 14px!important;}
#toplogout{float: right;}
#toplogout img{float: right;margin-top:10px; /*margin-right: 12px;*/}
#menulock{top: 23px; float: right;}
#menunome{top: 20px; float: right;}

#flagSelect{padding-top:12px; margin-left:156px;}
}

@media (max-width: 1100px) {
#global-search{width: 360px;}
#global-search0{width: 360px;}
#menulock{top: 7px;}
#menunome{top: 4px;}

#flagSelect{padding-top:12px; margin-left:156px;}
}




@media (max-width: 1024px) {
#logohubmenu0{width: 160px;}
#logohubmenu0 img{width: 140px;}
#logohubmenu{width: 100px;}
#logohubmenu img{width:90px;}
#global-search{width: 280px;}
#global-search0{width: 280px;}
.col-small {padding-top: 12px!important;}
#store2{text-align: left!important;}
}

@media (max-width: 768px) {
.grid-container {flex-wrap: wrap;}
.col-main, .col-small, .col-smallr {flex: 0 0 100%;}
.col-small {height:56px!important;padding-top: 2px!important;}
}



dl, ol, ul {list-style-type: none;}
ol, ul {padding-left: 0rem!important;}
hr { margin: 0.5rem 0!important;}

.main-container { flex: 1; display: flex; overflow: hidden; padding: 0px; gap: 4px; height: 100vh;}
.sidebar { width: 100%; background: white; border-radius: 0px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); padding: 12px; overflow-y: auto; /*height: 100%; */ transition: all 0.3s ease-in-out; opacity: 1;}
.sidebar ul { list-style: none; padding-left: 8px; }
.sidebar > ul { padding-left: 0; }
/*.folder-header { cursor: pointer; padding: 4px 8px; border-radius: 0px; transition: 0.2s; white-space: nowrap; list-style-type: none;}*/
.folder-header {
cursor: pointer; 
padding: 14px 8px; 
border-radius: 0px; 
transition: 0.2s; 
white-space: nowrap; 
list-style-type: none; 
min-height: 48px;
border-bottom: 1px solid #222222;}

.folder-header:hover { background: #e9ecef; list-style-type: none; }
.folder-header.active { background: #0d6efd; color: white; list-style-type: none; }
.folder-item ul { display: none; list-style-type: none; }
.folder-item.open > ul { display: block; list-style-type: none; }

.content {
flex: 1; 
background: white; 
border-radius: 0px; 
box-shadow: 0 4px 8px rgba(0,0,0,0.05); 
padding: 12px; overflow-y: auto; 
/*height: 100%;*/
width: 100%!important;}
.table thead { sticky-top: 0; background: white; }


/* Search Box */
.search-wrapper { position: relative; max-width: 400px; }
.search-wrapper i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #adb5bd; }
#file-search { padding-left: 35px; border-radius: 12px; border: 1px solid #dee2e6; }
#file-search:focus { box-shadow: 0 0 0 0.25 margin rgba(13, 110, 253, 0.1); border-color: #0d6efd; }

.empty-state { text-align: center; color: #aaa; margin-top: 30px; }

.sidebar.collapsed { 
margin-left: -30%; 
opacity: 0;
visibility: hidden;
}
.navbar { z-index: 1000; /*box-shadow: 0 2px 5px rgba(118,39,8,0.4);*/ width: 38px; padding: 0px; margin-bottom: 0px!important;}

.px-3 {
padding-right: 0rem !important; 
padding-left: 0.2rem !important;
}

.bg-dark{background-color: #e0e0e0!important;}

.bg-dark {--bs-bg-opacity: 0!important;}

#btn-toggle-sidebar { margin-right: 0px; top:6px; position: absolute;}

.dashboard-content {
border: 0px!important;
padding: 0px!important;
}

.box > .content {
padding-top: 0px;
padding-right: 0px!important;
padding-bottom: 10px!important;
padding-left: 0px!important;
}
.main-container{padding:0px!important;}


#calendar { /*max-width: 900px;*/ margin: 0 auto; }
#calendario-container {
	
width: 100% !important;
max-width: none !important; /* Rimuove ogni limite di larghezza */
margin: 0;
padding: 0px; /* Un minimo di respiro dai bordi */
box-sizing: border-box;
}

#calendar {width: 100%;}


/* Cambia lo sfondo della cella di oggi */
.fc .fc-day-today {
    background-color: #fff9c4 !important; /* Un giallo tenue, cambialo con quello che preferisci */
    border: 2px solid #ffeb3b !important; /* Aggiunge un bordo per evidenziarlo */
}

/* Opzionale: cambia il colore del numero del giorno solo per oggi */
.fc .fc-day-today .fc-daygrid-day-number {
    color: #d32f2f !important; /* Rosso scuro */
    font-weight: bold;
    font-size: 1.1em;
}
.fc .fc-toolbar.fc-header-toolbar{margin-bottom: 0.4em !important;}

.grid-container_2 {
display: grid;
grid-template-columns: 20% 1fr 18%;
gap: 6px;
/*align-items: start; */
padding: 2px;
}
.col_2 {
padding: 2px;
/*background-color: #e0e0e0;
background-color: #c4b8b8;
background-image: url("img/45-degree-fabric-dark.png");*/
background-image: url("img/asfalt-dark.png");
background-repeat: repeat;
border: 1px solid #ccc;
border-radius: 8px;
list-style-type: none; 
}
.main-col_2{background-image: url("img/asfalt-dark.png");
background-repeat: repeat;
}

.right-col_2 {background-image: url("img/asfalt-dark.png");
background-repeat: repeat;
display: flex;
flex-direction: column;
gap: 4px;
padding: 0;
background: transparent;
border: none;
width:108%;
}

.sub-row_2 {
padding: 0px;
/*background-color: #e0e0e0;*/
border: 1px solid #ccc;
border-radius: 2px;
display: contents;
}

.space_sx6{padding-left:6px;}
.row-top_2{background-color: #333!important;min-height: 36px; padding: 8px 4px 8px 12px; line-height: 1.1em; display: block; color:#ffffff; font-weight: 500;}
.sub-row_2  a {text-decoration: none;}

.fc .fc-toolbar.fc-header-toolbar {background-color:#76260b!important;}
.fc .fc-toolbar-title {color:#fff!important; font-size: 1.65em!important;}

@media (max-width: 768px) {
.grid-container_2 {grid-template-columns: 1fr;}
.grid-container{display: inline-block;}
.grid-container > div {width: 100%; text-align: center; padding: 2px; height: 70px;}
.col-smallr{height: 50px!important;}
.side-col_2, .right-col_2 {width: 100%;}
}

/*
.fc-daygrid-body, 
.fc-scrollgrid-sync-table, 
.fc-col-header {
    width: 100% !important;
}

.fc {
    width: 100% !important;
    min-width: 300px;
}
*/