.tab-button {
      border-radius: var(--bs-border-radius-lg) !important;
      background-color: transparent;
      color: #adb5bd;
      border: none;
      font-weight: normal;
      width: 50%;
      height: 45px;
      font-size: 16px;
    }

    .tab-button.active {
      background-color: #d9d9d9;
      color: #0e0e1c;
    }

    .form-control {
      background-color: #2b2d42;
      border: none;
      color: white;
      border-radius: var(--bs-border-radius-lg) !important;
    }

    .form-control::placeholder {
      color: #8e8e8e;
    }

    input:focus {
    outline: none;
    box-shadow: none;
    border-color: initial; /* o un colore fisso */
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.card-playlist {
  background-color: transparent;
  border: none;
}

.titolo-playlist a {
  color:#fff;
  text-align: left;
  font-size:13px;
  font-weight: 400;
}

.titolo-song  {
  color:#F5E67F;
  text-align: left;
  font-size:14px;
}

.nome-autore  {
  color:#fff;
  text-align: left;
  font-size:13px;
}

.mostra-playlist {
  font-size:12px;
  color:#fff;
}

.result-search {
  background-color: #2b2d42;
}

.img-container {
	position: relative;
}

.img-container img.button {
	position: absolute;
	right:2px;
	bottom:2px;
}
#lista-ricerca {
	
}

.titolo-ricerca  {
	font-size:13px;
  	color:#fff;
}

#lista-ricerca h5 {
	font-size:15px;
  color:#fff;
}

#lista-ricerca h6 {
	font-size:12px;
  color:#fff;
}

.custom-gradient {
  background: linear-gradient(0deg, var(--Grigio-Grigio-900, #191B26), var(--Grigio-Grigio-900, #191B26)),
              linear-gradient(112.1deg, rgba(66, 81, 188, 0) 76.62%, rgba(93, 99, 147, 0.4) 97.95%);
  color: white;
}

.modal-header {
  border-bottom: 0px;
}

.modal-footer {
  border-top:0px;
}

.btn-close {
  opacity: 1;
}