body {
	font-family: var(--bs-body-font-family);
	color: var(--primary-black);
	font-size: .9rem;
}

/* utility*/
.gm-ui-hover-effect{
  width:24px!important;
  height: 24px!important;
  margin-top: -10px!important;
}
.gm-style-iw .gm-style-iw-c{
  width: 150px!important;
}
.gm-style-iw-chr{
  width:90px;
}
.btn-close {
	--bs-btn-close-opacity: 1;
	background-image: url(../images/ico/cancel_24px.svg);
	-webkit-background-size: cover;
	background-size: cover;
}

.modal-header {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--color-gray);
}

.cursor {
	cursor: pointer;
}

a {
	color: var(--bs-link-color);
	text-decoration: none!important;
}

.btn-close:focus {
	box-shadow: 0 0 0 .25rem rgb(88 176 49 /25%);
}

.btn:focus {
	box-shadow: 0 0 0 .25rem rgb(88 176 49 /25%);
}

.modal-content{
	-webkit-border-radius: 1rem!important;
	-moz-border-radius: 1rem!important;
	border-radius:1rem!important ;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bg-green);
	--bs-btn-border-color: var(--bg-green);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bg-green);
		--bs-btn-hover-border-color: var(--bg-green);
	--bs-btn-focus-shadow-rgb: inset 0px 1px 2px 0px #0000004D;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2E6C13;
	--bs-btn-active-border-color: #2E6C13;
	--bs-btn-active-shadow: inset 0px 1px 2px 0px #0000004D;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1A1C18;
	--bs-btn-disabled-border-color: #1A1C18;
	--bs-btn-padding-x: 1.3rem;
	--bs-btn-padding-y: 0.45rem;
	--bs-btn-border-radius: 6.25rem;
}


.btn-primary:hover {
	box-shadow: 0px 1px 15px 0px #0000004D;
}
.btn-light {
	--bs-btn-color:var(--bg-green);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bg-green);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bg-green);
		--bs-btn-hover-border-color: var(--bg-green);
	--bs-btn-focus-shadow-rgb: inset 0px 1px 2px 0px #0000004D;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2E6C13;
	--bs-btn-active-border-color: #2E6C13;
	--bs-btn-active-shadow: inset 0px 1px 2px 0px #0000004D;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1A1C18;
	--bs-btn-disabled-border-color: #1A1C18;
	--bs-btn-padding-x: 1.5rem;
	--bs-btn-padding-y: .45rem;
	--bs-btn-border-radius: 6.25rem;
	
}
.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #000;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4b4b4b;
	--bs-btn-hover-border-color: #4b4b4b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4b4b4b;
	--bs-btn-active-border-color: #4b4b4b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #7e7e7e;
	--bs-btn-disabled-border-color: #7e7e7e;
	--bs-btn-padding-x: 1.3rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-border-radius: 0.2rem;
}

.btn-alarm {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--color-red);
	--bs-btn-border-color: var(--color-red);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4b4b4b;
	--bs-btn-hover-border-color: #4b4b4b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4b4b4b;
	--bs-btn-active-border-color: #4b4b4b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #7e7e7e;
	--bs-btn-disabled-border-color: #7e7e7e;
	--bs-btn-padding-x: 1.3rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-border-radius: 0.2rem;
}

.btn-schedaL {
	--bs-btn-color: #fff;
	--bs-btn-bg: #000;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4b4b4b;
	--bs-btn-hover-border-color: #4b4b4b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4b4b4b;
	--bs-btn-active-border-color: #4b4b4b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #7e7e7e;
	--bs-btn-disabled-border-color: #7e7e7e;
	--bs-btn-padding-x: 0.2rem;
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-border-radius: 0.2rem;
}

.form-control:focus {
	border-bottom: 2px solid #2E6C13;
	color: #43483E;
	background-color: #E3E3DC;
	outline: 0;
	box-shadow: none;
	border-top: none;
	border-left: none;
	border-right: none;
}

.form-control {
	border-radius: 4px 4px 0px 0px;
	height: 56px;
	padding: 10px;
	background-color:var(--color-gray);
	border-bottom: solid 1px #2E6C13;
	color: #43483E;
}

.input:-internal-autofill-selected {
	background-color: #1A1C1814!important;
	border-bottom: solid 1px;
}

