body {
	font-family: "Segoe UI", Arial, Sans-serif;
}

.main-panel {
	width: 100%;
}

#ctl00_phContents_ctlContents_pnlList {
	width: 500px !important;
}

#ctl00_phContents_ctlContents_pnlDetails,
#ctl00_phContents_ctlContents_ctlItemEditor_iv_txtDescription,
#ctl00_phContents_ctlContents_ctlItemEditor_iv_txtText {
	width: calc(100% - 500px) !important;
}

#ctl00_phContents_ctlContents_rtvBrowser {
	width: 100% !important;
}

DIV.form-panel .item .value .Default.reWrapper {
	height: 400px !important;
	width: auto !important;
	touch-action: none;
	margin-right: 2rem;
}

.reDropDownBody {
	width: 420px !important;
}

.sottotitolo {
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	font-weight: bold;
	margin: 0.4rem 0;
}

.h1blu {
	color: #003DA6;
	font-size: 60px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h1blu {
	margin: 0;
	white-space: nowrap;
}

.h1nero {
	color: #212529;
	font-size: 60px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h1nero {
	margin: 0;
	white-space: nowrap;
}

.h2blu {
	color: #003DA6;
	font-size: 35px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h2blu {
	margin: 0;
	white-space: nowrap;
}

.h2nero {
	color: #212529;
	font-size: 35px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h2nero {
	margin: 0;
	white-space: nowrap;
}

.h3blu {
	color: #003DA6;
	font-size: 33px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h3blu {
	margin: 0;
	white-space: nowrap;
}

.h3nero {
	color: #212529;
	font-size: 33px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h3nero {
	margin: 0;
	white-space: nowrap;
}

.h4blu {
	color: #003DA6;
	font-size: 28px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h4blu {
	margin: 0;
	white-space: nowrap;
}

.h4nero {
	color: #212529;
	font-size: 28px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h4nero {
	margin: 0;
	white-space: nowrap;
}

.h5blu {
	color: #003DA6;
	font-size: 25px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h5blu {
	margin: 0;
	white-space: nowrap;
}

.h5nero {
	color: #212529;
	font-size: 25px;
	font-weight: bold;
	display: block;
	font-family: "Segoe UI", Arial, Sans-serif;
	margin: 0.4rem 0;
}

.reDropDownBody .h5nero {
	margin: 0;
	white-space: nowrap;
}

.text-blue-light {
	color: #003DA6;
}

.button-outline {
	--bs-link-color: #1D355F;
	color: var(--bs-link-color);
	text-decoration: none;
	--bs-btn-padding-x: 1.5rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-size: 1.125rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 30px;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: var(--bs-btn-border-radius);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 2rem;
	--bs-btn-font-size: calc(1.265625rem + 0.1875vw);
	--bs-btn-border-radius: 50px;
	margin: auto !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
	font-size: 1.125rem !important;
	--bs-text-opacity: 1;
	--bs-blue-light-rgb: 0, 61, 166;
	color: #003DA6 !important;
	font-weight: 300;
	background-color: #fff;
	border: 2px solid #53aef3;
	width: fit-content;
}

.button-outline:hover, .button-download:hover {
	border: 2px solid #0076B0 !important;
	background-color: #0076B0 !important;
	color: white !important;
	fill: white !important;
}


.button-outline > img {
	margin-left: -0.25rem !important;
	margin-right: 0.5rem;
	width: 24px;
}


.button-download {
	position: relative;
	--bs-link-color: #1D355F;
	color: var(--bs-link-color);
	text-decoration: none;
	--bs-btn-padding-x: 1.5rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-size: 1.125rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 30px;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: var(--bs-btn-border-radius);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 2rem;
	--bs-btn-font-size: calc(1.265625rem + 0.1875vw);
	--bs-btn-border-radius: 50px;
	margin: auto !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	padding-right: 1.5rem !important;
	padding-left: 3.8rem !important;
	font-size: 1.125rem !important;
	--bs-text-opacity: 1;
	--bs-blue-light-rgb: 0, 61, 166;
	color: #003DA6 !important;
	font-weight: 300;
	background-color: #fff;
	border: 2px solid #53aef3;
	width: fit-content;
}

.button-download:before {
	position: absolute;
	content: "";
	top: 6px;
	left: 1.2rem;
	background: transparent url(/Content/img/icons/download.png) no-repeat 0 0;
	background-size: 34px 34px;
	width: 34px;
	height: 34px;
	z-index: 1;
}

.button-outline:hover, .button-download:hover {
    border: 2px solid #0076B0 !important;
    background-color: #0076B0 !important;
    color: white !important;
    fill: white !important;
}

.button-download:hover img, .button-download:hover::before {
	filter: grayscale(100%) brightness(100);
}

.button-outline::before, .button-download::before {
	transition: filter 150ms;
}

.text-center {
	text-align: center;
	display: block;
}

.lista-alfabetica {
	min-height: 80px;
	width: 100%;
	border: 1px dashed #ce0000;
}

.lista-bullet {
	min-height: 80px;
	width: 100%;
	border: 1px dashed #1D355F;
}

.freccia {
	margin-left: 1rem;
}

/*.right-box {
    float:right;
    min-height: 80px;
    width: 50%;
    border: 1px dashed orange;
}*/

.bullet-item {
	position: relative;
	padding-left: 1.5rem;
	display: block;
}

	.bullet-item:before {
		position: absolute;
		top: 6px;
		left: 0;
		content: "";
		width: 12px;
		height: 12px;
		top: 7px;
		border-radius: 50%;
		background-color: #53aef3;
	}

.dash-item {
	position: relative;
	padding-left: 2.5rem;
	display: block;
}

	.dash-item:before {
		position: absolute;
		content: "";
		width: 22px;
		height: 4px;
		top: 9px;
		left: 0;
		background-color: #53aef3;
	}

.box-shadowed {
	background-color: #fff;
	box-shadow: 3px 3px 11px 0px rgb(0 0 0 / 20%);
	margin: auto;
	border-radius: 50px;
	padding: 2rem;
	margin: 1rem;
}

video.inline-video {
	width: calc(100% - 4rem);
	height: 300px;
	margin: 2rem;
}

.lottie-file {
	width: 70%;
	margin: auto;
	height: 100px;
	border-style: dashed;
	border-color: #ce0000;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

	.lottie-file:before {
		position: absolute;
		top: -2px;
		right: 5px;
		color: #e7e5e5;
		content: "ANIMAZIONE";
		font-size: 2.5rem;
		font-weight: bold;
		width: 100%;
		text-align: center;
		line-height: 2.7rem;
		opacity: 0.8;
	}

.widget {
	width: 70% !important;
	margin: auto;
	height: 100px;
	border-style: dashed;
	border-color: orange;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

	.widget:before {
		position: absolute;
		top: -2px;
		right: 5px;
		color: #e7e5e5;
		content: "WIDGET";
		font-size: 2.5rem;
		font-weight: bold;
		width: 100%;
		text-align: center;
		line-height: 2.7rem;
		opacity: 0.8;
	}

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