.form-notification-bg {
    background-color: #e4dfea !important;
  }
  
/* PLAYLIST */

.music-card {
  display: flex;
  align-items: center;
  padding: 5px;
}

.album-art img {
  max-width: 100px;
}

.music-info {
  flex-grow: 1;
  padding-left: 20px; /* Adjust the spacing as needed */
}

.artist {
  font-size: 20px;
  font-weight: bold;
  color: #4a3c5d; /* Replace with the exact color used in the design */
}

.title {
  font-size: 18px;
  color: #333;
}

.time {
  font-size: 14px;
  color: #333;
  padding-right: 20px; /* Adjust the spacing as needed */
  white-space: nowrap;
}


/* BUTTONS */

btn-outline-primary {
    border-color: #332741;
    color: #332741;
}

.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #332741;
    background-color: #ffffff;
    border-color: #332741;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #ffffff;
    background-color: #332741;
    border-color: #332741;
}

.news-article .article-content .btn.btn-outline-primary {
    border-color: #fff;
    color: #f74d72;
}


.programmas-bg {
    color: #332741 !important;    
    background-color: #d9ac00 !important;
}