/* NAST BEGIN */
html, body {
	height: 100%;
	font-family: "Archivo", sans-serif !important;
	font-size: 13px;
	scrollbar-width: auto; 
  	scrollbar-color: black #B5E82C; 
}

body.application.logged-in {
	background: linear-gradient(90deg, rgba(176, 229, 61, 1) 0%,
		rgba(176, 229, 61, 1) 50%, rgba(231, 246, 59, 1) 100%);
	font-family: Archivo !important;
}

body.application.logged-in section:first-of-type {
	margin-top: 100px;
	padding-left: 30px;
	padding-right: 30px;
}

body.application.logged-in section:first-of-type .application-content {
	background-color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 100px;
}

/* scrollbar */
/*
body::-webkit-scrollbar {
  width: 12px; 
}
body::-webkit-scrollbar-track {
  background: #B5E82C;
}
body::-webkit-scrollbar-thumb {
  background-color: black; 
  border-radius: 20px;       
  border: 3px solid #B5E82C;  
}*/
.dataTables_wrapper .dataTables_scrollBody {
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}
  
.bianco {
	color: #fff;
}

h1 {
	font-family: "Archivo", sans-serif !important;
	font-size: 2.1rem !important;
}

h2 {
	font-family: "Archivo", sans-serif !important;
	font-size: 2rem !important;
	font-style: italic !important;
}

h3 {
	font-family: "Archivo", sans-serif !important;
	font-size: 1.8rem !important;
	color: #9CBABE !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
}

.bottoni-societarie, .bottone-modal {
	text-transform: uppercase !important;
	min-width: 150px !important;
	background-color: #B5E82C !important;
	color: #000 !important;
	border: none !important;
	font-family: "Archivo", sans-serif !important;
	padding: 15px !important;
	transition: all 0.4s;
}

.bottone-modal2 {
	text-transform: uppercase !important;
	min-width: 150px !important;
	background-color: #FEFE59 !important;
	color: #000 !important;
	border: none !important;
	font-family: "Archivo", sans-serif !important;
	padding: 15px !important;
	transition: all 0.4s;
}

.bottone-excel {
			
	background-color: #B5E82C !important;
	color: #000 !important;
	border: none !important;	
	transition: all 0.4s;
}

.bottoni-societarie:hover, .bottone-modal:hover, .bottone-modal2:hover, .bottoneExcel:hover {
	background-color: #FEFE59 !important;
}

.btn-outline-success {
	border-color: #f4f300 !important;
	color: #f4f300 !important;
}

.btn-outline-success:hover {
	background-color: #f4f300 !important;
	color: #fff !important;
}

.color-secondary-brand {
	color: #9CBABE !important;
}

.navbar {
	background-color: #9BB9BD;
}

.footer-stile {
	background-color: #9CBABE !important;
}

.archivo {
	font-family: "Archivo", sans-serif;
	font-style: normal;
}

.bottone-frame {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	color: #000 !important;
	background-color: #f4f300 !important;
	border: none !important;
}

.bottone-frame:hover {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	color: #000 !important;
	background-color: #FEFE59 !important;
	border: none !important;
}

.bottone-frame-tecnico {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	color: #000 !important;
	background-color: #9CBABE !important;
	border: none !important;
}

.bottone-frame-tecnico:hover {
	text-transform: uppercase !important;
	font-weight: 400 !important;
	color: #000 !important;
	background-color: #ADCACE !important;
	border: none !important;
}

.link-chiaro {
	font-weight: 600 !important;
	color: #9CBABE !important;
	text-decoration: none !important;
}

.link-chiaro:hover {
	font-weight: 600 !important;
	color: #ABE52D !important;
	text-decoration: none !important;
}

