#InlineMessage {
	display:none;z-index:9999;position:fixed;top:5px;left:0;padding:10px 20px;line-height:150%;
	box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-o-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;
}
#InlineMessage > div > ul {padding-left:20px;}
.CloseFixedInlineMessage {position:absolute;top:5px;right:5px;}
.InlineMessage-Title {margin:0;padding:0;}

#InlineMessage.right {left:unset!important;right:0;}
#InlineMessage.center {left:0!important;right:0!important;margin-left:auto;margin-right:auto;}
#InlineMessage.default {background-color:rgba(var(--black), 1);color:rgba(var(--white), 1);}
#InlineMessage.white {background:rgba(var(--white), 1);color:rgba(var(--black), 1);}
#InlineMessage.red {background:rgba(var(--red), 1);color:rgba(var(--white), 1);}
#InlineMessage.green {background:rgba(var(--green), 1);color:rgba(var(--white), 1);}
#InlineMessage.blue {background:rgba(var(--blue), 1);color:rgba(var(--white), 1);}
#InlineMessage.yellow {background:rgba(var(--yellow), 1);color:rgba(var(--white), 1);}
#InlineMessage.orange {background:rgba(var(--orange), 1);color:rgba(var(--white), 1);}
#InlineMessage.dark {background:rgba(68, 68, 68, 1);color:rgba(var(--white), 1);}

/* INIZIO RESPONSIVE */
@media screen and (max-width:1060px) { /* Tablet Landscape */
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 1024px) and (max-width: 812px) {
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 768px) { /* Tablet Portrait */
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 600px) {
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 480px) {
	#InlineMessage {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
/* FINE RESPONSIVE */

/*
ESEMPIO DI UTILIZZO
<a href="#" class="OpenFixedInlineMessage color-blue underline-off" data-fa-icon-before="&#xf1c0;" data-classes="bg-255" data-content="info.asp">Prova Fixed-Inline Message</a>
*/

#message {
	z-index:9999;position:fixed;bottom:20px;left:1.25%;padding:1em;line-height:150%;
	background:rgba(var(--grey-darkest), 1);
	box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;-o-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;
	color:rgba(var(--white), 1);
	animation-name:fadeInLeftToRight,hide;animation-duration:0.5s;animation-delay:0.5s,4s;animation-fill-mode:both;
}
@keyframes fadeInLeftToRight {0%{opacity:0;transform:translate3d(-100%, 0, 0);}}
@keyframes hide {100% {opacity:0;}}

#message.right {left:unset!important;right:0;}
#message.center {left:0!important;right:0!important;margin-left:auto;margin-right:auto;}

#message.error {padding-left:4em;}
#message.error::before {position:absolute;top:0;left:0;padding:1em;background-color:rgba(var(--red), 1);color:rgba(var(--white), 1);content:"\f057";font-family:"Font Awesome 6 Free";}

#message.success {padding-left:4em;}
#message.success::before {position:absolute;top:0;left:0;padding:1em;background-color:rgba(var(--green), 1);color:rgba(var(--white), 1);content:"\f058";font-family:"Font Awesome 6 Free";}

@keyframes fadeInLeftToRightAlert {0%{opacity:0;transform:translate3d(-100%, 0, 0);}}
#message.alert {
	top:0!important;right:0!important;bottom:auto!important;left:0!important;margin-left:auto;margin-right:auto;
	padding:1.5em 0 1.5em 8em;background:rgba(var(--yellow), 1);color:rgba(var(--grey-darkest), 1);font-weight:700;text-transform:uppercase;
	animation-name:fadeInLeftToRightAlert,hide;animation-duration:0.5s;animation-delay:0.5s,6.5s;animation-fill-mode:both;
}
#message.alert::before {position:absolute;top:0;left:0;padding:1.5em;background-color:rgba(var(--green), 1);color:rgba(var(--white), 1);content:"\f058";font-family:"Font Awesome 6 Free";}

#message.default {border-left:solid 20px rgba(var(--black), 1);}
#message.white {border-left:solid 20px rgba(var(--white), 1);}
#message.red {border-left:solid 20px rgba(var(--red), 1);}
#message.green {border-left:solid 20px rgba(var(--green), 1);}
#message.blue {border-left:solid 20px rgba(var(--blue), 1);}
#message.yellow {border-left:solid 20px rgba(var(--yellow), 1);}
#message.orange {border-left:solid 20px rgba(var(--orange), 1);}

/* INIZIO RESPONSIVE */
@media screen and (max-width:1060px) { /* Tablet Landscape */
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 1024px) and (max-width: 812px) {
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 768px) { /* Tablet Portrait */
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 600px) {
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
@media only screen and (max-width: 480px) {
	#message {width:98%;margin-right:1%!important;margin-left:1%!important;right:0!important;left:0!important;}
}
/* FINE RESPONSIVE */