@font-face {
	font-family: 'Lato-Regular';
	src:
		url('../../font/private/Lato-Regular.woff') format('woff'),
		url('../../font/private/Lato-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src:
		url('../../font/private/Montserrat-Light.woff') format('woff'),
		url('../../font/private/Montserrat-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Regular';
	src:
		url('../../font/private/Montserrat-Regular.woff') format('woff'),
		url('../../font/private/Montserrat-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Medium';
	src:
		url('../../font/private/Montserrat-Medium.woff') format('woff'),
		url('../../font/private/Montserrat-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-SemiBold';
	src:
		url('../../font/private/Montserrat-SemiBold.woff') format('woff'),
		url('../../font/private/Montserrat-SemiBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src:
		url('../../font/private/Montserrat-Bold.woff') format('woff'),
		url('../../font/private/Montserrat-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: 'Lato-Regular', sans-serif;
}
.font-light {
	font-family: 'Montserrat-Light', sans-serif;
	font-style: normal;
	font-weight: normal !important;
}
.font-regular {
	font-family: 'Montserrat-Regular', sans-serif;
	font-style: normal;
	font-weight: normal !important;
}
.font-medium {
	font-family: 'Montserrat-Medium', sans-serif;
	font-style: normal;
	font-weight: normal !important;
}
.font-bold {
	font-family: 'Montserrat-SemiBold', sans-serif;
	font-style: normal;
	font-weight: normal !important;
}
.btn,
.font-bolder {
	font-family: 'Montserrat-Bold', sans-serif;
	font-style: normal;
	font-weight: normal !important;
}

/* MAIN REM UNIT BASE */
@media (min-width: 1921px) {
	html {
		font-size: 19.2px;
	}
}
@media (min-width: 1280px) and (max-width: 1920px) {
	html {
		font-size: 1.0vw;
	}
}
@media (min-width: 992px) and (max-width: 1279px) {
	html {
		font-size: 1.3vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 2.5vw;
	}
}
@media (max-width: 767px) {
	html {
		font-size: 4vw;
	}
}

/*wrapper & bounds*/
.wrapper {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}
.bounds {
	position: relative;
	margin: 0 auto;
}
@media (min-width: 1280px) {
	.bounds {
		max-width: 80.5%;
	}
}
@media (max-width: 1279px) {
	.bounds {
		max-width: 100%;
		padding: 0 1rem;
	}
}
@media (max-width: 1199px) {
	.bounds {
		max-width: 100%;
	}
}
/*@media (min-width: 992px) {
	.bounds > .px {
		padding-left: 8rem;
		padding-right: 8rem;
	}
}
@media (max-width: 1199px) {
	.bounds > .pl,
	.bounds > .pr {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}*/

.full-width-bg {
	overflow: visible;
}
.full-width-bg {
	position: relative;
}
.full-width-bg::before,
.full-width-bg::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
}
.full-width-bg::before {
	right: 99%;
}
.full-width-bg::after {
	left: 99%;
}
.full-width-bg.right::before,
.full-width-bg.left::after {
	content: none;
}

/*overwidth bg */
@media (min-width: 1921px) {
	.wrapper,
	.bounds {
		overflow: visible;
	}
}

.navigator .dot[data-state="todo"],
.navigator .dot[data-state="active"],
.ec .group[data-state="locked"   ] [data-state-locked*="bg-lightblue"],
.ec .group[data-state="available"] [data-state-available*="bg-lightblue"],
.ec .group[data-state="completed"] [data-state-completed*="bg-lightblue"],
select.form-control,
select.form-control:active,
select.form-control:focus,
.bg-lightblue.full-width-bg::after,
.bg-lightblue.full-width-bg::before,
.bg-hover-lightblue:hover,
.bg-lightblue {
	background-color: #DAE6F4 !important;
}
.navigator .dot[data-state="done"],
.ec .group .label.filled,
.ec .group .label.filled input,
.ec .group[data-state="locked"   ] [data-state-locked*="bg-blue"],
.ec .group[data-state="available"] [data-state-available*="bg-blue"],
.ec .group[data-state="completed"] [data-state-completed*="bg-blue"],
select.form-control option:hover,
select.form-control option:checked,
select.form-control option:active,
select.form-control option:focus,
.answer.selected,
.bg-blue.full-width-bg::after,
.bg-blue.full-width-bg::before,
.bg-hover-blue:hover,
.bg-blue {
	background-color: #2664AE !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="bg-blue2"],
.ec .group[data-state="available"] [data-state-available*="bg-blue2"],
.ec .group[data-state="completed"] [data-state-completed*="bg-blue2"],
.bg-blue2 {
	background-color: #BBD2EE !important;
}
.bg-lightgrey.full-width-bg::after,
.bg-lightgrey.full-width-bg::before,
.bg-hover-lightgrey:hover,
.bg-lightgrey {
	background-color: #F1F1F1 !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="bg-darkgrey"],
.ec .group[data-state="available"] [data-state-available*="bg-darkgrey"],
.ec .group[data-state="completed"] [data-state-completed*="bg-darkgrey"],
.bg-darkgrey.full-width-bg::after,
.bg-darkgrey.full-width-bg::before,
.bg-hover-grey:hover,
.bg-darkgrey {
	background-color: #888 !important;
}
.ec .group#ec_g3 .label.filled,
.ec .group#ec_g3 .label.filled input,
.bg-green.full-width-bg::after,
.bg-green.full-width-bg::before,
.bg-hover-green:hover,
.bg-green {
	background-color: #6AB32F !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="bg-lightgreen"],
.ec .group[data-state="available"] [data-state-available*="bg-lightgreen"],
.ec .group[data-state="completed"] [data-state-completed*="bg-lightgreen"],
.poll-ohs .show-hide.hide,
.bg-lightgreen.full-width-bg::after,
.bg-lightgreen.full-width-bg::before,
.bg-hover-lightgreen:hover,
.bg-lightgreen {
	background-color: #D7E4CD !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="bg-white"],
.ec .group[data-state="available"] [data-state-available*="bg-white"],
.ec .group[data-state="completed"] [data-state-completed*="bg-white"],
.bg-white.full-width-bg::after,
.bg-white.full-width-bg::before,
.bg-hover-white:hover,
.bg-white {
	background-color: #fff !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="bg-grey"],
.ec .group[data-state="available"] [data-state-available*="bg-grey"],
.ec .group[data-state="completed"] [data-state-completed*="bg-grey"],
.bg-grey.full-width-bg::after,
.bg-grey.full-width-bg::before,
.bg-hover-grey:hover,
.bg-grey {
	background-color: #c1c1c1 !important;
}

select.form-control option:hover,
select.form-control option:checked,
select.form-control option:active,
select.form-control option:focus,
.color-hover-lightblue:hover,
.color-lightblue {
	color: #DAE6F4 !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="color-blue"],
.ec .group[data-state="available"] [data-state-available*="color-blue"],
.ec .group[data-state="completed"] [data-state-completed*="color-blue"],
article a,
select.form-control,
select.form-control:active,
select.form-control:focus,
select.form-control option,
.color-hover-blue:hover,
.color-blue {
	color: #2664AE !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="color-blue2"],
.ec .group[data-state="available"] [data-state-available*="color-blue2"],
.ec .group[data-state="completed"] [data-state-completed*="color-blue2"],
.color-blue2 {
	color: #709FD7 !important;
}
input::-webkit-input-placeholder {
	color: #709FD7 !important;
}
input::-moz-placeholder {
	color: #709FD7;
}
input::-ms-input-placeholder {
	color: #709FD7;
}
input::placeholder {
	color: #709FD7 !important;
}
.answer.selected,
.color-hover-lightgrey:hover,
.color-lightgrey {
	color: #F1F1F1 !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="color-grey"],
.ec .group[data-state="available"] [data-state-available*="color-grey"],
.ec .group[data-state="completed"] [data-state-completed*="color-grey"],
.color-grey {
	color: #c1c1c1 !important;
}
.color-hover-darkgrey:hover,
.color-darkgrey {
	color: #888 !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="color-green"],
.ec .group[data-state="available"] [data-state-available*="color-green"],
.ec .group[data-state="completed"] [data-state-completed*="color-green"],
.poll-ohs .show-hide.hide,
.btn.bg-lightgreen,
.color-hover-green:hover,
.color-green {
	color: #6AB32F !important;
}
.ec .group#ec_g3 input::-webkit-input-placeholder {
	color: #6AB32F !important;
}
.ec .group#ec_g3 input::-moz-placeholder {
	color: #6AB32F;
}
.ec .group#ec_g3 input::-ms-input-placeholder {
	color: #6AB32F;
}
.ec .group#ec_g3 input::placeholder {
	color: #6AB32F !important;
}
.ec .group[data-state="locked"   ] [data-state-locked*="color-darkgreen"],
.ec .group[data-state="available"] [data-state-available*="color-darkgreen"],
.ec .group[data-state="completed"] [data-state-completed*="color-darkgreen"],
.color-green2,
.color-darkgreen {
	color: #3e8b00 !important;
}
.ec .group .label.filled,
.ec .group .label.filled input,
.ec .group[data-state="locked"   ] [data-state-locked*="color-white"],
.ec .group[data-state="available"] [data-state-available*="color-white"],
.ec .group[data-state="completed"] [data-state-completed*="color-white"],
.btn.bg-green,
.btn.bg-blue,
.color-hover-white:hover,
.color-white {
	color: #fff !important;
}
.navigator .dot[data-state="active"],
.poll-ohs .tab-pane.show[data-type="sector"],
.border-blue {
	border-color: #2664AE !important;
}
.border-blue2 {
	border-color: #BBD2EE !important;
}
.border-lightblue {
	border-color: #709FD7 !important; /*martellata d'elia*/
}
.border-lightgrey {
	border-color: #F1F1F1 !important;
}
.border-lightgreen {
	border-color: #D7E4CD !important;
}
.poll-ohs .tab-pane.show[data-type="size"],
.border-green {
	border-color: #6AB32F !important;
}

.ec .group[data-state="locked"] [data-state-locked*="unclickable"] {
	pointer-events: none !important;
	cursor: default !important;
}

article a,
article a:active,
article a:hover,
article a:visited,
article a:link {
	text-decoration: underline;
}

.shadow {
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
}

.radius-1 {
  border-radius: 1.25rem;
	overflow: hidden;
}
.btn,
.radius-2 {
	border-radius: 0.5rem;
	overflow: hidden;
}
.radius-3 {
	border-radius: 0.5rem;
	overflow: hidden;
}

.btn {
	font-size: 0.8rem;
	padding: 0.375rem 1.25rem;
}
@media (max-width: 991px) {
	.btn {
		font-size: 1rem;
	}
}
.btn.logout {
	top: 0;
	right: 0;
}
.nav-tabs .nav-link {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:not(.active) {
	opacity: .5 !important;
}

.form-control:focus {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

select.form-control {}
select.form-control option {
}
option:hover {
}
option:hover,
option:checked,
option:active,
option:focus {
}

a,
a:hover,
a:active,
a:focus,
a:visited {
	text-decoration: none;
}
/*don't jump from a full-page-h-content to a normal page*/
body {
	overflow-y: scroll;
}
@media (max-width: 991px) {
	body {
		background-color: #000 !important;
	}
	body > main {
		transition: opacity .4s;
		will-change: opacity;
	}
	body.no-scroll {
		height: 100vh !important;
		overflow: hidden;
	}
	body.nav-mobile-show > main {
		opacity: .4 !important;
	}
}

header .back {
	left: 0;
	top: 0;
	background-image: url("../../img/private/arrowLeftWhite.svg");
	background-size: 60% auto;
}
@media (min-width: 992px) {
	header nav a.menuitem .bottom-border {
		left: 0;
		bottom: 0;
	}
}
@media (max-width: 991px) {
	header nav a.menuitem .bottom-border {
		height: 1px;
	}
}
header nav a.menuitem:not([data-menuitem-current="1"]) {
	opacity: .5;
}
header nav a.menuitem:not([data-menuitem-current="1"]) .bottom-border {
	opacity: 0;
}
.v-spacer-header {
	height: 2.6rem;
}
.full-page-h-content {
	min-height: calc(100vh - 2.6rem);
}
.full-page-h-content > div {
	padding-bottom: 2.6rem;
}
.navigator .sizer {
	width: 6.5rem;
}
.poll-mhwpww .navigator {
	margin-left: -3rem;
}
.poll-ohs .navigator {
	margin-left: -3.75rem;
}
.poll-mhwpww .navigator .sizer {
	width: 5.75rem;
}
.poll-ohs .navigator .sizer {
	width: 6.5rem;
}
.navigator .dot {
	width: 0.81rem;
	height: 0.81rem;
}
.navigator .dot-parent {
	padding-bottom: 5.8vh;
}
.navigator .clickable {
	top: 0;
	left: 0;
	height:  1rem;
	margin-top: -0.1rem;
	border-radius: 0.81rem 0 0 0.81rem;
}
.navigator .arrow {
	width: 0.91rem;
	height: 0.91rem;
	margin-top: -0.05rem;
}

@media (max-width: 991px) {
	body[data-route="private.mhw"] .progress-bar-container,
	body[data-route="private.pww"] .progress-bar-container,
	body[data-route="private.ohs"] .progress-bar-container {
		display: block !important;
	}
}
.home {
	background: linear-gradient(180deg, #2664AE 0%, #6AB32F 100%);
}

.question-with-answers:last-child {
	margin-bottom:0 !important
}

@media (max-width: 991px) {
	.question-with-answers {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media (min-width: 992px) {
	.question-with-answers {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.poll-mhwpww,
	.interventions {
		width: 94.5%;
	}
}
/*index*/
.index .left::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background: linear-gradient(180deg, #2664AE 0%, #6AB32F 100%);
}
.index .logo {
	height: 4.3rem;
}
.index .title {
	font-size: 3.5rem;
}

@media (max-width: 991px) {
	body[data-route="private"] .back-to-home {
		top: 1.4rem;
		left: 0;
	}
	.index .logout {
		top: 1rem;
		right: 0;
	}
	.index .right.full-width-bg::after {
		content: none !important
	}
}
@media (min-width: 992px) {
	.index .logout {
		top: 2%;
		right: 0;
	}
	body[data-route="private"] .back-to-home {
		top: 0.7rem;
		left: 0.7rem;
	}
	.index .left,
	.index .right {
		height: 40vh;
	}
	.index .box {
		height: 25vh;
	}
}


/*mhwpww*/

/*semaphores*/
@media (min-width: 992px) {
	.semaphores-page .fixed-col {
		width: 18.5rem;
	}
}
.semaphore-content {
	min-height: 16.5rem;
}
.semaphores .chart .values {
	left: 0;
	bottom: 0;
}
.semaphores .result-text > div.value:not(.show) {
	display: none;
}
.semaphore[data-score="0-bad"] {
	color:hsl(0, 94%, 62%)
}
.semaphore[data-score="0-good"] {
	color:hsl(155, 95%, 30%)
}
.semaphore[data-score="0-good"] .score, .semaphore[data-score="0-bad"] .score {
	font-size: 5rem !important;
}
.semaphore-references-container:not(.expanded) .more-less .minus,
.semaphore-references-container.expanded .more-less .plus {
	display: none;
}
@media (max-width: 991px) {
	.semaphore-references {
		display: block !important;
	}
}

.ec .group:not(.expanded) .more-less .minus,
.ec .group.expanded .more-less .plus {
	display: none;
}
/*interventions*/
.interventions .to-show,
.interventions .top-image {
	will-change: height;
}
.interventions .top-image {
	height: 22.5rem;
	background-size: cover ;
	border-bottom-left-radius: 1.25rem;
	overflow: hidden;
}
/* .interventions .intervention:first-child .top-image {
	background-image: url("../../img/private/megafono.png");
} */
.interventions-tooltip:not(.expanded) {
	/* if not expanded */
	display: none !important;
}
.interventions-tooltip.expanded {
	/* bootstrap ml-1d5 */
	margin-left: 0.375rem !important;
	/* bootstrap align-top */
	vertical-align: top !important;
}
.interventions .top-image .more-less {
	top: 0;
	right: 0;
	padding: 1.15rem;
	border-bottom-left-radius: 1.25rem;
}
.intervention:not(.expanded) .shower.btn .minus,
.intervention.expanded .shower.btn .plus {
	display: none;
}
.interventions .attachments a  {
	width: 10rem;
}
@media (min-width: 992px) {
	.intervention .title {
		min-height:3.7rem
	}
}
@media (max-width: 991px) {
	.interventions .to-show {
		/*display: block !important;*/
	}
	.interventions .top-image {
		height: 15rem;
		border-bottom-left-radius: 0;
	}
}

/*ohs*/
.poll-ohs .group > .group-content {
	border-top-left-radius: 0;
}
.poll-ohs .group .counter {
	right: 100%;
	top: 0;
	border-bottom-right-radius: 0;
}
.poll-ohs .show-hide span {
	display: none;
}
.poll-ohs .show-hide.show span.show {
	display: inline;
}
.poll-ohs .show-hide.hide span.hide {
	display: inline;
}
.poll-ohs .result {
	min-height: 17.1rem;
}
.poll-ohs .chart .values {
	left: 0;
	top: 54%;
	transform: translateY(-50%);
}
@media (min-width: 992px) {
	.poll-ohs {
		width: 86%;
		padding-bottom: 35vh
	}
	.poll-ohs .group .counter {
		border-top-right-radius: 0;
	}
	.poll-ohs .nav-tabs .nav-link {
		min-width: 16.4rem;
	}
}
@media (max-width: 991px) {
	.poll-ohs .group .counter {
		border-bottom-left-radius: 0;
	}
	.poll-ohs .nav-tabs .nav-link {
		width: 50%;
	}
}

/*ec*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
.ec .group[data-state="locked"] [data-state-locked*="block"],
.ec .group[data-state="available"] [data-state-available*="block"],
.ec .group[data-state="completed"] [data-state-completed*="block"]
{
	display: block !important;
}
.ec .group[data-state="locked"] [data-state-locked*="flex"],
.ec .group[data-state="available"] [data-state-available*="flex"],
.ec .group[data-state="completed"] [data-state-completed*="flex"]
{
	display: flex !important;
}
.ec .group[data-state="locked"] [data-state-locked*="hidden"],
.ec .group[data-state="available"] [data-state-available*="hidden"],
.ec .group[data-state="completed"] [data-state-completed*="hidden"]
{
	display: none !important;
}
.ec .left .top {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.ec .left .bottom {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.ec .group:not(.expanded) .more-less .minus,
.ec .group.expanded .more-less .plus {
	display: none;
}
@media (min-width: 992px) {
	.ec .nav-tabs .nav-link {
		min-width: 9rem;
	}
}
@media (max-width: 991px) {
	.ec .nav-tabs .nav-link {
		width: 50%;
	}
}
.ec .group .required-groups span:last-child {
	display: none;
}
.ec [data-field="item"][data-id="ec_g2_t2"] > div:first-child {
	padding-right: 0 !important;
}

@media (max-width: 991px) {
	.hint {
		width: 1.1rem;
		height: 1.3rem;
	}
}
.nav-mobile {
	top: 0;
	left: 0;
}
.nav-mobile:not(.show) {
	transform: translateY(-101%);
}

.video-preview-container {
	background-color: rgba(0,0,0,.7);
}
.video-preview-container img {
	max-height: 90%;
}
.video-preview-container .close {
	right: 1.3rem;
	top: 0.8rem;
}
@media (min-width: 992px) {
	.video-preview-container .close {
		right: 2rem;
		top: 2rem;
	}
}




.btn.bg-green:hover {
    background-color: rgb(96, 161, 42) !important;
}

.btn.bg-green:active {
    background-color: rgb(87, 147, 37) !important;
}

.btn.bg-blue:hover {
    background-color: rgb(34, 90, 157) !important;
}

.btn.bg-blue:active {
    background-color: rgb(30, 80, 139) !important;
}

.btn.bg-lightgreen:hover {
    background-color: rgb(194, 206, 185) !important;
}

.btn.bg-lightgreen:active {
    background-color: rgb(172, 182, 164) !important;
}

.btn.bg-green.hide:hover {
    background-color: rgb(194, 206, 185) !important;
}

.btn.bg-green.hide:active {
    background-color: rgb(172, 182, 164) !important;
}