.link-scuro {
	font-weight: 600 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.link-scuro:hover {
	font-weight: 600 !important;
	color: #ABE52D !important;
	text-decoration: none !important;
}

.red {
	color: red !important;
}

.cestino {
	text-transform: uppercase !important;
	font-weight: 100 !important;
	height: 30px !important;
	width: 30px !important;
	background-color: #9CBABE !important;
	color: #F2F2F2 !important;
	border: none !important;
	font-family: "Archivo", sans-serif !important;
	border-radius: 50px !important;
}

.cestino:hover {
	color: #000 !important;
}

.link-root {
	font-weight: 600;
	color: #7B9396 !important;
	font-family: "Archivo", sans-serif !important;
	text-decoration: none !important;
}

.link-root:hover {
	text-decoration: underline !important;
}

.bi-dash-square.cartella, .bi-plus-square.cartella {
	font-size: 16px !important;
	vertical-align: text-bottom;
}

.cartella {
	font-size: 28px !important;
}

.foglio {
	font-size: 28px !important;
	color: #f4f300;
}

.dt-column-title {
	text-transform: uppercase !important;
}

.selectize-dropdown .option.disabled {
  opacity: 1 !important;
}

input.radio.cartella {
	transform: scale(2); 
	margin-right: 20px;
	vertical-align: super;
}

/* NAST END */
.loader-container {
	position: fixed;
	z-index: 9999999;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(200, 200, 200, 0.5);
	display: none;
	align-items: center;
	justify-content: center;
}

.loader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #B5E82C;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

.selectize-input.disabled {
	opacity: 1 !important;
	color: var(--bs-body-color) !important;
	background-color: var(--bs-secondary-bg) !important;
}

@keyframes spin { 
	0% {
		transform: rotate(0deg);
	}
	100% {
	transform:rotate(360deg);
	}
}
.eye-on-off {
	padding: 6px 10px;
	position: absolute;
	z-index: 1000;
	right: 0;
	height: 40px;
}

.eye-on-off i {
	font-size: 20px;
	color: #000;
}

.bg-rosso {
	background-color: #b62b45;
}

.bg-verde {
	background-color: #B5E82C;
}

.bg-arancio {
	background-color: #fff3cd;
}

.bg-rosso-hover {
	background-color: #822035;
}

.custom-tooltip {
	--bs-tooltip-bg: #3EA4CC;
	--bs-tooltip-color: var(--bs-white);
}

.border {
	border: 1px solid #b62b45;
}

.inline {
	display: inline;
}

.nowrap {
	white-space: nowrap;
}

.btn.livello2,
.btn.livello1.sottoriga {
	padding-left: 0;
	padding-right: 0;
	border: none;
}
.btn.livello1.empty {
	padding-left: 5px;
	padding-right: 5px;
	border: none;
}

.btn.livello1 i, .btn.livello2 i {
	color: #9CBABE;
}

i.bi-caret-left-square-fill {
	color: #B5E82C;
	float: right;
}
i.bi-caret-right-square-fill {
	color: #B5E82C;
	padding-right: 20px;
}

li.userLogged {
	color: #9CBABE;
}

body.bodyPagine {
	background: linear-gradient(27deg,rgba(242, 242, 48, 1) 0%, rgba(196, 230, 71, 1) 50%); 
	font-family: Archivo !important;
}

.navbar-brand {
	padding: 10px 0;
}
.fixed-top2 {
  z-index: 1030;
  position: fixed;
  top: 90px;
  left: 70px;
  right: 0px;
}

.graph {
	/* max-height: calc(min(65vh, 32rem)); */
}

.graph-content {
    min-height: 12rem;
}

.syncing, .syncing::before, .syncing::after {
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-moz-keyframes spin { 100% {
	-moz-transform: rotate(360deg);
}

}
@-webkit-keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
}

}
@keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
.graph-plot .modebar .modebar-group {
	background-color: transparent !important;
}

.graph-plot .modebar .modebar-group:last-child {
	margin-right: 1.5rem;
}

.multi-select-button {
	max-height: 4.75rem !important;
    text-overflow: clip;
    display: block;
    overflow: hidden;
}

.multi-select-menu {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 50%;
	min-width: 0;
	overflow: auto;
	border: none;
	border-radius: 0.3em;
	box-shadow: 0 1em 3em rgba(0, 0, 0, 0.4);
	padding: 3rem !important;
	min-height: 16rem;
}

.multi-select-menu .multi-select-menuitem {
	font-size: 1em;
	padding: 1.5em 2.5em 1.5em 3.5em;
}

.multi-select-menu .multi-select-menuitem input {
	margin-left: -2.5em;
}

.multi-select-menu .multi-select-menuitem {
	height: 100%;
}

.multi-select-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.4);
	display: none;
}

.multi-select-container--open .multi-select-modal {
	display: block;
}

.multi-select-button[aria-expanded=true] ~ .multi-select-menu,
	.multi-select-button[aria-expanded=true] ~ .multi-select-menu * {
	visibility: visible;
	z-index: 100;
}

.multi-select-button[aria-expanded=false] ~ .multi-select-menu {
	visibility: collapse;
}

.multi-select-menu {
	background-color: white;
	padding: 1em;
	min-width: 35vw;
	min-height: 15em;
}

