/* Add-on Styles by Poster - 11/18 */

.header-container{
    padding-bottom:4px;padding-top:4px;
}
.header-container small.description{
    opacity: 0.6;
}
.footer .navbar-brand img {
        max-height: 32px;
}
.albumHeading{
    margin-top:10px;
}

.navbar-brand{
}

.navbar-brand img{
    max-height: 40px;
    vertical-align: top;
    margin-top:-12px;
    margin-left:-6px;
}

.navbar-brand svg{
    width: 40px;
}

textarea.md-input{
    font-size: 0.85em;
}

a.classic{
    text-decoration:underline;
    color: #5e419a;
}

.activate .appletvbrand{
    margin-top:30px;
    margin-bottom:30px;
    height: 50px;
}

.activate h4{
    color: #999;
    margin-bottom:20px;
}

.activate form{
    margin-top:30px;
    margin-bottom:20px;
}

.activate .activate-container{
    padding:40px !important;
}

.float-label .md-input2 ~ label {
    font-size: 20px; 
}

.md-input2 {
    font-size: 20px; 
}

.activate-confirmation{
    display:none;
}
.activate-confirmation h3{
    margin-top:30px;
    margin-bottom:30px;
}

.w-xxxl { width: 400px; }
@media (max-width: 47.9em) {
  .w-xxxl { width: 320px; } /* Use original size of w-xxl on small width browsers. */
}

/* BEGIN Imported from Music CSS for Album Covers =========================================================================== */
.img-full {
  width: 100%;
}
.img-full img {
  width: 100%;
}

.padder-v {
  padding-top: 10px;
  padding-bottom: 10px;
}


.badge,
.label {
  font-weight: bold;
}
.badge {
  background-color: #aac4c8;
}
.badge.up {
  position: relative;
  top: -10px;
  padding: 3px 6px;
  margin-left: -10px;
}
.badge-sm {
  font-size: 85%;
  padding: 2px 5px !important;
}
.label-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.badge-white {
  background-color: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  padding: 2px 6px;
}
.badge-empty {
  background-color: transparent;
  border: 1px solid rgba(0,0,0,0.15);
  color: inherit;
}







.bg-dark {
  background-color: #5a6a7a;
  color: #c9d0d7;


  background-color: lime !important;
}
.bg-dark.lt,
.bg-dark .lt {
  background-color: #687786;
}
.bg-dark.lter,
.bg-dark .lter {
  background-color: #778490;
}
.bg-dark.dk,
.bg-dark .dk {
  background-color: #4d5d6e;
}
.bg-dark.dker,
.bg-dark .dker {
  background-color: #405161;
}
.bg-dark.bg,
.bg-dark .bg {
  background-color: #5a6a7a;
}
.bg-dark a {
  color: #e6eaed;
}
.bg-dark a:hover {
  color: #fff;
}
.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
  background-color: inherit;
}
.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li:active > a,
.bg-dark .nav > li.active > a {
  color: #fff;
  background-color: #62778c;
}
.bg-dark .nav > li > a {
  color: #d8dde2;
}
.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
  background-color: #62778c;
}
.bg-dark .nav .open > a {
  background-color: #62778c;
}
.bg-dark .caret {
  border-top-color: #c9d0d7;
  border-bottom-color: #c9d0d7;
}
.bg-dark.navbar .nav > li.active > a {
  color: #fff;
  background-color: #4d5d6e;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
  color: #fff;
}
.bg-dark .text-muted {
  color: #acb7c1 !important;
}
.bg-dark .text-lt {
  color: #ffffff !important;
}
.bg-dark .icon-muted {
  color: #acb7c1 !important;
}
.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
  border-color: #4f5d6b !important;
  background-color: transparent;
}
.bg-dark.auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item:hover,
.bg-dark .auto .list-group-item:focus,
.bg-dark .auto .list-group-item:active,
.bg-dark .auto .list-group-item.active {
  background-color: #4d5d6e !important;
}

.m-l-sm {
  margin-left: 10px;
}

.m-t-sm {
  margin-top: 10px;
}

.item .opacity {
  background-color: rgba(0,0,0,0.75);
}

.bg-black {
  background-color: #232c32;
  color: #7d94a4;
}
.bg-black.lt,
.bg-black .lt {
  background-color: #2f3940;
}
.bg-black.lter,
.bg-black .lter {
  background-color: #3b464d;
}
.bg-black.dk,
.bg-black .dk {
  background-color: #181f24;
}
.bg-black.dker,
.bg-black .dker {
  background-color: #0d1215;
}
.bg-black.bg,
.bg-black .bg {
  background-color: #232c32;
}
.bg-black a {
  color: #9badb9;
}
.bg-black a:hover {
  color: #fff;
}
.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
  background-color: inherit;
}
.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li:active > a,
.bg-black .nav > li.active > a {
  color: #fff;
  background-color: #2c3942;
}
.bg-black .nav > li > a {
  color: #8ca1af;
}
.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
  background-color: #2c3942;
}
.bg-black .nav .open > a {
  background-color: #2c3942;
}
.bg-black .caret {
  border-top-color: #7d94a4;
  border-bottom-color: #7d94a4;
}
.bg-black.navbar .nav > li.active > a {
  color: #fff;
  background-color: #181f24;
}
.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
  color: #fff;
}
.bg-black .text-muted {
  color: #627b8c !important;
}
.bg-black .text-lt {
  color: #c8d2d9 !important;
}
.bg-black .icon-muted {
  color: #627b8c !important;
}
.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
  border-color: #191f23 !important;
  background-color: transparent;
}
.bg-black.auto .list-group-item:hover,
.bg-black.auto .list-group-item:focus,
.bg-black.auto .list-group-item:active,
.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item:hover,
.bg-black .auto .list-group-item:focus,
.bg-black .auto .list-group-item:active,
.bg-black .auto .list-group-item.active {
  background-color: #181f24 !important;
}

.item .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.item .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.item .center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.item .gd {
  background-color: transparent;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0.25)),to(rgba(0,0,0,0.75)));
  background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-repeat: no-repeat;
}
.item .opacity {
  background-color: rgba(0,0,0,0.75);
}
.item-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.item-overlay.active,
.item:hover .item-overlay {
  display: block;
}

.i-2x {
  font-size: 2em;
}


/* END Imported from Music CSS for Album Covers =========================================================================== */