.just-validate-success-field {
	border-color: #008758 !important;
	padding-right: calc(1.5em + 0.75rem) !important;
	background: none !important;
}

.form-group input,
.form-group optgroup,
.form-group textarea {
	color: #000000;
}

.select-wrapper select {
	color: #000000 !important;
}



select option {
	text-transform: capitalize
}

select {
	text-transform: capitalize
}

/* colore1 -> mysanita_blu */
.bg-mysanita_blu {
	background-color: #2C5B72 !important;
}

.text-mysanita_blu {
	color: #2C5B72 !important;
}

.btn-navbar-mysanita_blu {
	background-color: #fff !important;
	color: #2C5B72 !important;
}

.btn-mysanita_blu {
	background-color: #2C5B72 !important;
	color: #fff !important;
}

.btn-mysanita_blu:hover {
	background-color: #cfc5c5 !important;
	color: #2C5B72 !important;
}

.btn-mysanita_blu:disabled {
	background-color: #cfc5c5 !important;
	color: #2C5B72 !important;
}

/*  colore3 -> mysanita_rosso */


.bg-mysanita_rosso {
	background-color: #ce2142 !important;

}

.text-mysanita_rosso {
	color: #ce2142 !important;

}

.btn-mysanita_rosso {
	background-color: #ce2142 !important;
	color: #fff !important;
}

.btn-mysanita_rosso:hover {
	background-color: #cfc5c5 !important;
	color: #ce2142 !important;
}


/* ------ */



/* ---------------------------------- */


/* colore4 -> mysanita_verde */
.bg-mysanita_verde {
	background-color: #427c3dde !important;
}

.text-mysanita_verde {
	color: #427c3dde !important;
}


.btn-mysanita_verde {

	background-color: #427c3dde !important;
	color: #fff !important;
}

.btn-mysanita_verde:hover {
	background-color: #cfc5c5 !important;
	color: #427c3dde !important;
}

/*  * ----------------------------------- */
.select_unita {
	overflow-wrap: anywhere;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	white-space: break-spaces;
}

.option_unita {
	overflow-wrap: anywhere;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	white-space: break-spaces;
}

html,
body {
	font-size: 16px !important;
}

.card:after {
	content: "";
	display: block;
	margin-top: 0px;
	margin-left: 24px;
}

a {
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}


/* ********** NOTIFICHE ESITO DB ********** */
.notification {
	width: 376px;
	top: 16px;
	right: -10000px !important;
	border-radius: 4px;
	border-top: none;
	box-shadow: 0 0 1remrgba(0, 0, 0, .15);
}



@media only screen and ((min-width: 768px)) {

	.notification {
		width: 376px;
		top: 16px;
		right: -400px !important;
		height: max-content;
		border-radius: 4px;
		border-top: none;
		z-index: 99999;
		box-shadow: 0 0 1remrgba(0, 0, 0, .15);
	}

	.notification.show_notification {
		width: 376px;
		top: 16px;
		right: 16px !important;
		height: max-content;
		transition: 2s;
		border-radius: 4px;
		border-top: none;
		z-index: 99999;
		box-shadow: 0 0 1remrgba(0, 0, 0, .15);
	}

	.notification.hide_notification {
		width: 376px;
		top: 16px;
		right: -400px !important;
		height: max-content;
		transition: 2s;
		border-radius: 4px;
		border-top: none;
		z-index: 99999;
		box-shadow: 0 0 1remrgba(0, 0, 0, .15);
	}


}

.messaggio_success {
	width: auto;
	height: auto;
	padding: 10px;
	margin-top: 85px;
	margin-right: 10px;
	background: #ffff00;
	animation: mymove 5s;
	animation-fill-mode: forwards;
	position: fixed;
	z-index: 1030;
	top: 0;
	right: 0;
	animation-delay: 3s;

}

.messaggio_danger {
	width: auto;
	height: auto;
	padding: 10px;
	margin-top: 85px;
	margin-right: 10px;
	background: #ff0000;
	animation: mymove 5s;
	animation-fill-mode: forwards;
	position: fixed;
	z-index: 1030;
	top: 0;
	right: 0;
	animation-delay: 3s;

}

@keyframes mymove {
	from {
		right: 0;
	}

	to {
		right: 500px;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.3s linear, opacity 0.1s linear;
	}
}

/**************************** WIDGET MENU FAST *****************/

.cerchio-menu {
	position: fixed;
	bottom: 6em;
	right: 1.2em;
	z-index: 99;
}

.cerchio-menu .btn-evento {
	display: block;
	width: 5em;
	height: 5em;
	border-radius: 50%;
	background-color: #2c5b72;
	box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
	color: hsl(0, 0%, 100%);
	text-align: center;
	line-height: 4.6;
	cursor: pointer;
	outline: 0;
}