.form-check-input {
	border: 1px solid var(--primary-color);
}

.form-check-input:checked {
	background-color: var(--color-green);
	border-color: var(--color-green);
}

.form-check-input:focus {
	border-color: var(--color-green);
	box-shadow: 0 0 0 .15rem rgb(88 176 49 .25);
}
	.material-symbols-outlined {
		color:var(--ref-neutral);
	}
.color_red{
	color:var(--color-red);
}	
.color_orange{
		color:var(--color-ari);
	}
.color_green{
	color:var(--color-green);
}
.color_yellow{
	color:var(--color-yellow);
}
.color_disconnect{
	color:var(--color-disconnect);
}
.color_white{
	color:var(--color-white);
}
.color_disabled{
	color:var(--color-disabled)!important;
}
/*media query*/

@media (max-width: 576,98px) {
	.logo img {
		margin-left: .2rem;
		width: 7rem;
	}
	.content {
		margin-top: 3.6rem;
	}
	#change_circle {
		font-size: 2.2rem;
	}
	#filter_alt {
		font-size: 2.2rem;
	}
	.nav-link {
		text-align: center;
	}
	.material-symbols-outlined,
	#change_circle1,
	#monitoring,
	#group_add,
		{
		font-size: 2.3rem;
		margin-right: 1rem;
	}
	.textMenu {
		font-weight: 600;
		font-size: 16px;
		vertical-align: top;
		line-height: 2px;
	}
	.icoMenu {
		text-align: center;
		margin-bottom: .5rem;
		margin-top: -1rem;
	}
	.box_maps {
		margin-top: 8.5rem;
		height: 77vh!important;
	}
	.box_azioni {
		top: 9rem!important;
		left: 10rem!important;
	}
	.margin_testata {
		margin-top: 8rem;
	}
	.logo_login {
		margin-top: 6vh;
	}
  #TabNote .nav-link{
    padding-right: 0.7rem;
    padding-left: 0.7rem;
  }
}

@media (min-width: 576,99px) and (max-width:768,98px) {
	#hearing {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#hearing_disabled {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#contactless {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#capturebtn {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#contactless_off {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#detector_alarm {
		font-size: 2.5rem;
		vertical-align: middle;
	}
	#logout {
		font-size: 2.5rem;
		margin-right: 1.5rem;
		vertical-align: middle;
		color: var(--primary-color);
	}
	.content {
		margin-top: 4.9rem;
	}
	#change_circle {
		font-size: 2.6rem;
	}
	#filter_alt {
		font-size: 2.3rem;
	}
	.material-symbols-outlined,
	#change_circle1,
	#monitoring,
	#group_add,
		{
		font-size: 2.2rem;
	}
	.logo_login {
		margin-top: 6vh;
	}
	.nav-link {
		text-align: center;
	}
	.logo img {
		margin-left: .5rem;
		width: 8rem
	}
	.icoMenu {
		text-align: center;
		margin-bottom: .5rem;
		margin-top: -1rem;
	}
	#hearing {
		margin-right: 1rem;
	}
	#hearing_disabled {
		margin-right: 1rem;
	}
	#contactless {
		margin-right: 1rem;
	}
	#contactless_off {
		margin-right: 1rem;
	}
	#detector_alarm {
		margin-right: 1rem;
	}
	#change_circle {
		font-size: 2.6rem;
	}
	#filter_alt {
		margin-right: 1rem;
	}
	#capturebtn {
		margin-right: 1rem;
	}
	.box_maps {
		margin-top: 7.5rem;
	}
	.margin_testata {
		margin-top: 8rem;
	}
}

@media (min-width: 768,99px) and (max-width:992,98px) {
	.logo_login {
		margin-top: 6vh;
	}
	.material-symbols-outlined,
	#change_circle1,
	#monitoring,
	#group_add,
	#dashboard {
		font-size: 2.5rem;
	}
	.textMenu {
		font-weight: 600;
		font-size: 16px;
		vertical-align: top;
		line-height: 4;
	}
	.nav-link,
	#dashboard,
	#change_circle1,
	#monitoring,
	#group_add {
		line-height: 1.6;
	}
	.logo img {
		margin-left: 2rem;
		width: 9rem
	}
	.icoMenu {
		text-align: end;
	}
	.margin_testata {
		margin-top: 6rem;
	}
}

