header #topHeader {
	
	background-color: #1f292e;
	
	
	color: #ffffff;
	
}

header #topHeader a, header #topHeader a:active {
	
	color: #ffffff;
	
}


header {
	background-color: #ffffff;
}



nav ul li a {
	color: #86888a;
}


body {
	background: #1f292e !important;
}


nav ul li.active a {
	color: #008bcc;
}

nav ul li.active a:after {
	background-image: none;
}

header {
	border-bottom: 2px solid #008bcc !important;
}



button, .button {
	background-color:#008bcc;
}

button.inverse,.button.inverse {
	color:#008bcc;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	background-color:#008bcc;
	border-color:#008bcc;
}


button, .button {
	color:#ffffff;
}

button.inverse,.button.inverse {
	background-color:#ffffff;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	color:#ffffff;
}



button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	color:#ffffff;
}

button.inverse:hover,.button.inverse:hover,button.inverse:active,.button.inverse:active,button.inverse:focus,.button.inverse:focus {
	background-color:#ffffff;
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	color:#ffffff;
}





button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	background-color:rgba(98,152,214,0.65);
}

button.inverse:hover,.button.inverse:hover, button.inverse:active,.button.inverse:active, button.inverse:focus,.button.inverse:focus {
	color:rgba(98,152,214,0.65);
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	background-color:rgba(98,152,214,0.65);
	border-color:rgba(98,152,214,0.65);
}


.labels ul li {
    background-color: #6298d6 !important; /* Colore di sfondo */
    color: white; /* Colore del testo */
}
#advanced-filter {
    display: block !important; /* Assicurati che il div sia sempre visibile */
    height: auto !important; /* Imposta l'altezza in modo che si adatti al contenuto */
    opacity: 1 !important; /* Assicura che sia completamente visibile */
}
#signin-container > .logo-container {
    margin-top: 40px; /* Sposta il logo pių in basso */
}

.place-order-action .button {
    position: relative; /* Posizione relativa per l'elemento */
}

.place-order-action .button::after {
    content: "Deploy"; /* Nuovo testo */
    color: #ffffff; /* Colore del testo visibile */
    position: absolute; /* Posizionamento preciso */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centra il testo */
}
.wrapper h1 {
    visibility: hidden; /* Nasconde il testo originale */
    position: relative;
}

.wrapper h1::after {
    content: "Review"; /* Testo sostitutivo */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
.button.order-now {
    text-indent: -9999px; /* Nasconde il testo spostandolo fuori dallo schermo */
    position: relative;
}

.button.order-now::after {
    content: "Deploy"; /* Nuovo testo */
    text-indent: 0; /* Rimuove l'indent per il nuovo testo */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centra il testo */
    color: inherit; /* Mantiene il colore originale */
    font-size: inherit; /* Mantiene le dimensioni originali */
    font-weight: inherit; /* Mantiene lo spessore del testo */
    pointer-events: none; /* Evita interferenze con i click */
}
.button.add-to-cart {
    text-indent: -9999px; /* Sposta il testo originale fuori dallo schermo */
    position: relative;
}

.button.add-to-cart::after {
    content: "Aggiungi VM"; /* Nuovo testo */
    text-indent: 0; /* Testo visibile */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centra il testo */
    color: inherit; /* Mantiene il colore originale */
    font-size: inherit; /* Mantiene le dimensioni originali */
    font-weight: inherit; /* Mantiene lo spessore del testo */
    pointer-events: none; /* Evita interferenze con i click */
}
.order span {
    visibility: hidden; /* Nasconde il testo originale senza rimuoverlo dal layout */
}

.order {
    position: relative; /* Necessario per posizionare correttamente ::after */
    display: inline-block;
}

.order::after {
    content: "Deploy"; /* Testo sostitutivo */
    display: block;
    line-height: 35px;
    padding: 0px 10px; /* Spaziatura interna del pulsante */
    background-color: #008bcc; /* Colore di sfondo */
    color: #ffffff; /* Colore del testo */
    font-size: 14px; /* Dimensione del testo */
    text-align: center; /* Centra il testo */
    border-radius: 5px; /* Angoli arrotondati */
    text-decoration: none; /* Rimuove la sottolineatura */
    cursor: pointer; /* Cambia il cursore in "mano" */
    transition: background-color 0.3s ease; /* Effetto di transizione */
}

/* Effetto Hover */
.order:hover::after {
    background-color: rgba(98,152,214,0.65); /* Cambia colore di sfondo al passaggio del mouse */
    color: #e0e0e0; /* Colore del testo leggermente pių chiaro */
}
/* Nasconde il testo originale e aggiunge il nuovo testo */
#nav-tabs-wrapper li > a[aria-controls="orderHistory"] {
    color: transparent !important; /* Nasconde visivamente il testo originale */
    position: relative !important; /* Abilita il posizionamento */
}

/* Mostra il testo "Deploy" centrato */
#nav-tabs-wrapper li > a[aria-controls="orderHistory"]::after {
    content: "Deploy" !important; /* Nuovo testo */
    color: black; /* Colore del testo */
    position: absolute; /* Abilita il posizionamento personalizzato */
    top: 50%; /* Centra verticalmente */
    left: 50%; /* Centra orizzontalmente */
    transform: translate(-50%, -50%); /* Correzione per centrare perfettamente */
    text-align: center; /* Centra il testo */
    font-size: inherit; /* Mantiene la dimensione del font originale */
    font-weight: inherit; /* Mantiene lo stile del font originale */
}

/* Cambia il colore del testo quando il tab č attivo */
#nav-tabs-wrapper li.active > a[aria-controls="orderHistory"]::after {
    color: white !important; /* Colore del testo quando il tab č attivo */
}
.place-order-action .button.btn-lg {
    text-indent: -9999px; /* Nasconde il testo originale */
    position: relative;
}

.place-order-action .button.btn-lg::after {
    content: "Deploy"; /* Testo sostitutivo */
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.disclaimer {
    display: none !important;
}
.user-avatar-container{
    display:none!important;
}
#task\.taskOptions\.pythonArgs {
    height: 100px !important; /* Altezza del campo */
    width: 100%; /* Larghezza */
    font-size: 16px; /* Regola la dimensione del testo */
    padding: 10px; /* Spazio interno */
    overflow: auto; /* Aggiungi lo scroll se necessario */
    white-space: nowrap; /* Previeni il testo che va su pių righe */
    text-overflow: ellipsis; /* Mostra "..." per testo troppo lungo */
}
#loginBtn{
display:none!important;
}
.form-container h3{
display:none!important;
}

#logo {
  position: relative;
  display: inline-block;
}

#logo::after {
  content: "Tenant principale"; 
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 5px 8px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none; /* evita interferenze col mouse */
  z-index: 10;
}

#logo:hover::after {
  visibility: visible;
  opacity: 1;
}
.footer .policies {
    display: none;
}