@import url('https://fonts.googleapis.com/css?family=Gelasio&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*-- General --*/
*{ box-sizing:border-box; }

html, body{
	width:100%;
	margin:0;
	font-display:block;
	padding:0;
	font-family:'Lato', sans-serif;
	background:#f2f2f2;
	font-size:18px;
}

body{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	padding-top:98px;
}

p{
	font-size:17px;
	font-weight:100;
	line-height:22px;
}

b, strong{ font-weight:bold; }
a{ color:#0072bb; }

/*-- Header --*/
.header{
	width:100%;
	height:auto;
	padding:10px 20px;
	margin-bottom:5px;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
}

.header .container{
	padding:0 !important;
	background:transparent;
	border:0;
	height:30px;
	line-height:30px;
}

.header.logged .container{ line-height:normal; }

.header .logo{
	width:200px;
	position:absolute;
    top:50%;
    transform:translate(0, -50%);
}

.menu-profilo{
	display:inline;
	position:relative;
}

.menu-profilo-intestazione{
	display:inline;
	position:relative;
	padding-left:30px;
}

.menu-profilo-intestazione a{
	color:white;
	text-decoration:none;
}

.menu-profilo-immagine{
	display:block;
	width:25px;
	height:25px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
}

.menu-profilo-corpo{
	position:absolute;
	top:calc(100% + 10px);
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	border:1px solid #ededed;
	border-radius:5px;
	display:none;
}

.menu-profilo-corpo.show{ display:block; }

.menu-profilo-corpo li{
	line-height:normal;
	height:auto;
	padding:0 20px;
}

.menu-profilo-corpo li a{
	color:black;
	font-size:0.755rem;
}

.menu-profilo-corpo li svg{ margin-right:5px; }

/*-- Container --*/
.container{
	width:90%;
	height:auto;
	padding:50px;
	padding-bottom:0px;
	margin:0 auto;
	background:#fff;
	border:1px solid lightgrey;
}

.header-container:before, .header-container:after{
	content:' ';
	display:block;
	width:100%;
	clear:both;
}

.container__logo{
	width:100px;
	margin-bottom:10px;
}

/*-- Footer --*/
.footer{
	width:100%;
	background-color:rgb(191 114 0);
	padding:10px;
	height:110px;
}

.footer__div{
	width:50%;
	height:100%;
	float:left;
	text-align:center;
	padding:5px;
	color:#fff;
	line-height:30px;
}

.footer__div img{ height:40px; }

.right-menu{
	float:right;
	margin:20px 0;
	font-size:16px;
	display:flex;
}

.right-menu a:not(.link-notifica), .right-menu .cont-notifiche{
	display:flex;
	font-size:14px;
	align-items:center;
	padding-bottom:4px;
}

.header-menu{
	color: #7d7d7d;
	text-decoration:none;
	line-height:30px;
	margin-left:40px;
}

.header-menu.active{
	color:#0072bb;
	border-bottom:5px solid #0072bb;
}

.header-menu.active path{ fill:#0072bb; }

.header-menu.add-sep:after{
	content:' ';
	margin:0 20px;
}

/*-- Tablet --*/
@media (max-width:998px){
	.container{ width:100%; }
}

@media ( max-width:767px ){
	.header{ font-size:14px; }

	.right-menu{
		font-size:14px;
		position:fixed;
		left:0;
		bottom:0;
		right:0;
		background:rgba(255, 255, 255, 1) !important;
		height:80px;
		border-top-left-radius:45px;
		border-top-right-radius:45px;
		padding:0 10px;
		box-shadow:inset 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
		margin-bottom:0;
	}

	.cont-numero-notifiche{
		top:unset !important;
		bottom:9px;
		left:50%;
		right:unset !important;
		transform:translate(-50%, 0);
	}

	.header-menu.add-sep:after{ margin:0 5px; }
	.menu-profilo-intestazione a{ color:#000; }

	.card-tipi-contenuti{
		border-radius:10px !important;
		padding:30px !important;
	}

	.info-tipi-contenuti{
		text-align:left;
		padding-left:20px;
	}

	.link-tipi-contenuti{
		border-bottom-left-radius:10px !important;
		border-bottom-right-radius:10px !important;
	}

	.titoli-tipi-contenuti{ margin-top:0 !important; }
	.descrizione-tipi-contenuti{ margin-bottom:44px !important; }
	.inner-tipi-contenuti{ display:flex; }

	.img-tipi-contenuti{
		flex:0 0 72px;
		padding-bottom:72px !important;
		height:0;
		width:72px !important;
	}
}

@media (max-width:600px){
	/*-- Header --*/
	.header{
		height:auto;
		text-align:center;
	}

	.header .logo{
		height:100%;
		width:auto;
		display:block;
		margin:0 auto;
	}

	.right-menu{
		float:none;
		margin-top:15px;
		margin-bottom:0;
	}

	.header-menu.add-sep:after{
		content:' ';
		margin:0 20px;
	}

	.header{
		margin-bottom:0;
		padding-left:0;
		padding-right:0;
	}

	.right-menu{ background:#ededed; }
}

/*-- Smartphone */
@media (max-width:500px){
	/*-- Container --*/
	.container{
		width:100%;
		height:auto;
		padding:30px 7px;
	}

	/*-- Form:general settings --*/
	.form{
		width:100%;
		height:100%;
		padding:10px;
	}

	.form h1{ font-size:1.7em; }

	.groupInput__input{ width:100% !important; }

	.form__input{
		width:100% !important;
		transition:all 0.3s;
	}

	/* Form Mediabox */
	.form__fieldset__mediaBox{ height:auto; }

	.mediaBox__icon, .mediaBox__caption{
		width:100%;
		height:100px;
	}

	.mediaBox__icon{
		padding:20px;
		border:none;
	}

	.mediaBox__icon:hover{ padding:20px; }
	.mediaBox__caption{ padding:4px 20px; }
	.mediaBox__caption small{ font-size:12px; }
	.mediaBox__preview{ height:100px; }

	/*-- Footer --*/
	.footer{ height:auto; }
	.footer__div{ width:100%; }
}

.col-4{ width:25% !important; }
.col-3{ width:33.33% !important; }
.col-2{ width:49.7% !important; }
.col-1{ width:100% !important; }

/*-- Clearfix --*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .clearfix{ zoom:1; } /* IE6 */
*:first-child+html .clearfix{ zoom:1; } /* IE7 */

.table-container{ overflow-x:auto; }

.table{
	width:100%;
	max-width:100%;
	margin-bottom:20px;
}

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th{
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd;
}

.table > thead > tr > th{
	vertical-align:bottom;
	border-bottom:2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th{ border-top:0; }

.table > tbody + tbody{ border-top:2px solid #ddd; }
.table .table{ background-color:#fff; }

.custom-radio-button{
	display:block;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#ededed;
	cursor:pointer;
}

.row-tipi-contenuti{
	display:flex;
	justify-content:center;
	align-items:start;
	flex-wrap:wrap;
	flex-direction:row;
}

.card-tipi-contenuti{
	flex:0 0 284px;
	border-radius:30px;
	background:#fff;
	padding:50px;
	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	margin:10px;
	align-self:stretch;
	position:relative;
	padding-bottom:40px;
	border:0.5px solid #7d7d7d;
	box-sizing:border-box;
}

.img-tipi-contenuti{
	width:134px;
	padding-bottom:134px;
	margin:0 auto;
	border-radius:50%;
	position:relative;
}

.img-tipi-contenuti:after{
	content:' ';
	display:block;
	position:absolute;
	top:25px;
	left:25px;
	right:25px;
	bottom:25px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}

.img-tipi-contenuti.segnalazioni{ background-color:rgba(241, 65, 1, 1); }
.img-tipi-contenuti.segnalazioni:after{ background-image:url('data:image/svg+xml,<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 56" style="enable-background:new 0 0 64 56;" xml:space="preserve"><g><path fill="%23FFFFFF" d="M52,0H12C5.4,0,0,5.4,0,12v36c0,4.4,3.6,8,8,8h32c4.4,0,8-3.6,8-8V32h16V12C64,5.4,58.6,0,52,0z M40,48H8V12c0-2.2,1.8-4,4-4h28.7c-0.5,1.3-0.7,2.6-0.7,4V48z M56,24h-8V12c0-2.2,1.8-4,4-4s4,1.8,4,4V24z"/><rect x="16" y="32" fill="%23FFFFFF" width="16" height="8"/><rect x="16" y="16" fill="%23FFFFFF" width="16" height="8"/></g></svg>'); }

.img-tipi-contenuti.articoli{ background-color:rgba(52, 16, 198, 1); }
.img-tipi-contenuti.articoli:after{ background-image:url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.9245 0.551265C18.8087 0.184784 19.7568 -0.0025817 20.7139 2.68677e-05C22.1546 -0.00119942 23.5633 0.425094 24.7616 1.22494C25.96 2.02478 26.894 3.1622 27.4455 4.49319C27.997 5.82418 28.1412 7.28889 27.8598 8.70187C27.5784 10.1148 26.884 11.4126 25.8647 12.4307L12.3548 25.9522C11.7058 26.6041 10.9339 27.1207 10.0838 27.4722C9.2337 27.8237 8.3223 28.0029 7.40241 27.9996H1.25544e-05V20.5972C-0.00173434 19.6779 0.17884 18.7674 0.531286 17.9183C0.883732 17.0692 1.40105 16.2985 2.05332 15.6506L15.5631 2.135C16.2377 1.45606 17.0404 0.917746 17.9245 0.551265ZM9.05322 22.6506L22.563 9.1349V9.12907C23.0094 8.63013 23.2477 7.97923 23.2291 7.31005C23.2105 6.64088 22.9363 6.00424 22.463 5.53088C21.9896 5.05752 21.3529 4.78338 20.6838 4.76476C20.0146 4.74615 19.3637 4.98447 18.8648 5.43079L5.34911 18.9464C5.1325 19.1633 4.96073 19.4207 4.84363 19.7039C4.72652 19.9872 4.66638 20.2907 4.66662 20.5972V23.333H7.40241C7.70892 23.3333 8.01246 23.2731 8.29572 23.156C8.57897 23.0389 8.83637 22.8672 9.05322 22.6506ZM27.9996 25.083C27.9996 26.6938 26.6938 27.9996 25.083 27.9996C23.4722 27.9996 22.1664 26.6938 22.1664 25.083C22.1664 23.4722 23.4722 22.1664 25.083 22.1664C26.6938 22.1664 27.9996 23.4722 27.9996 25.083Z" fill="white"/></svg>'); }

.img-tipi-contenuti.comunicati{ background-color:rgba(2, 166, 97, 1); }
.img-tipi-contenuti.comunicati:after{ background-image:url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.448 0.413875C21.1113 0.138966 21.8224 -0.00169964 22.5404 1.54974e-05C23.6202 0.00118306 24.6756 0.322207 25.5731 0.922572C26.4707 1.52294 27.1703 2.37574 27.5837 3.37334C27.9971 4.37095 28.1057 5.46865 27.8958 6.52791C27.6859 7.58717 27.1669 8.56052 26.4043 9.3251L17.2893 18.4401C16.4787 19.2554 15.5144 19.9018 14.4523 20.342C13.3902 20.7822 12.2514 21.0073 11.1017 21.0044H7.00149V16.9042C6.99804 15.7538 7.22292 14.6141 7.66309 13.5512C8.10326 12.4884 8.74999 11.5234 9.56578 10.7123L18.6764 1.6016C19.1827 1.09248 19.7848 0.688783 20.448 0.413875ZM14.8169 15.9634L23.9276 6.85271V6.84833C24.1267 6.67018 24.2874 6.45327 24.3999 6.21087C24.5124 5.96847 24.5742 5.70568 24.5816 5.43857C24.5891 5.17145 24.5419 4.90563 24.4431 4.65735C24.3443 4.40908 24.1959 4.18357 24.0069 3.99462C23.818 3.80567 23.5925 3.65724 23.3442 3.55843C23.0959 3.45961 22.8301 3.41247 22.563 3.4199C22.2959 3.42733 22.0331 3.48917 21.7907 3.60164C21.5483 3.71411 21.3314 3.87483 21.1532 4.074L12.0426 13.189C11.5527 13.6755 11.1643 14.2545 10.8999 14.8922C10.6355 15.5299 10.5003 16.2138 10.5022 16.9042V17.5037H11.1017C11.7921 17.5056 12.476 17.3704 13.1137 17.106C13.7515 16.8416 14.3304 16.4532 14.8169 15.9634ZM21.0044 28.0058H5.25111C3.85843 28.0058 2.52279 27.4525 1.53801 26.4677C0.55324 25.483 0 24.1473 0 22.7547V7.00133C0 5.60865 0.55324 4.27301 1.53801 3.28824C2.52279 2.30347 3.85843 1.75023 5.25111 1.75023H12.2526V5.25097H5.25111C4.78688 5.25096 4.34167 5.43538 4.01341 5.76364C3.68515 6.09189 3.50074 6.53711 3.50074 7.00133V22.7547C3.50074 23.2189 3.68515 23.6641 4.01341 23.9924C4.34167 24.3206 4.78688 24.505 5.25111 24.505H21.0044C21.4687 24.505 21.9139 24.3206 22.2421 23.9924C22.5704 23.6641 22.7548 23.2189 22.7548 22.7547V15.7532H26.2555V22.7547C26.2555 24.1473 25.7023 25.483 24.7175 26.4677C23.7327 27.4525 22.3971 28.0058 21.0044 28.0058Z" fill="white"/></svg>'); }

.img-tipi-contenuti.eventi{ background-color:#0072bb; }
.img-tipi-contenuti.eventi:after{ background-image:url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.75 3.0625H22.3125V0H18.8125V3.0625H15.75V0H12.25V3.0625H9.1875V0H5.6875V3.0625H5.25C3.85761 3.0625 2.52226 3.61562 1.53769 4.60019C0.553124 5.58476 0 6.92011 0 8.3125V22.75C0 24.1424 0.553124 25.4777 1.53769 26.4623C2.52226 27.4469 3.85761 28 5.25 28H22.75C24.1424 28 25.4777 27.4469 26.4623 26.4623C27.4469 25.4777 28 24.1424 28 22.75V8.3125C28 6.92011 27.4469 5.58476 26.4623 4.60019C25.4777 3.61562 24.1424 3.0625 22.75 3.0625ZM5.25 6.5625H5.6875V9.625H9.1875V6.5625H12.25V9.625H15.75V6.5625H18.8125V9.625H22.3125V6.5625H22.75C23.2141 6.5625 23.6593 6.74687 23.9874 7.07506C24.3156 7.40325 24.5 7.84837 24.5 8.3125V17.5H3.5V8.3125C3.5 7.84837 3.68437 7.40325 4.01256 7.07506C4.34075 6.74687 4.78587 6.5625 5.25 6.5625ZM22.75 24.5H5.25C4.78587 24.5 4.34075 24.3156 4.01256 23.9874C3.68437 23.6593 3.5 23.2141 3.5 22.75V21H24.5V22.75C24.5 23.2141 24.3156 23.6593 23.9874 23.9874C23.6593 24.3156 23.2141 24.5 22.75 24.5Z" fill="white"/></svg>'); }

.img-tipi-contenuti.blog{ background-color:rgba(174, 16, 198, 1); }
.img-tipi-contenuti.blog:after{ background-image:url('data:image/svg+xml,<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve"><g><rect fill="%23FFFFFF" y="16" class="st0" width="24" height="8"/><rect fill="%23FFFFFF" width="24" height="8"/><path fill="%23FFFFFF" d="M56,4c0-2.2-1.8-4-4-4H36c-2.2,0-4,1.8-4,4v16c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4z M48,16h-8V8h8V16z"/><path fill="%23FFFFFF" d="M56,36c0-2.2-1.8-4-4-4H4c-2.2,0-4,1.8-4,4v16c0,2.2,1.8,4,4,4h48c2.2,0,4-1.8,4-4V36z M48,48H8v-8h40V48z"/></g></svg>'); }

.img-tipi-contenuti.gruppo{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.titoli-tipi-contenuti{
	font-size:14px;
	margin:10px 0;
	text-transform:uppercase;
	margin-top:40px;
}

.sottotitoli-tipi-contenuti{
	font-size:0.9em;
	margin:10px 0;
}

.descrizione-tipi-contenuti{
	margin-top:0;
	margin-bottom:70px;
	font-size:12px;
	line-height:unset;
}

.link-tipi-contenuti{
	display:block;
	background:#0072bb;
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding:14px;
	font-size:14px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	text-transform:uppercase;
}

.row-tipi-segnalazioni{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.col-tipi-segnalazioni{
	flex:0 0 calc(20% - 15px);
	box-sizing:content-box;
}

.row-comuni{
	display:flex;
	gap:3px;
	flex-wrap:wrap;
}

.col-comuni{
	flex:0 0 calc(25% - 3px);
	box-sizing:content-box;
}

.col-comuni.input_citta_estera{
	flex:0 0 calc(75% - 3px);
	box-sizing:content-box;
}

.azioni-comunicato{
	background:#0072bb;
	color:white;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 6px;
	border-radius:5px;
	margin-left:5px;
}

.azioni-comunicato.elimina{ background:#dc3545; }
/*.azioni-comunicato.modifica{ cursor:not-allowed; }*/

@media (max-width:991px){
	.card-tipi-contenuti{ flex:0 0 calc(50% - 20px); }
	.col-tipi-segnalazioni{ flex:0 0 calc(25% - 15px); }
}

@media (max-width:767px){
	body{
		padding-top:60px;
		padding-bottom:80px;
	}

	.header .container{ height:40px; }

	.header .logo{
		height:auto;
		width:195px;
		filter:none !important;
		position:static;
		transform:none;
	}

	.container{
		padding:20px !important;
		box-sizing:border-box;
	}

	.header{ background:#fff; }
	.header-menu{ text-wrap:nowrap; }
	.card-tipi-contenuti{ flex:0 0 calc(100% - 20px); }
	.col-tipi-segnalazioni{ flex:0 0 calc(50% - 15px); }
	.col-comuni, .col-comuni.input_citta_estera{ flex:0 0 calc(50% - 3px); }

	.right-menu a:not(.link-notifica), .right-menu .cont-notifiche{
		display:block;
		width:fit-content;
		margin:15px auto 4px auto;
		padding-bottom:4px;
	}

	.right-menu a:not(.link-notifica) svg, .right-menu .cont-notifiche svg{
		display:block;
		margin:0;
		margin-right:auto !important;
		margin-left:auto;
	}
}

.cont-search{ position:relative; }

.cont-search::before{
	content:' ';
	background-image:url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.423 20.8239C12.6425 20.8239 14.8042 20.1067 16.5882 18.7803L22.819 25L25 22.8175L18.7846 16.5823C22.1909 11.9513 21.1968 5.43459 16.569 2.02587C11.9412 -1.38285 5.4291 -0.387994 2.02278 4.24308C-1.37968 8.87415 -0.389384 15.3908 4.23843 18.7995C6.03021 20.1183 8.19962 20.8278 10.423 20.8239ZM10.423 3.08627C14.4651 3.08627 17.7442 6.36774 17.7442 10.4127C17.7442 14.4577 14.4651 17.7391 10.423 17.7391C6.38086 17.7391 3.1017 14.4577 3.1017 10.4127C3.1017 6.36774 6.38086 3.08627 10.423 3.08627Z" fill="%237D7D7D"></path></svg>');
	display:block;
	width:20px;
	height:20px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0, -50%);
	opacity:0.5;
}

.search-input{
	border-radius:50px !important;
	outline:0;
	padding-left:35px !important;
	font-size:0.9rem;
	height:auto !important;
}

/* Layout a colonne */
.pagina{ display:flex; }

.sidebar-sinistra, .sidebar-destra{
	flex:0 0 25%;
	max-width:25%;
}

.pagina-content{
	flex:0 0 50%;
	max-width:50%;
	padding:0 15px;
}

@media (max-width:1200px){
	.sidebar-sinistra{
		flex:0 0 35%;
		max-width:35%;
	}

	.sidebar-destra{ display:none; }

	.pagina-content{
		flex:0 0 65%;
		max-width:65%;
		padding-right:0;
	}
}

@media (max-width:767px){
	.pagina{
		display:block;
		margin:0 -20px;
	}

	.sidebar-sinistra{
		flex:0 0 100%;
		max-width:100%;
		margin-bottom:25px;
	}

	.pagina-content{
		flex:0 0 100%;
		max-width:100%;
		padding:0;
	}
}

/* Navigazione menu sinistra */
.navigazione-menu-sidebar{
	background:#fff;
	border-radius:8px;
	border:1px solid #ededed;
	padding:10px;
	margin-top:10px;
	font-size:16px;
}

.navigazione-menu-sidebar ul{
	margin:0;
	list-style:none;
	padding:0;
}

.navigazione-menu-sidebar li{ padding:0; }

.navigazione-menu-sidebar a{
	text-decoration:none;
	color:#000;
	display:block;
	padding:10px;
}

.navigazione-menu-sidebar a.active{ background:#ededed; }
.navigazione-menu-sidebar a:hover{ background:#adadad; }

/* Pagina Utenti */
#cont-elenco-utenti{
	flex-wrap:wrap;
	margin-top:calc(0rem * -1);
	margin-right:calc(1.5rem * -0.5);
	margin-left:calc(1.5rem * -0.5);
	display:flex!important;
	justify-content:center!important;
	text-align:left;
}

.col-elenco-utenti{
	flex:0 0 50%;
	max-width:50%;
	flex-shrink:0;
	padding-right:calc(1.5rem * 0.5);
	padding-left:calc(1.5rem * 0.5);
	margin-top:0;
}

.col-elenco-utenti>a{
	text-decoration:none;
	color:inherit;
}

.card-elenco-utenti{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-clip:border-box;
	border:1px solid #ededed;
	border-radius:5px;
	margin-bottom:1rem;
	cursor:pointer;
}

.card-body-elenco-utenti{
	flex:1 1 auto;
	padding:1.5rem!important;
}

.cont-info-profilo-elenco-utenti{
	display:flex!important;
	color:rgba(0, 0, 0, 1)!important;
}

.cont-immagine-profilo-elenco-utenti{
	flex-shrink:0!important;
	width:60px;
}

.cont-immagine-profilo-elenco-utenti div{
	border-radius:50%;
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.cont-dati-elenco-utenti{
	flex-grow:1!important;
	margin-left:1rem!important;
}

.cont-nome-elenco-utenti{
	font-size:0.875rem;
	margin-bottom:0.25rem!important;
	margin-top:0 !important;
}

.cont-informazioni-aggiuntive-elenco-utenti{
	font-size:0.775rem;
	margin-top:0;
	margin-bottom:0!important;
	padding-bottom:0.25rem!important;
	color:#2b2a2a;
	word-break:break-all;
}

.cont-statistiche-elenco-utenti{
	display:flex!important;
	justify-content:flex-start!important;
	margin-bottom:0.5rem!important;
}

.cont-statistiche-elenco-utenti>div{ text-align:center; }
.cont-statistiche-elenco-utenti>div:not(:last-child){ padding-right:0.5rem!important; }
.cont-statistiche-elenco-utenti>div:not(:first-child){ padding-left:0.5rem!important; }

.cont-nome-statistica-elenco-utenti{
	margin-top:0;
	font-size:.775em;
	color:#757575!important;
	margin-bottom:0.25rem!important;
}

.cont-valore-statistica-elenco-utenti{
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-pulsanti-elenco-utenti{ display:flex!important; }

.cont-segui-elenco-utenti, .cont-amico-elenco-utenti{
	position:relative;
	flex-grow:1!important;
}

.cont-segui-elenco-utenti{ margin-left:0.5rem!important; }
.cont-amico-elenco-utenti{ margin-right:0.5rem!important; }

.pulsanti-azioni-elenco-utenti{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0072bb;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #0072bb;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-elenco-utenti:hover{
	color:#fff;
	background-color:rgb(191 114 0);
}

.pulsanti-azioni-elenco-utenti:focus-visible, .pulsanti-azioni-elenco-utenti:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-elenco-utenti.attiva-elenco-utenti{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-elenco-utenti.attiva-elenco-utenti:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

@media (max-width:1200px){
	.col-elenco-utenti{
		flex:0 0 50%;
		max-width:50%;
	}
}

@media (max-width:767px){
	.col-elenco-utenti{
		flex:0 0 100%;
		max-width:100%;
	}
}

@keyframes rotation{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.loader{
	width:48px;
	height:48px;
	border:5px solid #0072bb;
	border-bottom-color:transparent;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite;
}

.cont-dropdown-azioni-elenco-utenti{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-elenco-utenti.mostra-elenco-utenti{ display:block; }

.item-dropdown-elenco-utenti{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-elenco-utenti:focus, .item-dropdown-elenco-utenti:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

/* Pagina gruppo */
.intestazione-gruppo-mobile{ display:none; }

.navigazione-categorie-gruppo{
	display:block;
	background:#fff;
	color:#757575;
	text-decoration:none;
	font-size:0.775em;
	margin:5px 0;
	padding:7px;
	border-radius:8px;
}

.navigazione-categorie-gruppo:hover{ background:#ddd; }

.navigazione-categorie-gruppo.attiva{
	font-weight:bold;
	background:#0072bb;
	color:#fff;
}

.immagine-copertina-gruppo{
	width:100%;
	padding-bottom:37%;
	background:#dddddd;
	border-radius:8px;
	margin-bottom:15px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.nome-gruppo{
	margin:0;
	font-size:1.175rem;
	text-align:left;
	padding-left:15px;
}

.cont-info-gruppo-copertina{
	display:flex;
	align-items:end;
	gap:5px;
	margin-bottom:15px;
	padding-left:15px;
}

.dato-info-gruppo-copertina{
	font-weight:bold;
	font-size:0.775em;
}

.targhetta-info-gruppo-copertina{
	font-size:0.675em;
	color:#757575 !important;
	margin-bottom:0 !important;
}

.separatore-info-gruppo-copertina{
	display:block;
	content:' ';
	width:3px;
	height:3px;
	background:black;
	border-radius:50%;
	transform:translate(0, -6px);
}

/* Pagina Interazioni */
#cont-elenco-interazioni{
	flex-wrap:wrap;
	margin-top:calc(0rem * -1);
	margin-right:calc(1.5rem * -0.5);
	margin-left:calc(1.5rem * -0.5);
	display:flex!important;
	justify-content:center!important;
	text-align:left;
}

.col-elenco-interazioni{
	flex:0 0 100%;
	max-width:100%;
	flex-shrink:0;
	padding-right:calc(1.5rem * 0.5);
	padding-left:calc(1.5rem * 0.5);
	margin-top:0;
}

.col-elenco-interazioni>a{
	text-decoration:none;
	color:inherit;
}

.card-elenco-interazioni{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-clip:border-box;
	border:1px solid #ededed;
	border-radius:5px;
	margin-bottom:1rem;
	cursor:pointer;
	background:#fff;
}

.card-body-elenco-interazioni{
	flex:1 1 auto;
	padding:1.5rem!important;
}

.cont-info-profilo-elenco-interazioni{
	display:flex!important;
	color:rgba(0, 0, 0, 1)!important;
}

.cont-immagine-profilo-elenco-interazioni{
	flex-shrink:0!important;
	width:60px;
}

.cont-immagine-profilo-elenco-interazioni div{
	border-radius:50%;
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.cont-dati-elenco-interazioni{
	flex-grow:1!important;
	margin-left:1rem!important;
}

.cont-nome-elenco-interazioni{
	font-size:0.875rem;
	margin-bottom:0.25rem!important;
	margin-top:0 !important;
}

.cont-informazioni-aggiuntive-elenco-interazioni{
	font-size:0.775rem;
	margin-top:0;
	margin-bottom:0!important;
	padding-bottom:0.25rem!important;
	color:#2b2a2a;
	word-break:break-all;
}

.cont-statistiche-elenco-interazioni{
	display:flex!important;
	justify-content:flex-start!important;
	margin-bottom:0.5rem!important;
}

.cont-statistiche-elenco-interazioni>div{ text-align:center; }
.cont-statistiche-elenco-interazioni>div:not(:last-child){ padding-right:0.5rem!important; }
.cont-statistiche-elenco-interazioni>div:not(:first-child){ padding-left:0.5rem!important; }

.cont-nome-statistica-elenco-interazioni{
	margin-top:0;
	font-size:.775em;
	color:#757575!important;
	margin-bottom:0.25rem!important;
}

.cont-valore-statistica-elenco-interazioni{
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-pulsanti-elenco-interazioni{ display:flex!important; }

.cont-segui-elenco-interazioni, .cont-amico-elenco-interazioni{
	position:relative;
	flex-grow:1!important;
}

.cont-segui-elenco-interazioni{ margin-left:0.5rem!important; }
.cont-amico-elenco-interazioni{ margin-right:0.5rem!important; }

.pulsanti-azioni-elenco-interazioni{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0072bb;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #0072bb;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-elenco-interazioni:hover{
	color:#fff;
	background-color:rgb(191 114 0);
}

.pulsanti-azioni-elenco-interazioni:focus-visible, .pulsanti-azioni-elenco-interazioni:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-elenco-interazioni.attiva-elenco-interazioni{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-elenco-interazioni.attiva-elenco-interazioni:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

@keyframes rotation{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.loader{
	width:48px;
	height:48px;
	border:5px solid #0072bb;
	border-bottom-color:transparent;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite;
}

.cont-dropdown-azioni-elenco-interazioni{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-elenco-interazioni.mostra-elenco-interazioni{ display:block; }

.item-dropdown-elenco-interazioni{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-elenco-interazioni:focus, .item-dropdown-elenco-interazioni:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

/* Pagina singolo utente - gruppo */
#cont-infinite-scroll-utenti-gruppo{
	height:auto;
	padding:20px calc(20px - 1.5rem * 0.5);
	padding-bottom:0px;
	margin:0 auto;
	background:#fff;
	border:1px solid lightgrey;
}

#cont-infinite-scroll-utenti-gruppo #cont-elenco-utenti{ margin:0; }

.cont-profilo, .cont-gruppo{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	padding:15px;
}

.cont-testata-profilo, .cont-testata-gruppo{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.cont-immagine-profilo, .cont-immagine-gruppo{
	flex:0 0 100px;
	max-width:100px;
}

.immagine-profilo, .immagine-gruppo{
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50%;
}

.cont-info-profilo, .cont-info-gruppo{
	padding-top:15px;
	flex:0 0 100%;
	max-width:100%;
}

.cont-info-profilo h2{
	margin:0;
	font-size:1.175rem;
	text-align:center;
	margin-bottom:10px;
}

.cont-informazioni-profilo, .cont-informazioni-gruppo{
	font-size:0.775rem;
	margin-bottom:0;
	margin-top:20px;
}

.informazione-profilo, .informazione-gruppo{
	display:block;
	word-break:break-all;
	margin-bottom:5px;
}

.cont-statistiche-profilo>div, .cont-statistiche-gruppo>div{
	text-align:center;
	width:100%;
	margin-top:10px;
}

.cont-statistiche-profilo.inline, .cont-statistiche-gruppo.inline{
	display:flex;
	padding-top:0;
}

.cont-statistiche-gruppo.inline{ justify-content:center; }

.cont-statistiche-profilo.inline>div, .cont-statistiche-gruppo.inline>div{
	flex:0 0 33.33%;
	max-width:33.33%;
	margin-top:0;
	margin-bottom:10px;
}

.cont-statistiche-profilo>div::before, .cont-statistiche-profilo>div::after,
.cont-statistiche-gruppo>div::before, .cont-statistiche-gruppo>div::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-valore-statistica-profilo, .cont-valore-statistica-gruppo{
	float:left;
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-nome-statistica-profilo, .cont-nome-statistica-gruppo{
	float:left;
	margin-top:0;
	font-size:0.875em;
	color:#757575!important;
	margin-bottom:0!important;
	margin-left:5px;
}

.cont-statistiche-profilo.inline .cont-valore-statistica-profilo, .cont-statistiche-gruppo.inline .cont-valore-statistica-gruppo{
	float:none;
	font-weight:bold;
}

.cont-statistiche-profilo.inline .cont-nome-statistica-profilo, .cont-statistiche-gruppo.inline .cont-nome-statistica-gruppo{
	float:none;
	font-size:0.775em;
}

.cont-segui-profilo, .cont-amico-profilo{ position:relative; }

.pulsanti-azioni-profilo{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0072bb;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #0072bb;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-profilo:hover{
	color:#fff;
	background-color:rgb(191 114 0);
}

.pulsanti-azioni-profilo:focus-visible, .pulsanti-azioni-profilo:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-profilo.attiva-profilo{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-profilo.attiva-profilo:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

.cont-dropdown-azioni-profilo{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-profilo.mostra-profilo{ display:block; }

.item-dropdown-profilo{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-profilo:focus, .item-dropdown-profilo:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

.cont-info-profilo-mobile, .cont-info-gruppo-mobile{ display:none; }
.cont-info-profilo-mobile h4, .cont-info-gruppo-mobile h4{ margin:0; }

@media (max-width:767px){
	.cont-info-profilo, .cont-info-gruppo{
		flex:0 0 calc(100% - 60px);
		max-width:calc(100% - 60px);
	}

	.cont-immagine-profilo, .cont-immagine-gruppo{
		flex:0 0 60px;
		max-width:60px;
	}

	.cont-pulsanti-profilo{ margin:0 auto; }
	.cont-informazioni-profilo, .cont-informazioni-gruppo{ text-align:center; }
	.cont-info-profilo h2{ display:none; }

	.cont-info-profilo-mobile, .cont-info-gruppo-mobile{
		display:block;
		margin-bottom:10px;
	}

	.cont-profilo, .cont-gruppo{ border-radius:0; }

	.intestazione-gruppo-desktop{ display:none; }
	.intestazione-gruppo-mobile{ display:block; }
	.immagine-copertina-gruppo{ border-radius:0; }
	.navigazione-categorie-gruppo{ border-radius:0; }
}

/* Card Contenuti */
.cont-contenuto{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	margin-bottom:25px;
}

.cont-contenuto::before, .cont-contenuto::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-intestazione-contenuto{
	display:flex;
	align-items:center;
	float:left;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}

.cont-immagine-profilo-utente-contenuto{
	flex:0 0 35px;
	height:35px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
}

.cont-info-utente-contenuto{ padding-left:15px; }

.cont-nome-utente-contenuto{
	margin:0;
	font-size:0.8rem;
}

.cont-nome-utente-contenuto a{
	color:black;
	text-decoration:none;
}

.cont-icona-data-contenuto{ margin-right:3px; }

.cont-data-contenuto{
	font-size:0.7rem;
	color:#999;
	padding-top:10px;
	display:block;
}

.cont-data-contenuto a{
	text-decoration:none;
	color:#999;
}

.cont-immagine-contenuto{
	width:100%;
	padding-bottom:56.25%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

.cont-footer-contenuto{
	float:left;
	width:100%;
	padding:15px;
	background:#ddd;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	box-sizing:border-box;
}

.cont-nome-contenuto{
	margin:0;
	font-size:1.1rem;
}

.cont-nome-contenuto a{
	color:black;
	text-decoration:none;
}

.cont-tipo-contenuto{
	font-size:0.7rem;
	color:#999;
	display:block;
	margin-top:10px;
	height:22px;
	line-height:22px;
}

.cont-tipo-contenuto .azioni-comunicato{
	float:right;
	height:22px;
	line-height:normal;
}

.cont-tipo-contenuto span{
	display:inline;
	font-size:0.7rem;
	margin:0;
}

.cont-tipo-contenuto .azioni-comunicato{ font-size:0.7rem; }

.cont-azioni-contenuto{
	margin:10px -15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	display:flex;
	flex-wrap:wrap;
	padding:5px;
	justify-content:space-between;
}

.cont-azione-contenuto{
	flex:0 0 calc(50% - 2px);
	font-size:0.755rem;
	text-align:center;
}

.azione-contenuto{
	display:block;
	padding:5px 10px;
	border-radius:3px;
	color:black;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}

.azione-contenuto:after{
	content:' ';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}

.azione-contenuto .sub-reactions{
	width:max-content;
	position:absolute;
	padding:5px;
	left:0;
	top:calc(-100% - 15px);
	background:#fff;
	border-radius:100px;
	border:1px solid #adadad;
	visibility:hidden;
	opacity:0;
	transition:visibility 0.25s, opacity 0.25s linear;
	transition-delay:500ms;
}

.azione-contenuto.hover .sub-reactions{
	visibility:visible;
	opacity:1;
	transition:visibility 0.25s, opacity 0.25s linear;
	transition-delay:100ms;
}

.azione-contenuto .send-sub-reaction{
	display:inline-block;
	width:25px;
	height:25px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	transition:transform 0.5s;
}

.azione-contenuto .send-sub-reaction:hover{ transform:scale(1.5); }
.azione-contenuto .send-sub-reaction:not(:last-child){ margin-right:5px; }

.icona-azione-contenuto:after{
	content:' ';
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	width:0.855rem;
	height:0.855rem;
}

.azione-contenuto .testo-azione-contenuto:after{
	font-weight:bold;
	padding-left:3px;
}

.azione-contenuto .testo-azione-contenuto.reaction:after{ content:'Mi piace'; }
.azione-contenuto .icona-azione-contenuto.reaction:after{ background-image:url('data:image/svg+xml,<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"><g><path d="M36,0h-4.3L16,23.6V64h37.4l2-5l7.5-18.8c0.8-1.9,1.1-4,1-6.1C63.7,26,56.5,20,48.4,20h-1.2c0.5-2.7,0.8-5.4,0.8-8.1C47.9,5.3,42.6,0,36,0z M49.3,28c3.7,0,6.7,3,6.7,6.7c0,0.9-0.2,1.7-0.5,2.5L48,56H24V26L36,8c2.2,0,4,1.8,4,4c0,2.7-0.3,5.3-1,7.9L37,28H49.3z"/><rect y="28" width="8" height="36"/></g></svg>'); }
.azione-contenuto .testo-azione-contenuto.commenta:after{ content:'Commenta'; }
.azione-contenuto .icona-azione-contenuto.commenta:after{ background-image:url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4375 0.414551H3.5625C1.59422 0.414551 0 1.75705 0 3.41455V11.4146C0 13.0721 1.59422 14.4146 3.5625 14.4146H5.57828L8.64203 17.107C8.86766 17.3046 9.17641 17.4146 9.5 17.4146C9.81469 17.4146 10.1175 17.3096 10.3402 17.1221L13.5553 14.4146H15.4375C17.4058 14.4146 19 13.0721 19 11.4146V3.41455C19 1.75705 17.4058 0.414551 15.4375 0.414551ZM16.625 11.4146C16.625 11.9671 16.0936 12.4146 15.4375 12.4146H13.0625C12.7478 12.4146 12.445 12.5196 12.2223 12.7071L9.51781 14.9846L6.94391 12.7346C6.72125 12.5321 6.4125 12.4171 6.08594 12.4146H3.5625C2.90641 12.4146 2.375 11.9671 2.375 11.4146V3.41455C2.375 2.86205 2.90641 2.41455 3.5625 2.41455H15.4375C16.0936 2.41455 16.625 2.86205 16.625 3.41455V11.4146Z" fill="black"/></svg>'); }

.azione-contenuto:hover{ background:#ededed; }

.cont-footer-contenuto.commenti-open .cont-azioni-contenuto, .cont-footer-contenuto.has-comments .cont-azioni-contenuto{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin-bottom:0;
}

.cont-footer-contenuto .commenta-contenuto{
	display:none;
	margin:0 -15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top:1px solid #ddd;
	padding:8px;
	position:relative;
}

.cont-footer-contenuto.commenti-open .commenta-contenuto{ display:block; }

.campo-commento-contenuto{
	outline:none;
	border:0;
	background:#ededed;
	border-radius:5px;
	width:100%;
	resize:none;
	padding:5px;
	padding-right:45px;
}

.invia-commento{
	position:absolute;
	bottom:16px;
	right:13px;
	border:0;
	background:#0072bb;
	border-radius:100px;
	padding:5px 10px;
	outline:none;
	cursor:pointer;
}

.campo-commento-contenuto::-webkit-scrollbar{ width:3px; }

.campo-commento-contenuto::-webkit-scrollbar-track{
	border-radius:50px;
	background:#f1f1f1;
}

.campo-commento-contenuto::-webkit-scrollbar-thumb{
	border-radius:50px;
	background:#888;
}

.campo-commento-contenuto::-webkit-scrollbar-thumb:hover{ background:#555; }

.cont-footer-contenuto .cont-carica-altri-commenti{ display:none; }

.cont-footer-contenuto.has-load-more .cont-carica-altri-commenti{
	display:block;
	margin:0 -15px;
	padding:0 15px;
	background:#fff;
	border-top:1px solid #ddd;
	padding-top:5px;

}

.cont-footer-contenuto.has-load-more .carica-altri-commenti{
	color:#999;
	text-decoration:none;
	font-size:0.755rem;
	font-weight:bold;
}

.cont-footer-contenuto.has-load-more .carica-altri-commenti:hover{ text-decoration:underline; }

.cont-footer-contenuto.has-comments .commenti-contenuto{
	margin:0-15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding:15px;
	border-top:1px solid #ddd;
}

.cont-footer-contenuto.has-comments.has-load-more .commenti-contenuto{ border-top:0; }

.commento-contenuto{
	width:fit-content;
	background:#ededed;
	padding:10px 15px;
	border-radius:8px;
	margin-bottom:10px;
}

.nome-utente-commento{ font-size:0.755rem; }

.nome-utente-commento a{
	color:#000;
	text-decoration:none;
}

.contenuto-commento{
	font-size:0.805rem;
	margin-top:5px;
}

.data-commento{
	font-size:0.655rem;
	color:#777;
	margin-top:7px;
}

@media (max-width:767px){
	.cont-contenuto{ border-radius:0; }

	.cont-footer-contenuto{
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}

	.navigazione-menu-sidebar{ border-radius:0; }
}

/* Utenti Suggeriti */
.box-utenti-suggeriti{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	padding:15px;
}

.utenti-suggeriti-header{ margin-bottom:20px; }

.utenti-suggeriti-header:before, .utenti-suggeriti-header:after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.utenti-suggeriti-title{
	float:left;
	font-size:0.805rem;
	font-weight:bold;
}

.utenti-suggeriti-actions{
	float:right;
	font-size:0.805rem;
	font-weight:bold;
	margin-bottom:5px;
}

.utenti-suggeriti-actions a{ text-decoration:none; }

.box-utenti-suggeriti ul{
	list-style:none;
	padding:0;
	margin:0;
}

.box-utenti-suggeriti li a{
	text-decoration:none;
	color:inherit;
}

.cont-testata-utente-suggerito{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.cont-immagine-utente-suggerito{
	flex:0 0 60px;
	max-width:60px;
}

.immagine-utente-suggerito{
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50%;
}

.cont-info-utente-suggerito{
	padding-left:10px;
	padding-top:15px;
	flex:0 0 calc(100% - 60px);
	max-width:calc(100% - 60px);
	box-sizing:border-box;
}

.cont-informazioni-utente-suggerito{
	font-size:0.775rem;
	margin-bottom:0;
	margin-top:20px;
	text-align:center;
}

.informazione-utente-suggerito{
	display:block;
	word-break:break-all;
	margin-bottom:5px;
}

.cont-statistiche-utente-suggerito>div{
	text-align:center;
	width:100%;
	margin-top:10px;
}

.cont-statistiche-utente-suggerito.inline{
	display:flex;
	padding-top:0;
}

.cont-statistiche-utente-suggerito.inline>div{
	flex:0 0 33.33%;
	max-width:33.33%;
	margin-top:0;
	margin-bottom:10px;
}

.cont-statistiche-utente-suggerito>div::before, .cont-statistiche-utente-suggerito>div::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-valore-statistica-utente-suggerito{
	float:left;
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-nome-statistica-utente-suggerito{
	float:left;
	margin-top:0;
	font-size:0.875em;
	color:#757575!important;
	margin-bottom:0!important;
	margin-left:5px;
}

.cont-statistiche-utente-suggerito.inline .cont-valore-statistica-utente-suggerito{
	font-weight:bold;
	font-size:0.775em;
}

.cont-statistiche-utente-suggerito.inline .cont-nome-statistica-utente-suggerito{ font-size:0.675em; }

.cont-footer-utente-suggerito::before, .cont-footer-utente-suggerito::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-pulsanti-utente-suggerito{
	max-width:350px;
	margin:0 auto;
	float:right;
}

.cont-segui-utente-suggerito{ float:right; }
.cont-segui-utente-suggerito, .cont-amico-utente-suggerito{ position:relative; }

.pulsanti-azioni-utente-suggerito{
	border:0;
	background:transparent;
	padding:0;
	display:inline;
	color:#0072bb;
	font-weight:bold;
	font-size:0.655rem;
	cursor:pointer;
	float:right;
}

.pulsanti-azioni-utente-suggerito.attiva-utente-suggerito{ color:#0f0f0f; }

.cont-dropdown-azioni-utente-suggerito{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-utente-suggerito.mostra-utente-suggerito{ display:block; }

.item-dropdown-utente-suggerito{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-utente-suggerito:focus, .item-dropdown-utente-suggerito:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

.cont-info-utente-suggerito-mobile{
	display:block;
	margin-bottom:10px;
}

.cont-info-utente-suggerito-mobile h4{
	margin:0;
	font-size:0.755rem;
}

.cont-utente-suggerito{ border-radius:0; }

.custom-link{ cursor:pointer; }

/* Utenti Suggeriti mobile */
.box-utenti-suggeriti-mobile{ display:none; }

.utenti-suggeriti-mobile-header{ margin-bottom:10px; }

.utenti-suggeriti-mobile-header::before, .utenti-suggeriti-mobile-header::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.utenti-suggeriti-mobile-title{
	float:left;
	font-size:0.655rem;
	font-weight:bold;
}

.utenti-suggeriti-mobile-actions{
	float:right;
	font-size:0.655rem;
	font-weight:bold;
}

.utenti-suggeriti-mobile-actions a{ text-decoration:none; }

.scroll-utenti-suggeriti-mobile ul{
	white-space:nowrap;
	overflow:auto;
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.scroll-utenti-suggeriti-mobile li{
	display:inline-block;
	float:none;
	width:100px;
	margin:0 10px;
	text-align:center;
}

.immagine-utente-suggerito-mobile{
	width:80px;
	height:80px;
	border-radius:50%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto;
	border:1px solid #9E9E9E;
	background-color:#fff;
	margin-bottom:5px;
}

.scroll-utenti-suggeriti-mobile a{
	text-decoration:none;
	color:inherit;
	font-weight:bold;
}

.utente-suggerito-mobile-nome{
	font-size:0.655rem;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}

@media (max-width:767px){
	.box-utenti-suggeriti-mobile{ display:block; }
}

/* Notifiche */
.cont-notifiche{
	position:relative;
	cursor:pointer;
}

.cont-numero-notifiche{
	color:white;
	position:absolute;
	top:3px;
	background:#ff0000;
	height:20px;
	border-radius:50%;
	font-weight:bold;
	width:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	right:15px;
}

.cont-numero-notifiche[data-numero="0"]{ display:none; }

.cont-notifiche-body{
	position:absolute;
	top:calc(100% + 10px);
	right:20px;
	margin:0;
	padding:7px 7px 0 7px;
	background:#fff;
	border:1px solid #ededed;
	border-radius:5px;
	width:250px;
	display:none;
	text-wrap:wrap;
	text-align:left;
}

.cont-notifiche-body.mostra{ display:block; }

.cont-notifica{
	border-radius:5px;
	padding:10px 10px 7px 10px;
	margin-bottom:7px 
}

.cont-notifica:hover{ background:#ededed; }
.link-notifica{ text-decoration:none; }

.testo-notifica{
	color:#757575;
	font-size:0.755rem;
	line-height:0.955rem;
}

.data-notifica{
	color:#858585;
	font-size:0.655rem;
	line-height:1.355rem;
}

@media (max-width:767px){
	.cont-notifiche-body{
		position:fixed;
		top:unset;
		z-index:1;
		bottom:75px;
		right:unset;
		left:50%;
		transform:translate(-50%, 0);
		width:90%;
	}
}

.nessuna-notifica{
	color:black;
	font-size:0.655rem;
	text-align:center;
	padding-bottom:7px;
	display:block;
}

.sticky-element.sticky{
	position:sticky;
	top:110px;
}

@media (max-width:767px){
	.sidebar-sinistra{ margin-bottom:10px; }
	.cont-search{ margin:0 5px 10px 5px; }
	.cont-info-profilo-mobile, .cont-info-gruppo-mobile{ margin-bottom:0; }
	.cont-informazioni-profilo{ margin-top:0; }
	.informazione-profilo{ text-align:left; }
	.informazione-profilo.professione, .informazione-profilo.tipi-contenuti{ display:none; }

	.navigazione-menu-sidebar{
		margin-top:0;
		padding:0;
	}

	.navigazione-menu-sidebar>ul{ display:flex; }

	.navigazione-menu-sidebar>ul>li{
		flex:0 0 33%;
		text-align:center;
	}

	.navigazione-menu-sidebar a{ padding:10px 7px; }

	.cont-profilo, .cont-gruppo{
		display:flex;
		flex-wrap:wrap;
	}

	.cont-testata-profilo, .cont-testata-gruppo{
		flex:0 0 100%;
		order:1;
	}

	.cont-info-profilo-mobile, .cont-info-gruppo-mobile{
		flex:0 0 100%;
		order:2;
	}

	.cont-pulsanti-profilo{
		flex:0 0 100%;
		order:4;
	}

	.cont-informazioni-profilo, .cont-informazioni-gruppo{
		flex:0 0 100%;
		order:3;
	}
}