/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

@font-face {
	font-family: 'text-security-disc';
	src: url('../fonts/text-security-disc.eot');
	src: url('../fonts/text-security-disc.eot?#iefix') format('embedded-opentype'), url('../fonts/text-security-disc.woff') format('woff'), url('../fonts/text-security-disc.ttf') format('truetype'), url('images/text-security-disc.svg#text-security') format('svg');
}

input.password { font-family: 'text-security-disc'!important; }

header, main, footer {
	padding-left: 320px;
	padding-right: 15px;
}

main { margin-bottom: 150px; }

@media only screen and (max-width: 992px) {
	header, main, footer {
		padding-left: 0;
		padding-right: 0;
	}
}

.sidenav li > a { padding: 0 16px !important; }

.patreon-ad {
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.14);
	bottom: 0;
	left: 0;
	position: fixed;
	width: 299px;
	z-index: 1000;
}

.bold-text {
	font-weight: bold!important;
}

.btn-flat {
	font-weight: bold !important;
}
.btn-flat { font-weight: bold !important; }

	.btn-flat.black-text {
		border: 2px black solid;
		border-radius: 5px;
		color: black !important;
		background-color: #e0e0e0;
	}

.black-text {
	color: black !important;
}

a.black-text {
	text-decoration: underline;
}

	.btn-flat.yellow-text {
		border: 2px #f57f17 solid;
		border-radius: 5px;
		color: black !important;
		background-color: #fff176;
	}

.yellow-text {
	color: #f57f17 !important;
}

a.yellow-text {
	text-decoration: underline;
}

	.btn-flat.pink-text {
		border: 2px #880e4f solid;
		border-radius: 5px;
		color: black !important;
		background-color: #f06292;
	}

.pink-text {
	color: #880e4f !important;
}

a.pink-text {
	text-decoration: underline;
}

.btn-flat.blue-text {
	border: 2px #1565c0 solid;
	border-radius: 5px;
	color: black !important;
	background-color: #64b5f6;
}

.blue-text {
	color: #1565c0 !important;
}

a.blue-text {
	text-decoration: underline;
}

.btn-flat.red-text {
	border: 2px #b71c1c solid;
	border-radius: 5px;
	color: black !important;
	background-color: #e57373;
}

.red-text {
	color: #b71c1c !important;
}

a.red-text {
	text-decoration: underline;
}

.btn-flat.green-text {
	border: 2px #2e7d32 solid;
	border-radius: 5px;
	color: black !important;
	background-color: #81c784;
}

.green-text {
	color: #1b5e20 !important;
}

a.green-text {
	text-decoration: underline;
}

.btn-flat.purple-text {
	border: 2px #4a148c solid;
	border-radius: 5px;
	color: black !important;
	background-color: #ce93d8;
}

.purple-text {
	color: #4a148c !important;
}

a.purple-text {
	text-decoration: underline;
}

.btn-flat.orange-text {
	border: 2px #e65100 solid;
	border-radius: 5px;
	color: black !important;
	background-color: #ffb74d;
}

.orange-text {
	color: #e65100 !important;
}

a.orange-text {
	text-decoration: underline;
}

.btn-floating.btn-large.pink {
	background-color: #880e4f !important;
}

.btn-floating.btn-large.white.black-text {
	border: 2px solid black;
}
.btn-floating.btn-large.white.green-text {
	border: 2px solid #1b5e20;
}
.btn-floating.btn-large.white.purple-text {
	border: 2px solid #4a148c;
}
.btn-floating.btn-large.white.orange-text {
	border: 2px solid #e65100;
}
.btn-floating.btn-large.white.grey-text {
	border: 2px solid #636363;
}

	.btn-floating.btn-large.white.black-text > i,
	.btn-floating.btn-large.white.green-text > i,
	.btn-floating.btn-large.white.purple-text > i,
	.btn-floating.btn-large.white.orange-text > i {
		margin-left: -4px;
		margin-top: -4px;
	}

.btn-floating.white.black-text > i,
.btn-floating.white.green-text > i,
.btn-floating.white.purple-text > i,
.btn-floating.white.orange-text > i,
.btn-floating.white.blue-text-text > i,
.btn-floating.white.red-text > i {
	margin-left: -2px !important;
	margin-top: -1px !important;
}