@media (min-width: 992,99px) and (max-width:1200,98px) {
	.logo_login {
		margin-top: 8vh;
	}
}

@media (min-width: 1200,99px) and (max-width:1400,98px) {
	.logo_login {
		margin-top: 8vh;
	}
}

@media (min-width: 1400,99px) {
	.logo_login {
		margin-top: 20vh;
	}
}

/* header */

.box_testata {
	height: 100%;
	width: 82px;
	background-color: var(--color-gray);
	box-shadow: 0px 1px 3px 0px #0000004D;
	padding-top: 24px;
	padding-right: 0px;
  padding-left: 0px;
}

.hr_menu {
	margin: 0rem 1rem;
	color: var(--sys-ligth);
	opacity: inherit;
	width: 40px;
	margin-top: .4rem;
	margin-bottom: 1rem;
}

.logo {
	position: static;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
}

.ms_account {
	color: var(--color-green);
	vertical-align: middle;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms_home {
	color: var(--color-green);
	vertical-align: middle;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

#hearing {
	padding-top: 0.2rem;
	vertical-align: bottom;
}

#hearing_disabled {
	padding-top: 0.2rem;
	vertical-align: bottom;

}

#contactless {
	padding-top: 0.2rem;
	vertical-align: bottom;
	text-align: center;
}

#capturebtn {
	padding-top: 0.2rem;
	vertical-align: bottom;
}

#contactless_off {
	padding-top: 0.2rem;
	vertical-align: bottom;
}

#detector_alarm {
	padding-top: 0.2rem;
	vertical-align: bottom;
}

#logout {
	padding-top: 0.2rem;
	vertical-align: bottom;
}

.textMenu {
	font-weight: 500;
	font-size: .688rem;
	line-height: 16px;
	color:var(--ref-neutral);
	    vertical-align: top;
		max-width: 98%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow:ellipsis ;
}

.icoMenu {
	display: grid;
	gap: 4px;
	justify-content: space-around;
	align-items: center;
	justify-items: center;
	align-content: space-evenly;
	height: 450px;
}
.icoMenu_bottom {
	display: grid;
	gap: 4px;
	justify-content: space-around;
	align-items: center;
	justify-items: center;
	align-content: space-evenly;
	height: 205px;
position: fixed;
	bottom: 0;
	}

/* content */
.box_filtri{
	background-color: transparent!important;
    width: 95%;
   	gap:16px;
	display: inline-flex;
    align-items: center;
	    margin-left: 8%;
	    flex-wrap: nowrap;
}
.box_cerca{
width: 300px;
border-radius: 28px!important;
gap: 4px;
	background-color:var(--color-gray);		

}
.ico_search{
	    padding: 10px;
    line-height: 1;
	cursor: pointer;
}