.multi-select-menuitems {
	display: grid;
	grid-template-areas: 'a b c d';
	align-items: center;
	grid-gap: .25rem;
}

.multi-select-menu.menu-col-1 .multi-select-menuitems {
	grid-template-areas: 'a';
}

.bi.bi-caret-down-fill-after::after {
	content: "\f229";
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
}

.multi-select-button {
	width: 100%;
}

.graph-input-fields .form-control, .graph-input-fields .form-select {
	min-width: 8rem;
	max-width: 16rem;
}

.graph-input-fields .multi-select-button, .ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.multi-select-menu .multi-select-menuitem {
	background-color: #f8f9fa; /* bootstrap gray-100 */
}

.multi-select-menu .multi-select-menuitem:hover {
	background-color: #e9ecef; /* bootstrap gray-200 */
}

body section.mt-5.h-full:first-of-type {
	height: calc(100vh - 3rem);
}

.bmc-background {
	z-index: 1;
	font-size: smaller;
	opacity: 0.7;
}

.bmc-section-spacer {
	opacity: 0;
	margin: 0;
}

.bmc-section-title {
	min-height: 2rem;
}

.bmc-title, .bmc-content {
	color: white;
}

.btn-outline-light.bmc-collapse[aria-expanded=true] {
	background: white;
	color: inherit;
}

.bmc-post-it-container {
	display: grid !important;
	grid-template-areas: 'a';
	grid-row-gap: 0.5rem !important;
}

.bmc-post-it-container.split {
	grid-template-areas: 'a b';
	grid-column-gap: 2rem !important;
}

/* Sovrascrittura dello stile row per caso specifico sidebar */
.app-container {
	display: flex;
	flex-wrap: nowrap !important;
	/* Impedisce agli elementi di andare a capo */
	min-height: 100vh;
	margin: 0 !important; /* Rimuove i margini negativi della classe row */
	width: 100% !important;
	/* Assicura che il container occupi tutto lo spazio */
	max-width: none !important;
}

/* Stile per il menu laterale */
.sidebar {
	width: 250px;
	background-color: #ffffff;
	transition: all 0.3s ease;
	/*height: 100vh;*/
	border-right: 1px solid #dee2e6;
	flex-shrink: 0; /* Impedisce alla sidebar di restringersi */
	padding: 0 !important;
	/* Rimuove padding che potrebbero essere aggiunti da Bootstrap */
}

/* Lista di navigazione */
.sidebar-menu {
	padding: 20px 0;
}

.sidebar-menu ul {
	list-style-type: none;
	padding-left: 0;
}

.sidebar-menu ul li {
	padding: 10px 20px;
	border-bottom: 1px solid #9CBABE;
	transition: all 0.3s ease;
}

.sidebar-menu ul li:hover {
	background-color: #9CBABE !important;
	cursor: pointer;
	color: #ffffff !important;
}

/* Stile per i link nel menu */
.sidebar-menu ul li a {
	text-decoration: none;
	display: flex;
	align-items: center;
	color: #212529;
}

.sidebar-menu ul li:hover a {
	color: #ffffff;
}

/* Contenuto principale */
.main-content {
	flex-grow: 1;
	padding: 20px;
	background-color: #f4f4f4;
	transition: all 0.3s ease;
	height: 100vh;
	overflow-y: auto;
}
.main-content-inner {
	flex-grow: 1;
	padding: 20px;
	background-color: #f4f4f4;
	transition: all 0.3s ease;
	background-color: #f4f4f4;
	overflow-x: auto;
}

/* Pulsante per nascondere/mostrare la sidebar su schermi piccoli */
.toggle-sidebar {
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 999;
	background-color: #9CBABE;
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	border-radius: 5px;
}

/* Stile per schermi piccoli (responsive) */
@media ( max-width : 768px) {
	.app-container {
		flex-direction: column;
	}
	.sidebar {
		width: 100%;
		height: auto;
		max-height: 0;
		overflow: hidden;
	}
	.sidebar.active {
		max-height: 1000px;
	}
	.main-content {
		height: auto;
	}
	.toggle-sidebar {
		display: block;
	}
}


.link-chiaro{
  font-weight: 600!important;
  color:#9CBABE!important;
  text-decoration:none!important;
}

.link-chiaro:hover{
  font-weight: 600!important;
  color:#ABE52D!important;
  text-decoration:none!important;
}


.bottone-frame-tecnico{
  text-transform: uppercase!important;
  font-weight: 400!important;
  color: #000!important;
  background-color:#9CBABE!important;
  border: none!important;
}