.btn-floating.white.black-text {
	border: 2px solid black;
}

.btn-floating.white.orange-text {
	border: 2px solid #e65100;
}

.btn-floating.white.green-text {
	border: 2px solid #1b5e20;
}
.btn-floating.white.purple-text {
	border: 2px solid #4a148c;
}
.btn-floating.white.red-text {
	border: 2px solid #b71c1c;
}
.btn-floating.white.blue-text {
	border: 2px solid #1565c0;
}

.btn-floating > i { color: unset; }

.btn-floating:hover { background-color: #f0f0f0 !important; }

.btn-flat:hover { background-color: #f0f0f0 !important; }

.collapsible-body { padding: 1rem !important; }

.collapsible-body > div.row {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.collapsabile-secondary-header {
	position: absolute;
	right: 30px;
}

.collapsabile-secondary-header > div.chip {
	height: 24px !important;
	line-height: 24px !important;
	margin: unset !important;
	min-width: unset !important;
}

.collapsabile-primary-header { width: 20%; }

.secondary-content { color: black; }

.form-group > label { font-weight: bold !important }

.input-field > label { font-weight: bold !important }

.modal.bottom-sheet {
	height: 60% !important;
	max-height: unset !important;
}

.modal { height: 70%; }

.modal-DASI {
	height: 90vh;
	max-height: unset !important;
	width: 90vw;
}

.modal .modal-footer {
	bottom: 10px;
	position: absolute;
	right: 10px;
}

a { cursor: pointer }

.bodyEMClass > table > tbody > tr { border-bottom: unset !important; }

.bodyEMClass > table > tbody > tr > td { text-align: center }

.bodyEMClass > div > table > tbody > tr { border-bottom: unset !important; }

.collection-item { cursor: pointer !important; }

.icon_info_grid { margin-left: 15px; }

label {
	color: #9e9e9e !important;
	font-size: 0.9rem !important;
}

.chip .icon {
	float: right;
	font-size: 16px;
	line-height: 32px;
	padding-left: 8px;
}

.chip { cursor: pointer; height:unset!important; }

.chip-centered {
	cursor: pointer;
	height: unset !important;
	min-width: 180px;
	text-align: center !important;
}

div.chips.chips-autocomplete > .chip {
	background-color: unset !important;
	font-weight: bold;
	min-width: unset !important;
	text-decoration: underline;
}

.chips > .chip { 
	min-width: unset !important;
}

.chip {
	color: black;
	background-color: #e0e0e0;
	border: 1px #9e9e9e solid;
}

	.chip.filter-chip, .chip.order-chip, .chip.deep-purple {
		border: 2px black solid;
	}

div.form-group > .chip {
	min-width: unset !important;
}

div.chip > i.material-icons {
	margin-left: 5px;
	position: relative;
	top: 3px;
}

td > div.chip > i.material-icons { top: unset !important; }

div.input-field > div.chip > i.material-icons { top: unset !important; }

div.input-field.chips.chips-autocomplete { bottom: -40px; }

div.chip.hoverable > i.material-icons {
	margin-left: unset !important;
	top: unset !important;
}

.chip-in-collection {
	min-width: unset !important;
	position: relative;
	top: 3px;
}

.chip-value-in-collection {
	font-size: small;
	margin-right: -12px;
	min-width: unset !important;
}

.icon-in-collection {
	position: relative;
	top: 10px;
}

.progress { margin-top: unset !important; }

/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

.header-back { top: 10px !important; }

th {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
	position: sticky;
	top: 60px; /* Don't forget this, required for the stickiness */
}

td { border: 1px solid #ddd; }

.row {
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}

.rimuovi-seduta:hover { color: #F4433C !important; }

.rimuovi-seduta:before {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	visibility: hidden;
}

.rimuovi-seduta:hover:before {
	opacity: 1;
	visibility: visible;
}

/* Carousel */

.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */

.carousel-inner .item img[src$=".svg"] { width: 100%; }

/* QR code generator */

#qrCode { margin: 15px; }

/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption { display: none; }
}

.brand-logo {
	margin-top: -2px !important;
	padding-left: 20px !important;
}

div.sidenav {
	overflow: hidden;
	top: 64px;
}

.sidenav-search {
	top: 0 !important;
	width: 30% !important;
}

/*.sidenav.sidenav-fixed { z-index: 998 !important; }*/

.sidenav-overlay { z-index: 998 !important; }

/*.nav-search { z-index: 9999 !important; }*/

.chips .input { width: unset !important; }

/* width */

::-webkit-scrollbar {
	height: 10px;
	width: 5px;
}

/* Track */

::-webkit-scrollbar-track { background: #f1f1f1; }

/* Handle */

::-webkit-scrollbar-thumb { background: #888; }

/* Handle on hover */

::-webkit-scrollbar-thumb:hover { background: #555; }

/* ###### */

/* COLORS */

/* ###### */

.btn-primary { background-color: #c0a5d6 !important; }

.btn-secondary { background-color: #bcd6a5 !important; }

.panel-warning { background-color: #ffe7a1 !important; }

h5 > a { color: black !important; }

.tabs { margin-bottom: 20px; }

.tabs .tab a:hover, .tabs .tab a.active { font-weight: bolder }

.tabs .tab a { font-weight: bolder; }

.tox {
	margin-bottom: 10px !important;
	margin-top: 20px !important;
}

.card-content { cursor: pointer }

.field-validation-error { color: red }

.input-validation-error { border-color: red !important }

div.input-field > label { line-height: initial; }

.grey-arrow-back { color: #636363 !important; }

.active-badge { background-color: #4CAF50 !important; }

.inactive-badge {
	background-color: white !important;
	border: solid 1px #a5d6a7 !important;
	color: #a5d6a7 !important;
}

/*.swal-button--confirm {
    background-color: #2196f3 !important;
}*/

.counter-active { border-bottom: 2px solid #469B49; }

#contentTable { margin-top: unset !important; }

/* NOTIFICHE */

.notifica-check {
	/*position: absolute;*/
	border-radius: 50%;
	height: 10px;
	margin-left: 10px;
	margin-top: -5px;
	width: 10px;
}

.btn-firma {
	background-color: white;
	border: 1px solid #4CAF50;
	color: #4CAF50;
	font-weight: bold;
	min-width: unset !important;
}

.btn-presenta {
	background-color: white;
	border: 1px solid #2196f3;
	color: #2196f3;
	font-weight: bold;
	min-width: unset !important;
}

.btn-invita {
	background-color: white;
	border: 1px solid #FFC107;
	color: #FFC107;
	font-weight: bold;
	min-width: unset !important;
}

/* STILI STATO EMENDAMENTI*/

.bozza {
	background-color: white;
	border: 2px solid black !important;
	color: black !important;
	font-weight: bold;
}

.depositato {
	background-color: white;
	border: 2px solid #0d47a1 !important;
	color: #0d47a1 !important;
	font-weight: bold;
}

.approvato {
	background-color: white;
	border: 2px solid #4caf50 !important;
	color: #4caf50 !important;
	font-weight: bold;
}

.approvatomod {
	background-color: white;
	border: 2px solid #004d40 !important;
	color: #004d40 !important;
	font-weight: bold;
}

.NOapprovato {
	background-color: white;
	border: 2px solid #b71c1c !important;
	color: #b71c1c !important;
	font-weight: bold;
}

.ritirato {
	background-color: white;
	border: 2px solid #424242 !important;
	color: #424242 !important;
	font-weight: bold;
}

.decaduto {
	background-color: white;
	border: 2px solid #673ab7 !important;
	color: #673ab7 !important;
	font-weight: bold;
}

.inammissibile {
	background-color: white;
	border: 2px solid #f57f17!important;
	color: #f57f17!important;
	font-weight: bold;
}

.bozzaT {
	border: 2px solid black !important;
	color: black !important;
	font-weight: bold !important;
}

.depositatoT {
	border: 2px solid #0d47a1 !important;
	color: #0d47a1 !important;
	font-weight: bold !important;
}

.approvatoT {
	border: 2px solid #4caf50 !important;
	color: #4caf50 !important;
	font-weight: bold !important;
}

.approvatomodT {
	border: 2px solid #004d40 !important;
	color: #004d40 !important;
	font-weight: bold !important;
}

.NOapprovatoT {
	border: 2px solid #b71c1c !important;
	color: #b71c1c !important;
	font-weight: bold !important;
}

.ritiratoT {
	border: 2px solid #424242 !important;
	color: #424242 !important;
	font-weight: bold !important;
}

.decadutoT {
	border: 2px solid #673ab7 !important;
	color: #673ab7 !important;
	font-weight: bold !important;
}

.inammissibileT {
	border: 2px solid #f57f17 !important;
	color: #f57f17 !important;
	font-weight: bold !important;
}

.trattazioneT {
	border: 2px solid #0097a7 !important;
	color: #0097a7 !important;
	font-weight: bold !important;
}

.comunicazioneAssembleaT {
	border: 2px solid #006064 !important;
	color: #006064 !important;
	font-weight: bold !important;
}

.trattazioneAssembleaT {
	border: 2px solid #00b8d4 !important;
	color: #00b8d4 !important;
	font-weight: bold !important;
}

.altroT {
	border: 2px solid black !important;
	color: black !important;
	font-weight: bold !important;
}

.chiusoT {
	border: 2px solid black !important;
	color: black !important;
	font-weight: bold !important;
}

.pnlbozza { background-color: black; }

.pnlbozzaR { background-color: #d8d8d8; }

.pnldepositato { background-color: #2196F3; }

.pnlapprovato { background-color: #4CAF50; }

.pnlapprovatomod { background-color: #00796b; }

.pnlNOapprovato { background-color: #F44336; }

.pnlritirato { background-color: #9E9E9E; }

.pnldecaduto { background-color: #9C27B0; }

.pnlinammissibile { background-color: #FFC107; }

/*----------------------------------------
    DASI
------------------------------------------*/

.badgePostStamp {
	border: 1px solid lightgray;
	border-left: 1em solid lightgray;
}

.badgeBody {
	color: black;
	font-weight: bold;
}

.badgeIQT {
	background-color: white;
	border: 1px solid #e91e63;
	border-left: 1em solid #e91e63;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeITL {
	background-color: white;
	border: 1px solid #2196f3;
	border-left: 1em solid #2196f3;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeMOZ {
	background-color: white;
	border: 1px solid #ff5722;
	border-left: 1em solid #ff5722;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeITR {
	background-color: white;
	border: 1px solid #673ab7;
	border-left: 1em solid #673ab7;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeODG {
	background-color: white;
	border: 1px solid #4caf50;
	border-left: 1em solid #4caf50;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeRIS {
	background-color: white;
	border: 1px solid #009688;
	border-left: 1em solid #009688;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeCARTACEO {
	background-color: white;
	border: 1px solid gray;
	border-left: 1em solid gray;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeIQT_ico {
	background-color: white;
	border-left: 5px solid #e91e63;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeITL_ico {
	background-color: white;
	border-left: 5px solid #2196f3;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeMOZ_ico {
	background-color: white;
	border-left: 5px solid #ff5722;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeITR_ico {
	background-color: white;
	border-left: 5px solid #673ab7;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeODG_ico {
	background-color: white;
	border-left: 5px solid #4caf50;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeDISABLED {
	background-color: white;
	border-left: 1em solid #9e9e9e;
	color: black;
	min-width: unset !important;
}

.badgeALL {
	background-color: white;
	border: 1px solid black;
	border-left: 1em solid black;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeSeduta {
	background-color: white;
	border: 1px solid #4caf50;
	color: black;
	font-weight: bold;
	min-width: unset !important;
}

.badgeSedutaSenzaRichiesta {
	background-color: white;
	border: 1px solid #ffeb3b;
	color: black;
	min-width: unset !important;
}

.badgeCounterTrattazione {
	background-color: #bbdefb;
	color: #2196f3;
	min-width: unset !important;
}

.counterDivider {
	color: lightgray;
	position: relative;
	top: 3px;
}

.presentato {
	background-color: white;
	border: 1px solid #2196F3;
	color: #2196F3;
	font-weight: bold;
}

.trattazione {
	background-color: white;
	border: 1px solid #009688;
	color: #009688;
	font-weight: bold;
}

.chiuso {
	background-color: white;
	border: 1px solid black;
	color: black;
	font-weight: bold;
}

.badgeSedutaAperta {
    background-color: white;
    border: 1px solid #4caf50;
    border-left: 1em solid #4caf50;
    color: black;
    font-weight: bold;
    min-width: unset !important;
}

.badgeSedutaArchiviata {
    background-color: white;
    border: 1px solid #2196F3;
    border-left: 1em solid #2196F3;
    color: black;
    font-weight: bold;
    min-width: unset !important;
}

.badgeSedutaChiusa {
    background-color: white;
    border: 1px solid #9e9e9e;
    border-left: 1em solid #9e9e9e;
    color: black;
    font-weight: bold;
    min-width: unset !important;
}

/*----------------------------------------
    ###
------------------------------------------*/

.dropdown-content { width: 100% !important }

#ddlPaginazione { width: 100px !important }

/*----------------------------------------
    Pre-loader
------------------------------------------*/

#loader-wrapper {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#loader-wrapper .loader-section {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	background: #eceff1;
	height: 100%;
	position: fixed;
	top: 0;
	transform: translateX(0);
	width: 51%;
	z-index: 1000;
}

#loader-wrapper .loader-section.section-left { left: 0; }

#loader-wrapper .loader-section.section-right { right: 0; }

#loader {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #3498db;
	display: block;
	height: 150px;
	left: 50%;
	margin: -75px 0 0 -75px;
	position: relative;
	top: 50%;
	width: 150px;
	z-index: 1001;
}

#loader:before {
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #e74c3c;
	bottom: 5px;
	content: "";
	left: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
}

#loader:after {
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #f9c922;
	bottom: 15px;
	content: "";
	left: 15px;
	position: absolute;
	right: 15px;
	top: 15px;
}

#loader-logo {
	background: url("../images/user-bg-2.jpg") no-repeat center center;
	display: block;
	left: 48%;
	position: absolute;
	top: 46%;
	z-index: 1001;
}

@-webkit-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loaded #loader-wrapper {
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transform: translateY(-100%);
	transition: all 0.3s 1s ease-out;
	visibility: hidden;
}

.loaded #loader-wrapper .loader-section.section-left {
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translateX(-100%);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translateX(100%);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
	-webkit-transition: all 0.3s ease-out;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.progress { background-color: rgba(255, 64, 129, 0.22); }

/* JavaScript Turned Off */

.no-js #loader-wrapper { display: none; }

label { color: #424242 !important; }

span.highlight { background-color: yellow; }

.empty-room {
	background-color: yellow;
	height: 44px;
}

.pagination-container {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.pagination-container .pagination {
	margin: 0; /* Rimuove margini predefiniti per allineare meglio gli elementi */
}

.pagination-container .chip {
	margin: 0; /* Opzionale: Rimuove margini predefiniti dal chip se necessario */
}

.modal .select-dropdown.dropdown-content {
	max-height: 300px;
	overflow-y: auto;
}

.swal-button{
	color: black !important;
}

a.collection-item{
	color: black!important;
}

.dropdown-content li > a, .dropdown-content li > span{
	color:black!important;
}

.material-icons.prefix {
	color: black !important;
}

.btn-flat {
	text-align: center !important;
	max-width: 90%; /* Evita che il bottone occupi troppo spazio */
	width: auto;
	display: inline-block; /* Mantieni il layout flessibile */
	margin: 5px;
}

select.readonly {
	pointer-events: none; /* Disabilita i clic */
	background-color: #f9f9f9; /* Colore di sfondo simile a readonly */
	color: #555; /* Colore del testo */
}

:focus {
	outline: 4px solid #007BFF; /* Un bordo visibile e chiaro */
	outline-offset: 4px;
}

/* #1327 #1325 */
.btn-floating:hover, .btn-floating.btn-large:hover, button:hover {
	color: black !important;
	background-color: #fafafa !important;
}

.atti-action-group {
	display: flex;
	flex-direction: column;
	gap: 12px; /* Spaziatura verticale tra pulsanti */
	align-items: flex-end; /* Allinea pulsanti a destra */
}

.atti-action-group .btn-flat {
	justify-content: flex-start; /* Icona e testo ben allineati */
	display: flex;
	align-items: center;
	min-width: 160px;
}