.form_search{
	border-radius: 0;
   height: auto;
    padding: 10px;
    background-color: var(--color-gray);
    color: var(	--sys-surface);
		border:0px;
	width: 100%;
}
.btn_filtri_disattivo{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--color-gray) ;
  color: var(	--sys-surface);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
	    margin-bottom: 1rem;
}
.btn_filtri_attivo_message{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--color-green) ;
   color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn_filtri_attivo_red{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--color-red) ;
   color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn_filtri_attivo_ari{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--color-ari) ;
  color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn_filtri_attivo_yellow{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--color-yellow) ;
  color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn_filtri_attivo_disconnect{
	width:auto; 
height:32px;
border-radius: 16px;
background-color:var(--sys-surface) ;
  color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn_filtri_disattivo_attivo_green {
	width:auto; 
height:32px;
border-radius: 16px;
background-color:#D8E7CB ;
  color: var(--sys-surface);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
		    margin-bottom: 1rem;
}
.btn-note{
		width:auto; 
height:40px;
border-radius: 16px;
background-color:var(--color-green) ;
  color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
border-radius: 100px;
font-weight: 500;
font-size:14px;
	    padding: 0.5rem 1.5rem;

}
.btnSendMessage{
		width:auto; 
height:40px;
border-radius: 16px;
background-color:var(--color-green) ;
  color: var(--color-white);
	box-shadow: 0px 1px 3px 1px #00000026;
display: inline-flex;
    align-items: center;
	margin-left: 1rem;
border-radius: 100px;
font-weight: 500;
font-size:14px;
	    padding: 0.5rem 1.5rem;

}
.btnSendMessage:hover{
	background-color:var(--color-green)!important;
}
.btn-note:hover{
	background-color:var(--color-green)!important;
}

.ico_filtri{
	    width: 18px;
     padding-left:16px;
	padding-right:16px;
}
.text_filtri{
font-weight: 500;
font-size: 14px;
	line-height: 1;
text-align: center;
  padding-left:16px;
}
.form_select_search {
	--bs-form-select-bg-img: url
}
.content {
	/*background-image: url("../images/cantiere.png");*/
	min-height: 90vh;
	height: 100%;
}
.gm-style .gm-style-iw-d{
font-size: 14px;
font-weight: 400;
margin-top: 5px;
letter-spacing: 0em;
text-align: left;
	color:var(--sys-surface);
}

.gm-style .gm-style-iw-c {
		box-shadow: 0px 2px 6px 2px #00000026!important;
-webkit-border-radius: 12px;
-moz-border-radius:12px ;
border-radius: 12px!important;
}
.box_maps {
	height: 100vh;
	width: 97%;
	    margin-left: 3.5%;
}
.gmnoprint{
	bottom: 0!important;
	top: auto!important;
	margin-left: 3%!important;
}

.bg_green {
	background-color: var(--bg-green);
	border-radius: 50px;
}

.bg_gray {
	background-color: var(--bg-disable);
	border-radius: 50px;
}

#filter_alt {
	padding: 0.16rem;
	margin-top: 0.2rem;
	vertical-align: middle;
}

#change_circle {
	padding: 0.2rem;
	margin-top: 0.2rem;
}

.menu_sottotesta_top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	display: inline-flex;
}

/* footer*/

.box_menuPiede {
	background-color: var(--bg-green);
	border-style: solid;
	border-width: 1px;
	height: 5rem;
}

.box_menuPiede_lav a {
	color: var(--color-green)
}

#group_add {
	margin-right: 0.1rem;
}

#monitoring {
	margin-right: 0.1rem;
}

#change_circle1 {
	margin-right: 0.1rem;
}

.nav-link.active span{
color: var(--color-green);
}

#TabNote .nav-link.active,
#TabNote .nav-link:hover,
#TabNote .nav-link:focus {
	color: var(--color-green)!important;
    border-bottom: 3px solid var(--color-green);
    border-top-color: transparent;
    border-right-color: transparent;
    border-left: transparent;
	    background-color: #FAFAF3;
}
#TabNote .nav-link{
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.10000000149011612px;
text-align: center;
color:var(--sys-surface);
}
#TabNote{
	border-bottom: 0px;
}

/*login*/

.login_container {
	padding: 40px;
	border-radius: 24px;
	box-shadow: 0px 1px 3px 1px #00000026;
	box-shadow: 0px 1px 2px 0px #0000004D;
	background-color: var(--color-white);
	margin-top: 120px;
	width: 360px height: 420px
}

.login_title {
	text-align: center;
	color: var(--color-black);
	margin-bottom: 1rem;
}

.box_logo {
	height: 165px;
	background-color: var(--color-white);
}

.box_logo img {
	width: 204px;
	margin-top: 40px;
	margin-left: 56px;
}

.container_green {
	background: conic-gradient(from 90deg at 50% 28.66%, #77D352 0deg, #2E6C13 360deg);
	height: 100vh;
	width: 100%
}

.logo_login {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	height: auto;
}

.msg {
	font-size: 14px;
	align-self: flex-start;
	text-align: left;
	line-height: 2;
}

.inputmail {
	background-image: url("../images/person_filled.png")!important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
	padding-left: 2rem;
}

.inputpass {
	background-image: url("../images/lock.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
	border-color: var(--primary-color);
	border-radius: .2rem;
	padding-left: 2rem;
}

.btn-login {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bg-green);
	--bs-btn-border-color: var(--bg-green);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #408523;
	--bs-btn-hover-border-color: #408523;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #34691d;
	--bs-btn-active-border-color: #34691d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #408523;
	--bs-btn-disabled-border-color: #408523;
	--bs-btn-border-radius: 0.2rem;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--color-green-rgb: rg), .5);
}