.bottone-frame-tecnico:hover{
  text-transform: uppercase!important;
  font-weight: 400!important;
  color: #000!important;
  background-color:#ADCACE!important;
  border: none!important;
}

.bottone-frame{
  text-transform: uppercase!important;
  font-weight: 400!important;
  color: #000!important;
  background-color:#f4f300!important;
  border: none!important;
}

.bottone-frame:hover{
  text-transform: uppercase!important;
  font-weight: 400!important;
  color: #000!important;
  background-color: #FEFE59!important;
  border: none!important;
}

.bottoni-societarie.btn-outline-success {
    color: #000 !important;
    background-color: #95C80C !important;
}

.bottoni-societarie.btn-outline-danger {
    background-color: var(--bs-btn-color) !important;
    color: var(--bs-btn-active-color) !important;
}

.accordion-flush .accordion-button:focus {
	box-shadow: none !important;
}

.accordion-flush .accordion-button:not(.collapsed) {
	background-color: transparent;
}

/********** Styles removed for printing **********/
.pdf-print .note-toolbar,
.pdf-print .note-statusbar {
	display: none !important;
}

.pdf-print .accordion-button {
	box-shadow: none !important;
}

.pdf-print .form-control,
.pdf-print .form-select,
.pdf-print .note-editor,
.pdf-print .accordion-collapse {
	border: none !important;
}

.pdf-print .note-editing-area .note-editable {
	min-height: unset !important;
	height: auto !important;
}

.pdf-print .table-striped tr,
.pdf-print .table-striped th,
.pdf-print .table-striped td {
	background-color: transparent !important;
    box-shadow: none !important;
}

.pdf-print .esrs-table-migliorie thead th {
	background-color: #FFFF00 !important;
}

.pdf-print .esrs-table-migliorie input[type=checkbox]:not(:checked) {
	display: none;
}
/********** Styles removed for printing **********/

.table.table-sticky th:first-child, .table.table-sticky td:first-child
{
	position:sticky;
	left:0px;
}

td.cpf-sp-cell, th.cpf-sp-cell,
td.cpf-ce-cell, th.cpf-ce-cell,
td.cpf-ix-cell, th.cpf-ix-cell,
td.cpf-sm-cell, th.cpf-sm-cell {
	/*width: calc(max(16rem, 50vw));*/
	text-align: right;
}

td.cpf-sp-cell, th.cpf-sp-cell,
td.cpf-ce-cell, th.cpf-ce-cell,
td.cpf-ix-cell, th.cpf-ix-cell,
td.cpf-sm-cell, th.cpf-sm-cell {
	border-left: solid 1px var(--bs-border-color);
}