.cerchio-menu.active .btn-evento {
	box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.cerchio-menu .btn-evento:active {
	box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.cerchio-menu .btn-evento i {
	font-size: 1.3em;
	transition: transform .2s;
}

.cerchio-menu.active .btn-evento i {
	transform: rotate(-45deg);
}

.cerchio-menu:after {
	display: block;
	content: ' ';
	width: 4.4em;
	height: 4em;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;

	transition: all .3s ease;
}

.cerchio-menu.active:after {
	transform: scale3d(5.5, 5.5, 1);
	transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.cerchio-menu .items-wrapper {
	padding: 0;
	margin: 0;
}

.cerchio-menu .menu-elemento {
	position: absolute;
	cursor: pointer !important;
	top: 1.1em;
	right: 1.1em;
	z-index: -1;
	display: block;
	text-decoration: none;
	color: hsl(0, 0%, 100%);
	font-size: 1em;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	text-align: center;
	line-height: 3;
	background-color: #2c5b72;
	transition: transform .3s ease, background .2s ease;
}


.cerchio-menu .menu-elemento:hover {
	background-color: hsla(0, 0%, 0%, .3);
	background-color: #2c5b72;
	cursor: pointer !important;
}

.cerchio-menu.active .menu-elemento {
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cerchio-menu.active .menu-elemento:nth-child(1) {
	transform: translate3d(1em, -7em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(2) {
	transform: translate3d(-3.3em, -6.3em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(3) {
	transform: translate3d(-6.5em, -3.2em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(4) {
	transform: translate3d(-7em, 1em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(5) {
	transform: translate3d(-6.5em, 5em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(6) {
	transform: translate3d(-3.3em, 8em, 0);
}

.cerchio-menu.active .menu-elemento:nth-child(7) {
	transform: translate3d(-1em, 11em, 0);
}

/**
   * The other theme for this menu
   */

.cerchio-menu.cerchi-menu-sinistra {
	right: auto;
	left: 1em;
}

.cerchio-menu.cerchi-menu-sinistra .btn-evento {
	background-color: hsl(217, 89%, 61%);
}

.cerchio-menu.cerchi-menu-sinistra:after {
	background-color: hsl(217, 89%, 61%);
}

.cerchio-menu.cerchi-menu-sinistra.active .btn-evento i {
	transform: rotate(90deg);
}

.cerchio-menu.cerchi-menu-sinistra.active .menu-elemento:nth-child(1) {
	transform: translate3d(-1em, -7em, 0);
}

.cerchio-menu.cerchi-menu-sinistra.active .menu-elemento:nth-child(2) {
	transform: translate3d(3.5em, -6.3em, 0);
}

.cerchio-menu.cerchi-menu-sinistra.active .menu-elemento:nth-child(3) {
	transform: translate3d(6.5em, -3.2em, 0);
}

.cerchio-menu.cerchi-menu-sinistra.active .menu-elemento:nth-child(4) {
	transform: translate3d(7em, 1em, 0);
}


/* *********************** PUNTATORE **************************** */


.puntatore:hover {
	cursor: pointer;
}


/* ************************************************************* */
/************************************ NAVBAR + STORIA PAGINA CORRENTE *********************************/

.navbar {
	background: #b9c8d0 !important;
}

.menu-wrapper {
	background: #b9c8d0 !important;
}

.nav-link {
	color: #2c5b72 !important;
}

.link-list>li>a>span {
	color: #2c5b72 !important;
}

.myHeight {
	height: 40px !important;
}

.breadcrumb {
	padding: 0 !important;
	margin: 0 !important;
}



/*******************************************************************************************/



/*  ****************** RIDIMENSIONAMENTO COLONNE IN TABELLA TH-TR ********************** */
@media only screen and (max-width: 1300px) {
	.rinunciabile-grande {
		display: none !important;
	}

	.dx_rounded_tabella_lg {
		border-top-right-radius: 5px !important;
	}

	.sx_rounded_tabella_lg {
		border-top-left-radius: 5px !important;
	}
}

@media only screen and (max-width: 900px) {
	.dx_rounded_tabella_md {
		border-top-right-radius: 5px !important;
	}

	.sx_rounded_tabella_md {
		border-top-left-radius: 5px !important;
	}

	.rinunciabile {
		display: none !important;
	}
}

@media only screen and (max-width: 600px) {

	.rinunciabile-piccolo {
		display: none !important;
	}
}



.sx_rounded_tabella {
	border-top-left-radius: 5px !important;
}

.dx_rounded_tabella {
	border-top-right-radius: 5px !important;
}



.leggi_piu_info {
	color: blue;
	text-decoration: underline;
}




/* ! -------------------------------------------------------- */


/*  bg-colore10 => bg-colore1 (in css totale)*/

.inputDisabled {
	color: #ce2142 !important;

}