.btn-login:focus {
	box-shadow: 0 0 0 0.25rem rgb(88 176 49);
}

/* lavoratori*/

.box_titolo {
	padding: 0.2rem;
	margin-top: 0.2rem;
}

.ms-groups {
	margin-right: .2rem;
	color: var(--color-green);
	font-size: 3.2rem;
	vertical-align: bottom;
	margin-top: 0.5rem;
}

.ms-filtro {
	margin-right: .2rem;
	color: var(--color-primary);
	vertical-align: bottom;
}

.titolo_lavoratori {
	font-size: 18px;
	font-weight: 600;
	line-height: 2;
}

.filtro_lavoratori {
	font-size: 18px;
	font-weight: 600;
	margin-left: -1rem;
	vertical-align: bottom;
}

.ms-check-rosso {
	font-size: 1.5rem;
	color: var(--color-red);
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-check-disconnesso {
	font-size: 1.5rem;
	color: gray;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-check-giallo {
	font-size: 1.5rem;
	color: var(--color-yellow);
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-check-arancio {
	font-size: 1.5rem;
	color: var(--color-ari);
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-check-enable {
	font-size: 1.5rem;
	color: var(--color-green);
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-check-disabled {
	font-size: 1.5rem;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.ms-emergency {
	font-size: 1.5rem;
	color: var(--color-red);
}

.ms-more {
	color: var(--color-green);
	font-size: 1.8rem;
	cursor: pointer;
}
.table_lavoratori th{
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:#000;
	background-color:#E8E9E2 ;
}
.table_lavoratori {
		padding: .5rem;
	overflow-y: scroll;
	max-height: 700px;
}
.table_lavoratori td{
font-size: 14px;
font-weight: 400;
letter-spacing: 0em;
text-align: left;
color:#000;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
   --bs-table-hover-bg: #F1F1EA;
}

.box_azioni {
	position: absolute;
	z-index: 1000;
	float: left;
	display: block;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid var(--primary-color);
	border-radius: .2rem;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.ticker-workers{
	top: 155px;
    left: 48px;
   background-color: var(--color-green);
    padding: 2px 6px;
    position: absolute;
    border-radius: 50px;
	    font-size: .7rem;
    color: var(--color-white);
}
.box_azioni ul {
	color: var(--color-green);
	list-style: disclosure-closed;
	line-height: 2;
}

.li-dettaglio {
	color: var(--primary-color);
}

/*canvans*/
.table_note td{
	    background-color: transparent!important;
}
.dato{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
}

.label_worker{
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color:var(--color-green);
}
.box_bottone_worker{
    height: 58px;
    background-color:#FAFAF3;
		border: 1px solid #C3C8BB;
    max-height: 58px;
	overflow: visible;
   margin-left: -1rem;
    margin-right: -1rem;
}	

.box_bottone_ari{
	    background-color:var(--colo-white);
		border: 1px solid #C3C8BB;
     margin-left: -1rem;
    margin-right: -1rem;
	border-top: 0px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.box_bottone_stress{
    background-color:var(--colo-white);
		border-bottom: 1px solid #C3C8BB;
 	padding-top: 10px;
    padding-bottom: 10px;
   margin-left: -1rem;
    margin-right: -1rem;

}
.box_bottone_note{
		height: 58px;
        background-color: #FAFAF3;
		border-bottom: 1px solid #C3C8BB;
    max-height: 58px;
	overflow: visible;
   margin-left: -1rem;
    margin-right: -1rem;
}
.btn-red {
	    width: auto;
    height: 32px;
    border-radius: 16px;
    background-color:var(--color-red);
    color: var(--color-white);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
	cursor: none;
}
btn-neutro_force:hover{
	color: var(--bs-btn-hover-color);
      border-color: var(--bs-btn-hover-border-color);
}
.btn-neutro {
	    width: auto;
    height: 32px;
    border-radius: 16px;
   background-color: var(--color-gray);
    color: var(--sys-surface);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
    cursor: none;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}
.btn-neutro_force {
	    width: auto;
    height: 32px;
    border-radius: 16px;
   background-color: var(--color-gray);
    color: var(--sys-surface);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
  
}
.btn-neutro_call {
	    width: auto;
    height: 32px;
    border-radius: 16px;
   background-color: var(--color-gray);
    color: var(--sys-surface);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin: .7rem;
   padding: 0 1.3rem;
}

.btn-neutro_call:hover{	  
   background-color: var(--color-green)!important;
  color: var(--color-white)!important;
  .symbol_call{color:var(--color-white)!important;} 
  margin-right: .4rem;
}
.btn-neutro_call.active{	  
   background-color: var(--color-green)!important;
  color: var(--color-white)!important;
  .symbol_call{color:var(--color-white)!important;} 
  margin-right: .4rem;
}
.text_call {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding-left: 1rem;
}
.btn_call_end{   width: auto;
    height: 32px;
    border-radius: 16px;
   background-color: var(--color-red);
    color: var(--color-white);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin: .7rem;
    padding: 0 1.3rem;
}

.btn-yellow {
	    width: auto;
    height: 32px;
    border-radius: 16px;
    background-color:var(--color-yellow);
    color: var(--color-white);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
	  cursor: none;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}
.btn-ari {
	    width: auto;
    height: 32px;
    border-radius: 16px;
    background-color:var(--color-ari);
    color: var(--color-white);
    box-shadow: 0px 1px 3px 1px #00000026;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
  cursor: none;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}

.ico_alarm {
    width: 15px;
	    padding-left: 1.5px;
    padding-right: 16px;
	text-align: left;
		}
.verticale_centro{
	display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
}
.logo_ari{
	width: 24px;
height: 24px;
	margin-right: 1rem;
}
.text_ari{
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#000;
}
.text_ari_inst{
font-size: 11px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0em;
text-align: right;
color:#000;
	margin-right: 1rem;
}
.addNote{
	font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 1rem;
}
.text_data{
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color:#1A1C18;
	width: 92%;
padding-left: 10px;
padding-right: 10px;
}
.text_commento{
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color:#1A1C18;
		width: 84%;
padding-left: 10px;
padding-right: 10px;
		text-overflow: ellipsis;
	overflow: hidden;
	max-width: 84%;
	white-space: nowrap;
}
.box_ms_note{
	width: 8%;
}
.btn_delate{
	width: 8%;
}
.btn_delate:hover{
	background-color: green;
    color: white;
}
.btn_edit{
	width: 8%;
}
.btn_edit:hover{
	background-color: green;
    color: white;
}
/* moadal*/

.filter {
	-webkit-backdrop-filter: brightness(.8);
	backdrop-filter:brightness(.8);
}
.btn_back{
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: center;
padding: 24px, 24px, 24px, 8px;
gap: 8px;
    border: 0;
    background-color: transparent;
    margin-right: 1rem;
    color: var(--color-green);

}
.label {
	font-weight: 800;
	color: var(--color-green);
	line-height: 2.2;
	font-size: 16px;
	text-transform: uppercase;
}

.box_allarme {
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	box-shadow: 0 0 0 .25rem rgba(88, 176, 49.25);
	margin-bottom: 1rem;
}

.label_allarme {
	font-weight: 800;
	line-height: 2.2;
	font-size: 16px;
	text-transform: uppercase;
}

.img_ari {
	width: 5rem;
}

.label_ari {
	font-weight: 600;
	line-height: 2.2;
	font-size: 24px;
	text-transform: uppercase;
}

.ari {
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
	color:var(--color-green);
		margin-right: 1rem;
}

.img_chart {
	width: 5rem;
}

.text_note {
	border-color: var(--primary-color);
	border-radius: .2rem;
}

.label_indici {
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
	line-height: 3;
}

.ms-add,
.ms-remove {
	font-size: 2rem;
	color: var(--primary-color);
	float: right;
	line-height: 1.8;
}

.campo_selezione {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	border-color: var(--primary-color);
	border-radius: .2rem;
	border-width: 1px;
	border-style: solid;
	margin-bottom: .5rem;
}

.campo_selezione.active {
	background-color: var(--primary-color);
	color: var(--color-white);
}

.input_group {
	position: relative;
	display: inline-block;
	flex-wrap: wrap;
	align-items: stretch;
	width: 80%;
}

.table_note {
border: 1px solid #C3C8BB;	
	border-radius: 12px;	
	padding: .5rem;
	overflow-wrap: anywhere;
	background-color: #FAFAF3;
}

.ms-add-note,
.ms-delete-note,
.ms-edit-note {
	font-size: 1.2rem;
	color:#43483E;

}
.box_filtri_worker{
	border-right: 1px solid #C3C8BB;
	padding-right: px;
	    margin-right: 0.5rem;
}
.modal-title-worker{
	width:auto ;
}
.ms-add-note {
	vertical-align: bottom;
}

.modal_note {
	--bs-modal-zindex: 1056!important;
}

#modalChiusuraForzata {
	--bs-modal-zindex: 1057!important;
}

.box_messaggio {}

.ms-comment {
	font-size: 1.8rem;
	color: var(--color-green);
	vertical-align: middle;
	padding-right: .2rem;
}

.ms-dangerous {
	font-size: 1.8rem;
	color: var(--color-red);
	vertical-align: middle;
	padding-right: .2rem;
}

.ms-chat {
	font-size: 2rem;
	vertical-align: middle;
	padding-right: .2rem;
}

.ms-call {
	font-size: 2rem;
	vertical-align: middle;
	padding-right: .2rem;
	color: var(--color-gray)
}

.ms-face {
	font-size: 2rem;
	vertical-align: middle;
	padding-right: .2rem;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48
}

.header_caht {
	display: flex;
	flex-shrink: 0;
	align-items: left;
	padding: var(--bs-modal-header-padding);
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	border-top-left-radius: var(--bs-modal-inner-border-radius);
	border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.span_super {
		background-color: #DEE6C5;	
	color:#171E09;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size:1rem;
	font-weight: 400;
	line-height: 1.1;
	border: solid;
	border-color: #C6C8B9;
	border-width: 0.1rem;
	border-radius: 1.5rem;
	overflow-wrap: normal;
}

.span_worker {
background-color: inherit;
	color: #171E09;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.1;
	border: solid;
	border-color: #C6C8B9;
	border-width: 0.1rem;
	border-radius: 1.5rem;
	overflow-wrap: normal;
}
#testoMessaggio{margin-top: 1rem;height: 45px;-webkit-border-radius: 1.5rem;-moz-border-radius:1.5rem ;border-radius: 1.5rem;overflow-y: hidden;border:1px solid;}
.nav_chat_disable {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--color-primary);
	margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
	background: 0 0;
	border: var(--bs-nav-tabs-border-width) solid transparent;
	border-top-left-radius: var(--bs-nav-tabs-border-radius);
	border-top-right-radius: .2rem;
}

.nav_chat {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--color-primary);
	margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
	background: 0 0;
	border: var(--bs-nav-tabs-border-width) solid transparent;
	border-top-left-radius: var(--bs-nav-tabs-border-radius);
	border-top-right-radius: .2rem;
	cursor: pointer;
}
.offcanvas-body{
	overflow-y: hidden!important;
	    max-height: 90vh;
}
.nav_chat.active {
	color: var(--color-green);
	background-color: var(--bs-nav-tabs-link-active-bg);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav_chat:hover {
	color: var(--color-green);
}

/*#ChatArea {
	  overflow-y: auto;
	overflow-x: hidden;
   margin: 0 auto 0px; 
}*/
.push {
    height: 0vh;
	}
/*@media (min-height: 700px) and (max-height: 900px){
  #ChatArea {
    max-height: 30vh;
		height: auto;
  }
	.push {
    height: 9vh;
	}
}
@media (min-height: 9001px) and (max-height: 1000px){
  #ChatArea {
    max-height: 40vh;
		height: auto;
  }
	.push {
    height: 9vh;
	}
}
@media (min-height: 1001px) and (max-height: 1200px){
  #ChatArea {
    max-height: 50vh;
		height: auto;
  }
	.push {
    height: 8vh;
	}
}	
@media (min-height: 1201px){
  #ChatArea {
    max-height: 54vh;
		height: auto;
  }
	.push {
    height: 8vh;
	}
}*/
/*  pagina grafici */

/*.graphBox{
	position: relative;
	width: 100%;
	
	display: flex;
	grid-template-columns: 1fr 2fr;
	grid-gap: 12px;
	min-height: 200px;
  margin-top: 2rem;  
}*/

.nav-tabs .nav-link.active {
	color: var(--bg-green);
}

.nav-tabs .nav-link:hover {
	color: var(--bg-green);
}

.graphBox {
	min-height: 200px;
	margin-top: 2rem;
	    margin-left: 8%;
}

.graphBox .box {
	position: relative;
	background-color:var(--bg-grey);
	padding: 20px;
	box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
	border-radius: 1em;
}

#loadingActivity {
	display: none;
}

#loadingActivityDetails {
	display: none;
}

#loadingFeedbackResponse {
	display: none;
}

#loadingFeedbackComments {
	display: none;
}

/* video and audio call*/

#videoContainer {
	display: flex;
}

#localVideoContainer {
	display: flex;
	flex-direction: column;
}

#localVideo {
	    width: 100%;
    height: 100%;
    object-fit: contain;
}