td.cpf-sp-cell input, th.cpf-sp-cell input,
td.cpf-ce-cell input, th.cpf-ce-cell input,
td.cpf-ix-cell input, th.cpf-ix-cell input,
td.cpf-sm-cell input, th.cpf-sm-cell input {
	box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

td.cpf-sp-cell input,
td.cpf-ce-cell input,
td.cpf-ix-cell input,
td.cpf-sm-cell input {
	background-color: transparent;
	text-align: right;
}

.cpf-sp-container tbody > tr:not([data-class='sum']):hover td,
.cpf-ce-container tbody > tr:not([data-class='sum']):hover td  {
    background-color: #dcdcdc;
    cursor: text;
}

td.cpf-sp-cell, 
td.cpf-ce-cell, 
td.cpf-ix-cell, 
td.cpf-sm-cell,
th.cpf-sp-cell, 
th.cpf-ce-cell, 
th.cpf-ix-cell,
th.cpf-sm-cell {
    width: 25rem !important;
}

tr.fw-bold td.cpf-sp-cell input, 
tr.fw-bold td.cpf-ce-cell input, 
tr.fw-bold td.cpf-ix-cell input, 
tr.fw-bold td.cpf-sm-cell input,
tr.fw-bold th.cpf-sp-cell input, 
tr.fw-bold th.cpf-ce-cell input, 
tr.fw-bold th.cpf-ix-cell input,
tr.fw-bold th.cpf-sm-cell input {
	font-weight: bold !important;
}

.cpf-sp-container .table tr[data-lvl='1'] td,
.cpf-sp-container .table tr[data-lvl='1'] th,
.cpf-ce-container .table tr[data-lvl='1'] td,
.cpf-ce-container .table tr[data-lvl='1'] th {
	background-color: var(--bs-table-bg) !important;
}

.cpf-sp-container .table tr[data-lvl='2'] td,
.cpf-sp-container .table tr[data-lvl='2'] th,
.cpf-ce-container .table tr[data-lvl='2'] td,
.cpf-ce-container .table tr[data-lvl='2'] th {
	background-color: rgba(250, 250, 250, 1) !important;
}

.cpf-sp-container .table tr[data-lvl='3'] td,
.cpf-sp-container .table tr[data-lvl='3'] th,
.cpf-ce-container .table tr[data-lvl='3'] td,
.cpf-ce-container .table tr[data-lvl='3'] th {
	background-color: rgba(245, 245, 245, 1) !important;
}

.cpf-sp-container .table tr[data-lvl='4'] td,
.cpf-sp-container .table tr[data-lvl='4'] th,
.cpf-ce-container .table tr[data-lvl='4'] td,
.cpf-ce-container .table tr[data-lvl='4'] th {
	background-color: rgba(240, 240, 240, 1) !important;
}

.cpf-sp-container .table tr[data-lvl='5'] td,
.cpf-sp-container .table tr[data-lvl='5'] th,
.cpf-ce-container .table tr[data-lvl='5'] td,
.cpf-ce-container .table tr[data-lvl='5'] th {
	background-color: rgba(235, 235, 235, 1) !important;
}

input.form-control.no-feedback,
select.form-select.no-feedback,
textarea.form-control.no-feedback {
	box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background-color: white !important;
}

label.radio-helper {
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-bottom: solid .5rem transparent;
    font-size: larger;
}

input:not([readonly]) + label.radio-helper {
	cursor: pointer;
}

input:not([readonly]) + label.radio-helper:hover {
	background-color: #fafafa;
}

input:checked + label.radio-helper {
	border-color: #FEFE59!important;
}

td.highlighted:hover {
    background: rgba(20, 20, 20, 0.05) !important;
    cursor: pointer;
}

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;
}
#toggle-btn.active { 
	background-color: #28a745 !important; 
	color: white; 
	border-color: #28a745; 
} 

button.toggle-btn[class*='st-comp-state-d'].active { 
	background-color: #b62b45; 
	color: white; 
	border-color: #b62b45; 
	} 
button.toggle-btn[class*='st-comp-state-c'].active { 
	background-color: #28a745; 
	color: white; 
	border-color: #28a745; 
}

button.toggle-btn.stato-c {
  background-color: #28a745 !important;
  color: white !important;
  border-color: #28a745 !important;
}

button.toggle-btn.stato-d {
  background-color: #b62b45 !important;
  color: white !important;
  border-color: #b62b45 !important;
}

button.toggle-btn.stato-c:hover {
  background-color: #6c757d !important; /* leggermente più scuro */
  border-color: white !important;
}

.st-comp-bg.st-comp-state-d:not(.pdf-print) .accordion-button {
    color: #b62b45;
}

.st-comp-bg.st-comp-state-c:not(.pdf-print) .accordion-button {
    color: #28a745;
}

.note-editor span.tagging-container {
    padding: 0.25rem 0rem;
    border-left: solid 3px #e6f63b;
    background: #e6f63b42;
    cursor: pointer;
}

.note-editor span.tagging-container.mouse-interacted,
.note-editor span.tagging-container.mouse-hovered:hover {
	background: #e6f63b;
}

.note-editor span.tagging-container > sup.tagging-icon::after {
    font-family: bootstrap-icons !important;
    font-size: 80%;
    position: absolute;
    top: 60%;
    content: "\f1a2";
}

.note-editor span.tagging-container.tagged > sup.tagging-icon::after {
    content: "\f199";
}

.note-editor span.tagging-container.tagged.multi-tagged > sup.tagging-icon::after {
    content: "\f1a3";
    font-size: 90%;
}

.note-editor span.tagging-container > span.tagging-container {
    border-left: solid 3px #f6dc3b;
    background: #f6dc3b42;
}

.note-editor span.tagging-container > span.tagging-container.mouse-interacted,
.note-editor span.tagging-container > span.tagging-container.mouse-hovered:hover {
	background: #f6dc3b;
}

.note-editor span.tagging-container.mouse-hovered:hover > span.tagging-container {
	background: transparent;
}


.note-editor span.tagging-container.mouse-interacted {
    box-shadow: 0px 0px 1px 1px #0000005e;
}
button.toggle-btn.stato-d:hover {
  background-color: #6c757d !important; /* leggermente più scuro */
  border-color: white !important;
}

td.cubold {
	font-weight: bold;
}