.rispostaricevuta {
    display: none; /* Inizialmente nascosta */
    position: fixed; /* Posizione fissa */
    top: 50%; /* Centrato verticalmente */
    left: 50%; /* Centrato orizzontalmente */
    transform: translate(-50%, -50%); /* Centra esattamente l'elemento */
    background: #6200ea; /* Viola intenso */
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    z-index: 9999; /* Assicura che sia visibile sopra altri elementi */
    white-space: nowrap; /* Evita che vada a capo */
}

/* Effetto di comparsa */
.rispostaricevuta.show {
    display: block;
	transition: opacity 0.3s ease-in;
    opacity: 1;
}

/* Effetto di scomparsa */
.rispostaricevuta.hide {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
.text-shadow {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
	font-family: 'Bebas Neue', sans-serif;
}
 .rtl-text {
        direction: rtl;
        text-align: right!important;
        font-family: 'Arial', sans-serif;
    }
.smoothBackground {
    background: radial-gradient(circle, rgba(75, 0, 130, 0.5), rgba(72, 61, 139, 0.5), rgba(138, 43, 226, 0.5), rgba(255, 0, 255, 0.5));
    background-size: 100% 100%;
    animation: smokeAnimation 20s ease infinite;
	background-image:url('/gts/sections/dashboard/gaminghub/images/back-gaminghub.webp')"
}

@keyframes smokeAnimation {
    0% { background-position: 0% 0%; }
    50% { background-position: 70% 70%; }
    100% { background-position: 0% 0%; }
}

.smoothBackground2 {
    background: linear-gradient(135deg, #4b0082, #483d8b, #8a2be2, #9792A8, #ff00ff);
    background-size: 100% 100%;
    animation: gradientAnimation 15s ease infinite;
	background-image:url('/gts/sections/dashboard/gaminghub/images/back-gaminghub.webp')"
}
.countdown {
            font-size: 2rem;
			font-family: 'Press Start 2P', cursive;
            color: #fff;
			text-shadow: 2px 2px 4px #000000;
        }
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
a {
	text-decoration: none;
	font-weight: bold;
}
.page-item.active .page-link {
	background-color: #7f4Aee!important;
	border-color: #7f4Aee!important;
	color: white!important;
}
.page-link {
	color: #7f4Aee!important;
}
.RemoteControlBtn {
    border: 0;
    background-color: black;
    border-color: black;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 rgba(0, 0, 0, 0.19);
    /* width: 180px; /* 
	/* height:60px; */
    white-space: nowrap; /* Impedisce il wrap del testo */
    overflow: hidden; /* Nasconde il testo in eccesso */
    text-overflow: ellipsis; /* Mostra un ellissi (...) quando il testo è troppo lungo */
    font-size: 30px; /* Dimensione del font di base */
}

.remote-control {
	background-color: #f0f0f0; /* Sfondo grigio chiaro */
    border-radius: 10px; /* Bordi arrotondati */
    padding: 10px; /* Spazio interno */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombreggiatura leggera */
}

.image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image-item {
    position: relative; /* Assicura che l'elemento contenitore sia posizionato */
    margin: 10px;
    padding: 5px;
    border: 2px solid transparent; /* Aggiungi una cornice trasparente */
    cursor: pointer;
}

.premium-overlay {
    position: absolute; /* Posiziona il testo sopra l'immagine */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.5); /* Sfondo grigio con opacità del 50% */
    color: white; /* Colore del testo bianco */
    font-size: 18px; /* Dimensione del testo */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Inizialmente nascosto */
    transition: opacity 0.3s ease; /* Animazione per la transizione */
}
.container-round-shadow {
    background-color: #282b2f;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #404245;
    position: relative;
	margin-top: 2rem;
	color: white;
	padding-top: 2rem;
        }
	.container-round-shadow-ice {
    background-color: #F8F9FA;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #404245;
    position: relative;
	margin-top: 2rem;
	color: #282b2f;
	padding-top: 2rem;
        }
			
		
		
.image-item:hover .premium-overlay {
    opacity: 1; /* Mostra il testo quando l'utente passa il mouse sull'immagine */
}

.image-item img {
    max-height: 120px;
    max-width: 90%;
	height: auto;
}

.image-item span {
    display: block;
    text-align: center;
}

.image-item.selected {
    border-color: #7f4Aee; /* Cambia il colore della cornice per l'immagine selezionata */
}
.btn-purple {
	background-color: #7f4Aee;
    border: 0;
	color: #fff;
}
.btn-social {
    font-size: 0.8rem !important;
    background-color: #FFF;
    border: solid;
    color: #000 !important;
    border-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-lime {
	background-color: #CCFA5E;
    border: 0;
    margin-right: 0px;
	color: #7f4Aee!important;
}
.btn-purple:hover {
	background-color: #CCFA5E;
	color: #7f4Aee;
}
#menu .nav-link {
    color: #7f4Aee;
    display: flex;
    align-items: center; /* Allinea verticalmente rispetto alle icone */
    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif /* Applica il font Impact */
}
#card-simple .nav-link {
	color: #7f4Aee;
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.cookie-banner p {
    margin: 0;
}

.cookie-banner a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.privatenavbar {
    background-color: #f0f0f0;
    border-radius: 5px; /* Rendi i bordi più arrotondati */
    padding: 0.5em 1em; /* Aggiungi spazio intorno al testo */
}

.nav-bold {
  font-weight: bold; /* Aggiungi lo stile in grassetto */
  color: white !important; /* Imposta il colore del testo a bianco */
}
.fade {
    -webkit-animation: fadein 3s;
    animation: fadein 3s;
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.twitch .twitch-video {
  padding-top: 56.25%;
  position: relative;
  height: 0;
}

.twitch .twitch-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.twitch .twitch-chat {
  height: 400px;
}

.twitch .twitch-chat iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 850px) {
  .twitch {
    position: relative;
  }

  .twitch .twitch-video {
    width: 75%;
    padding-top: 42.1875%;
  }

  .twitch .twitch-chat {
    width: 25%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767.98px) {
	#imglogohome {
		max-height: 50px!important;	
	}
    #bottomMenu {
        position: fixed;
        bottom: 0;
        width: 100vw;
		left: 0;
		z-index: 9999; /* Imposta un indice di sovrapposizione elevato */
    }
	 #bottomMenu .nav-linkM .text {
        display: none;
    }
	.nav-linkM {
		font-size: 1.5rem;
		
	}
}
.nav-linkM {
	text-decoration: none!important;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #7f4Aee;
    color: #FFF; /* Cambia il colore del testo quando il link è stato visitato */
	}
	.nav-linkM:focus {
    color: #5000FF; /* Cambia il colore del testo quando il link è stato visitato */
}
	.nav-linkM:hover {
		color: #7f4Aee;
		-webkit-text-stroke-width: 0px;
}
.nav-linkM .text {
	-webkit-text-stroke-width: 0px;
color: #7f4Aee!important;	
}
.cube {
  width:100px;
  height:100px;
  animation:spin 5s;
  animation-iteration-count:1;
  animation-timing-function:cubic-bezier(0,0,0.58,1)
}
.cubefadein {
	  animation:fadein 2s;
}
@font-face { 
	font-family: GlueGun; src: url('fonts/GLUEGUN-GW8Z.TTF'); 
}
@font-face {
	font-family: Comics2; src: url('fonts/Strawberry Muffins Demo.ttf');
}
@font-face {
	font-family: Comicss; src: url('fonts/AVENGEANCE MIGHTIEST AVENGER.ttf');
}
@font-face {
	font-family: Gessetto; src: url('fonts/StaleMarkerV2.ttf');
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}


.slider {
  height: 488px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 488px;
  position: absolute;
  width: 380px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}

.slider .slide {
  height: 488px;
  width: 380px;
  margin-left: 2rem;
}

#loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.progress-bar {
  background-color: #7f4Aee; /* Colore della barra di avanzamento */
}

.modal-content.bg-custom {
            background-color: #C9FF42;
        }
		.modal-body {
            text-align: center;
        }
        .modal-body p {
            color: black;
            font-family: 'Oswald', sans-serif;
            font-weight: bold;
			font-size:2rem;
        }
		
.modal-bottom {
    animation: slide-up 0.5s ease forwards;
}

@keyframes slide-up {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}
/* Nasconde i marker degli elementi di lista */
li::marker {
    display: none !important;
}

/* Nasconde la freccia del dropdown */
.dropdown-toggle::after {
    display: none !important;
}
.badge {
    font-size: 0.75rem;
    padding: 0.5em;
	padding-top: 2.5em;
    border-radius: 50%;
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
}

/* Style campanella notifiche */

.ringing-bell{
display:block;

  font-size: 40px;
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}