Aggiornamento asset, UI e funzionalità per aste e player

Sono stati aggiunti numerosi nuovi file JavaScript, CSS, SVG e PNG per migliorare la grafica, la responsività e le funzionalità delle pagine di aste, login, notifiche e player video.
Introdotte nuove librerie (OneSignal, Bootstrap, Font Awesome, Vue.js, Slick Carousel, ProgressBar.js, CryptoJS, mCustomScrollbar, Switchery) e script per la gestione di notifiche push, tracciamento eventi (Facebook Pixel, TikTok Pixel, Google Ads, Smartech), pagamenti Ingenico, modali, banner promozionali, preferiti, auto-puntate, e gestione utente inattivo.
Ampliata la logica del player embedded YouTube con nuovi hook, logging avanzato, gestione ciclo di vita, storage e challenge di attestation.
Aggiunti nuovi stili CSS per layout responsive, componenti UI, modali, badge, bottoni, progress bar, e ottimizzazioni mobile.
Integrate nuove immagini e icone per arricchire l’interfaccia grafica.
Non sono state apportate modifiche al file `www-player.css` e ad altri file specificati.
Queste modifiche migliorano la sicurezza, la tracciabilità, l’esperienza utente e la flessibilità dell’applicazione.

Mimante/Examples/10€ Idea Shopping +10P - Bidoo_files/testata_include.css

@@ -0,0 +1,181 @@
+.margin_dialog{
+  margin: 30px auto;
+}
+
+.closePolicy
+{
+	background-color: #232323;
+	border: rgba(0,0,0, .18);
+	border-radius: 50%;
+	color: #fff;
+	display: inline-block;
+	font-size: 16px;
+	height: 21px;
+	line-height: 18px;
+	moz-border-radius: 50%;
+	o-border-radius: 50%;
+	padding: 2px;
+	text-align: center;
+	webkit-border-radius: 50%;
+	width: 21px;
+}
+.form-control:focus
+{
+	box-shadow: none;
+	outline: none;
+}
+.form-control:focus
+{
+	border-color: rgb(51, 204, 153) !important;
+}
+.error-control:focus
+{
+	border-color: red !important;
+}
+.bidoo_green
+{
+	color: grey !important;
+	cursor: pointer;
+	font-size: 10px;
+	position: absolute;
+	right: 0;
+	right: 5px;
+	top: 13px;
+	z-index: 9;
+  cursor: pointer;
+}
+.bidoo_green .fa{
+  border: none;
+  background: transparent;
+}
+.bidoo_green .fa{
+  border: none;
+  background: transparent;
+}
+.error_login
+{
+	background: url(../images/exclamation_mark.svg);
+	background-size: contain;
+	display: none;
+	height: 15px;
+	position: absolute;
+	right: 5px;
+	top: 12px;
+	width: 15px;
+	z-index: 9;
+}
+.tooltip-permanent.tooltip
+{
+	white-space: nowrap;
+}
+.tooltip-permanent .tooltip-inner{
+  max-width: none;
+}
+.tooltip-regular,
+.tooltip-info{
+  white-space: pre-wrap
+}
+.tooltip-info{
+	color: black;
+}
+.tooltip-info .tooltip-inner{
+	background-color: white;
+	color: #555;
+	border: 1px solid #9c9c9c;
+	font-size: 11px;
+}
+.tooltip-error .tooltip-inner
+{
+	background-color: #ef1111;
+}
+.tooltip-info.tooltip.top .tooltip-arrow{
+	border-top-color: #9c9c9c;
+}
+.tooltip-error.tooltip.top .tooltip-arrow
+{
+	border-top-color: #ef1111;
+}
+.tooltip-info.tooltip.left .tooltip-arrow
+{
+	border-left-color: white;
+}
+.tooltip-error.tooltip.left .tooltip-arrow
+{
+	border-left-color: #ef1111;
+}
+#password
+{
+	padding-right: 30px;
+}
+.bidoo_green .fa-eye, .bidoo_green .fa-eye-slash
+{
+	font-size: 16px;
+}
+#modalframe .modal-dialog{
+	width: 600px;
+	max-width: 100%;
+}
+#modalframe.verprframe .modal-dialog {
+    width: 450px;
+}
+#modalframe .modal-content{
+	height: 100%; 
+	background-color: #ffffff !important; 
+	color: #343434;
+}
+#modalframe .modal-body{
+	padding: 0;
+}
+@-webkit-keyframes autofill {
+    to {
+        color: #666;
+        background: transparent;
+    }
+}
+input:-webkit-autofill {
+    -webkit-animation-name: autofill;
+    -webkit-animation-fill-mode: both;
+}
+.close_right{
+  font-size: 34px !important;
+  padding-top: 1px !important;
+}
+@media screen and (min-width: 992px)
+{
+	#holdon .col-md-7
+	{
+		margin-top: 21px;
+    margin-left: -14px;
+	}
+  #modaliframe, #holdon1 .title
+	{
+		border-top-right-radius: 10px;
+		border-top-left-radius: 10px;
+  }
+  #logMeIn .col-md-7{
+    margin-top: 43px;
+    margin-left: -11px;
+  }
+  #holdon1 .title
+	{
+		border-top-left-radius: 10px;
+	}
+}
+@media screen and (max-width: 991px)
+{
+	#holdon1 .modal-body
+	{
+		padding: 0px !important;
+	}
+	#holdon1 a
+	{
+		padding-bottom: 20px;
+	}
+  #modaliframe{
+    position: relative;
+    top: -4px;
+  }
+}
+body#holdon #cookieChoiceInfo{
+    display: none !important;
+}