#remoteVideo {
	    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modalBackdrop {
	position: absolute;
	display: none;
	background-color: #00000088;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.modal2 {
	border: 1px solid #555555;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#btnStart {
background-color: var(--color-green);
	color: var(--color-white);
	font-weight: bold;
}

#btnEndCall {
	background-color: var(--color-red);
color: var(--color-white);
	font-weight: bold;
}

#btnAnswer {
background-color: var(--color-green);
color: var(--color-white);
	font-weight: bold;
}

#btnDecline {
	background-color: var(--color-red);
color: var(--color-white);
	font-weight: bold;
}

.answerbuttons {
	display: flex;
	flex-direction: row;
}

ul.notification {
	list-style-type: none;
}

.notification label {
	display: inline-block;
	width: 10em;
	text-align: right;
	margin-right: 3px;
}
.span_datetime{
	font-size: .6rem;
}
.box_send_message {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
position: absolute;
	    width: 95%;
	background-color: #fff;
}
.box_send_call{
  flex-wrap: nowrap;justify-content: center;
  position: absolute;
}
.box_user{

  -webkit-border-radius: 50Px;
  -moz-border-radius:50px ;
  border-radius: 50px;
    height: auto;
 margin: 4rem auto 2rem auto;
    width: auto;
  text-align: center;
  background-color: #DEE6C5;
      padding: 2rem;
}
.box_videouser{
  border: solid 2px #2E6C13;
  -webkit-border-radius: 50Px;
  -moz-border-radius:50px ;
  border-radius: 50px;
  border-radius: 50px;
height: 50%;
    margin: 2rem auto 2rem auto;
    width: 80%;
    overflow: hidden;
  background-color: #D8E7CB;
}
.box_videouser_local{
  border: solid 2px #2E6C13;
  -webkit-border-radius: 20Px;
  -moz-border-radius:20px ;
  border-radius: 20px;
  border-radius: 20px;
    height: 80px;
 margin: 1rem 2rem 2rem ;
    width: 30%;
    overflow: hidden;
  background-color: #D8E7CB;
}
.call_user{
  font-size: 7rem!important;
  color: var(--color-white)
}

.symbol_call_end, .symbol_call{
  color:var(--color-white);
  margin-left: 0rem;
  margin-right: .5rem;
    
}
.tableListaLavoratori_row{
  cursor: pointer;
}
.ico_call{
      font-size: 30px;
    margin-right: 1rem;
  font-variation-settings:
  'FILL' 1,
}
.tab-pane{
  height: 100%; /* Imposta l'altezza del div pari all'altezza della viewport */
    overflow-y: auto; /* Abilita lo scrolling verticale solo se necessario */
    overflow-x: hidden;
}

/*dashboard planimetria /*/
#FloorPlanDiv{margin-top: 80px;
  margin-left: 90px;
}}
canvas {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: auto;
   cursor: crosshair;
 }

 .overlay-image {
      position: absolute;
      top: 100px; /* Posizione relativa al canvas */
      left: 100px; /* Posizione relativa al canvas */
      cursor: pointer;
    }
.boxSelezioneMapp{
  width:18%;
  margin-left: 44px;
  
}
.boxSelezioneMapp select{
  border-radius: 28px !important;
  gap: 4px;
 
}