.btn--danger,
.btn--danger:visited {
  background: #e23636;
  border-color: #e23636;
  color: #fff;
}
.btn--danger .btn__text,
.btn--danger:visited .btn__text {
  color: #fff;
}
.btn--danger .btn__text i,
.btn--danger:visited .btn__text i {
  color: #fff;
}
.btn--danger:hover {
  background: #e23636;
  color: #fff;
}
.btn--danger:active {
  background: #e23636;
  color: #fff;
}

.accordion .accordion__title {

}
.accordion-1 li.withComment .accordion__title {
    background: green;
    opacity: 1;
}

.accordion-1 li.withComment .accordion__title span.h5 {
    color: white;
}


.picker table td:has(.picker__day--disabled),
.picker__day--disabled {
    background: gray;
    color: white;
    opacity: 0.5;
}

.picker__day--disabled:hover {
    color: white !important;
    cursor: default;
}

.picker__nav--disabled {
    opacity: 0.5;
}

.picker__button--close,
.picker__button--clear,
.picker__button--today {
    cursor: pointer;
}

.label.current_album__label {
  color: white;
  position: relative;
  top: 0;
  right: 0;
  float: right;
}

.label.active__label {
    background-color: green !important;
    color: white;
    position: relative;
    top: 0;
    left: 0;
}

.label.list_active__label {
  background-color: green !important;
  color: white;
  position: relative;
  top: 0;
  right: 0;
  float: right;
}

.label.list_voting_extension__label {
  background-color: #4a90e2 !important;
  color: white;
  position: relative;
  top: 0;
  right: 0;
  float: right;
}

.label.date__label {
  color: white;
  position: relative;
  top: 0;
  right: 0;
}

.card__bottom span.album__meta,
.group__description {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn.saveTrackComment {
  margin-top: 5px;
}


.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.ghost {
  opacity: .5;
  background: #C8EBFB;
}

li.draggable {
  cursor: pointer;
}

li.gold,
li.order_0,
td.order_0 {
  background-color: gold;
}

li.silver,
li.order_1,
td.order_1  {
  background-color: silver;
}

li.bronze,
li.order_2,
td.order_2 {
  background-color: #CD7F32;
}

.full--width {
  width: 100%;
}

.album--tabs .tabs > li.active {
  background-color: #fff;
}

ul.voteList {
  border: 2px solid gray;
  min-height: 250px;
}

ul.trackList {
  border: 2px solid gray;
}

ol.breadcrumbs {
  width: 75%;
  display:inline;
}

hr {
  margin: 0;
}


a.delete-admin-link {
  background-color: red;
  color: white !important;
  padding: 5px;
}

section.space--album_club {
  padding-top: 2em;
  padding-bottom: 2em;
}

.bg--secondary.space--xs {
  padding-top: 2em;
  padding-bottom: 2em;
}

.boxed.boxed--lg {
  padding: 1.85em;
}

.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  opacity: 1;
}

.menu-horizontal > li:not(:hover) > a.delete-admin-link {
  opacity: 0.5;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

table.table-group-matrix,
table.table-overall-results {
  font-size: 12px;
}

table.table-group-matrix th,
table.table-group-matrix td {
  padding: 0.3em;
}

table.table-group-matrix .rank,
table.table-group-matrix .count {
  max-width: 40px;
  text-align: center;
}

table.table-group-matrix .avg {
  max-width: 40px;
  text-align: center;
}

table.table-group-matrix .points {
  max-width: 50px;
  text-align: center;
}

table.table-group-matrix .avgcount {
  max-width: 80px;
  text-align: center;
}

table.table-group-matrix .song {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

table.table-group-matrix .username {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}


table.table-overall-results .overall_rank,
table.table-overall-results .overall_points {
  /* max-width: 10px; */
  text-align: center;
}

table.table-overall-results .accordion li:last-child .accordion__title {
  border-bottom: none;
}

.track-comment-testimonial {
  margin-bottom: 5px;
}

.track-comment-testimonial .testimonial__body {
  margin-bottom: 5px;
  background-color: #fafafa !important;
}

.testimonial .track-comment-user {
  margin-bottom: 0;
  text-align: right;
}

.track__comment__container {
  margin-bottom: 10px;
}

.accordion li.active .track__comment_accordion__content {
  border-bottom: 4px solid #fafafa;
  max-height: 100%;
}



.spotifyButton {
  color: white !important;
  background-color: #1DB954 !important;
  border-color: #21ba45 !important;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
}

.spotifyButton:hover,
.spotifyButton:active,
.spotifyButton:focus {
  border-color: #21ba45 !important;
  box-shadow: none;
}


.spotifyButton .btn__text {
  color: white !important;
}


i.icon.spotify {
  content: url( '/img/Spotify_Icon_RGB_White.png' );
  max-height: 20px;
  vertical-align: middle;
}

.small--album--art {
  position: relative;
  display: inline-block;
  width: 3.71428571em;
  height: 3.71428571em;
  background: #fafafa;
  text-align: center;
}