html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: .9375rem;
    line-height: 20px;
    color: #050505;
    position: relative;
    height: 100%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    cursor: pointer;
    color: #050505;
    text-decoration: none;
}

.byline a {
    cursor: pointer;
    color: #65676b;
    text-decoration: none;
}

/** for mobile link and disable hover */
a.overlay-link {
    display: none;
}

button {
    outline: none;
}

a:hover {
    color: #e23137;
    text-decoration: none;
}

p.light {
    display: inline;
    font-size: 11px;
    font-weight: normal;
}

img.middle {
    vertical-align: middle;
}

p.uppercase {
    text-transform: uppercase;
}

.lock-childs {
    pointer-events: none;
}

a:hover,
a:active {
    outline: 0;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.cbx {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    border: 1px solid #c8ccd4;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
}

.cbx:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s;
}

.cbx.radio {
    border-radius: 50%;
}

.cbx.radio:after {
    height: 9px;
    top: 2px;
    left: 5px;
}

.lbl {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.custom-checkbox:checked~.cbx {
    border-color: transparent;
    background: #e23138;
    animation: jelly 0.6s ease;
}

.custom-checkbox:checked~.cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.cntr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}

@-moz-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@-o-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button,
input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

.post-feed-msg:empty:before {
    content: attr(placeholder);
    position: absolute;
    color: gray;
    background-color: transparent;
    font-size: initial;
}

/** remove iOS tab highlight color */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 4px;
    width: 8px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 16px;
}

.simplebar-track.simplebar-vertical.simplebar-hover {
    background: #f0f1f2;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    background: #bcc0c4;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
    cursor: pointer;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.btn {
    display: inline-block;
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 7px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    border: solid 1px #5c5c5c;
    float: left;
    cursor: pointer;
    text-decoration: none;
    background: #ffffff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: .3em;
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    transition: all 0.05s linear;
    border-radius: 15px;
    outline: 0;
}

.btn:before,
.btn:after {}

.btn:after {
    clear: both;
}

.btn:first-child {
    *margin-left: 0;
}

.btn svg {
    float: left;
    margin-right: 5px;
    height: 100%;
    margin-top: 0;
}
.btn[data-action="buy"] {
    background: #e23037 !important;
    border-color: #e23037 !important;
    color: white !important;
}
.btn[data-action="buy"] svg {
    fill: white !important;
}
.btn.btn-tag {
    margin-bottom: 10px;
}

.btn.btn-link {
    background-image: none !important;
    background: none !important;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    text-align: center;
}

.btn.btn-link svg {
    position: relative;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    padding: 0 3px;
}

.btn svg {
    fill: #5c5c5c;
}

.btn.btn-plan {
    width: 100%;
    height: auto;
    line-height: 50px;
    border-radius: 3px;
    border: none;
    background: linear-gradient(to right, rgb(157, 52, 165) 0%, rgb(235, 48, 124) 80%) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 20px;
    padding: 0;
}

.btn.btn-plan:hover {
    box-shadow: rgba(0, 0, 0, 0.26) 0px 6px 20px 0px;
    color: #fff;
}

.btn.play svg {
    fill: #5c5c5c;
}

#settings-button svg,
#upload-button svg,
#notification-button svg,
.btn.btn-rounded svg,
.btn.btn-small svg {
    float: none;
    margin: 0;
    fill: #fff;
}

.btn span {
    float: left;
    margin-right: 5px;
}

.btn a:hover {
    color: #fff
}

.btn span:last-child {
    margin-right: 0;
}

.btn .icon {
    position: relative;
    display: block;
    top: 6px;
    margin-right: 4px;
    float: left;
}

.btn .caret {
    position: relative;
    top: 5px;
    border-top-color: #5c5c5c;
}

.btn:first-child {
    margin-left: 0;
}

.btn:last-child {
    margin-right: 0;
}

.btn:hover {
    text-decoration: none;
    opacity: .8;
    color: #000;
}

.btn:hover>svg {
    fill: #000;
}

.btn.active,
.btn:active {
    outline: 0;
    background-color: #f2f2f2;
}

.btn.btn-secondary:hover>svg {
    fill: #fff;
}

.btn.active:hover,
.btn:active:hover {
}

.btn.btn-icon-only .icon {
    margin: 0 -6px 0 -6px;
}

.btn-dark {
    background: #000;
    border: solid 2px #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-dark:hover {
    background: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn:focus {}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active {
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.btn.btn-secondary {
    position: relative;
    height: 36px;
    padding: 0 20px 0;
    line-height: 36px;
    background: #e4e6ea;
    border: none;
    box-shadow: none;
    transition: all .2s ease;
    border-radius: 18px;
    font-size: .9375rem;
    font-weight: 600;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
    background: #d8dadf;
}
.btn.btn-paypal {
    background: #ffc43a !important;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 3px;
    font-size: 15px;
    color: white !important;
}
.btn.btn-payment {
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 3px;
    font-size: 15px; 
    color: white !important;
}
.btn.btn-paypal svg {}

.btn.btn-paypal svg * {
    /* fill: #fff !important; */
}

.btn.btn-secondary.play-section:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
}

.btn.btn-secondary .icon {
    position: absolute;
    top: 4px;
    left: 4px;
    margin: 0;
}

.sub-header .btn.btn-secondary {
    top: -4px;
}

.btn.btn-secondary.btn-icon-only {
    width: 26px;
    height: 26px;
    padding: 0;
}

.btn.btn-secondary.btn-icon-only .icon {
    top: 5px;
    left: 5px;
}

.btn.btn-small {
    height: 22px;
    padding: 1px 7px 1px 7px;
    font-size: 9px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn.btn-small .icon {
    top: 1px;
    margin-right: 3px;
}

.btn.btn-small.btn-icon-only .icon {
    margin-left: -6px;
    margin-right: -6px;
}

.btn.btn-rounded {
    height: 24px;
    width: 24px;
    padding: 0;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 50%;
}

.btn.btn-white {
    background: white !important;
}

.btn.btn-rounded.close svg {
    fill: #ccc;
    height: 16px;
    width: 16px;
    position: absolute;
}

.btn.btn-rounded .icon {
    top: 2px;
    left: 2px;
    margin: 0;
}

.btn.awesome-play-button {
    background: #da103b;
    position: relative;
    padding-right: 50px;
    margin-right: 15px;
    border-color: #d9103b;
    color: #fff;
}

.btn.awesome-play-button:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgba(218, 16, 59, 0.40);
    border-radius: 50%;
    /* left: 0; */
    right: -9px;
    top: -10px;
    /* bottom: 2px; */
}

.btn.awesome-play-button:after {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    right: -2px;
    top: -3px;
}

.btn.awesome-play-button svg {
    position: absolute;
    right: 0;
    fill: #cf143c;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.btn-block {
    display: block;
    width: 100%;
}
.btn-sm {

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

.btn-primary {
    background-color: #e23036;
    border-color: #e23036;
    height: initial;
    border: 0;
    padding: 0 16px;
    line-height: 36px;
    border-radius: 18px;
    font-size: .9375rem;
    font-weight: 600;
    margin: 0;
}

a.btn.btn-primary.share-post {}

.btn-primary:hover {
    background: #e23137;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

.btn-primary:active,
.btn-primary.active {
    opacity: 0.8
}

.btn-primary:active:hover,
.btn-primary.active:hover {
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active {

}

.btn-gray {
    color: #fff;
    border: solid 1px #111;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    background-color: #303030;
    background-image: -moz-linear-gradient(top, #333333, #2b2b2b);
    background-image: -ms-linear-gradient(top, #333333, #2b2b2b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#2b2b2b));
    background-image: -webkit-linear-gradient(top, #333333, #2b2b2b);
    background-image: -o-linear-gradient(top, #333333, #2b2b2b);
    background-image: linear-gradient(top, #333333, #2b2b2b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#333333', endColorstr='#2b2b2b', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #3d3d3d;
    -moz-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #3d3d3d;
    box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #3d3d3d;
}

.btn-gray:hover {
    color: #fff;
    background-color: #383838;
    background-image: -moz-linear-gradient(top, #3b3b3b, #333333);
    background-image: -ms-linear-gradient(top, #3b3b3b, #333333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#333333));
    background-image: -webkit-linear-gradient(top, #3b3b3b, #333333);
    background-image: -o-linear-gradient(top, #3b3b3b, #333333);
    background-image: linear-gradient(top, #3b3b3b, #333333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#3b3b3b', endColorstr='#333333', GradientType=0);
    -webkit-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
    -moz-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
    box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
}

.btn-gray:active,
.btn-gray.active {
    background: #181818;
    -webkit-box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
    -moz-box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
    box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
}

.btn-success {
    color: #ffffff;
    background-color: #8BC34A;
    border-color: #8BC34A;
}

.btn-success svg,
.btn-danger svg {
    fill: #fff !important;
}

.btn-success:hover {
    opacity: 0.8;
}

.btn-success:active,
.btn-success.active {
    background-color: #e23137;
}

.btn-success:active:hover,
.btn-success.active:hover {
    opacity: 0.8;
    color: #ffffff;
    background-color: #e23137;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active {
    border: solid 1px #619604;
}

.btn-favorite.on {
    color: #ffffff;
    background-color: #8BC34A;
    border-color: #8BC34A;
}

.btn-favorite.on svg {
    fill: #fff;
}

.btn-favorite.on:hover {
    opacity: 0.8;
}

.btn-danger {
    border: solid 1px #800a0a;
    background-color: #c21111;
    background-image: -moz-linear-gradient(top, #ca1414, #b60d0d);
    background-image: -ms-linear-gradient(top, #ca1414, #b60d0d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca1414), to(#b60d0d));
    background-image: -webkit-linear-gradient(top, #ca1414, #b60d0d);
    background-image: -o-linear-gradient(top, #ca1414, #b60d0d);
    background-image: linear-gradient(top, #ca1414, #b60d0d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ca1414', endColorstr='#b60d0d', GradientType=0);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

.btn-danger:hover {
    border: solid 1px #770d0d;
    background: #ca1414;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

.btn-danger:active,
.btn-danger.active {
    border: solid 1px #6a1414;
    color: #fff;
    background-color: #be1010;
    background-image: -moz-linear-gradient(top, #b60d0d, #ca1414);
    background-image: -ms-linear-gradient(top, #b60d0d, #ca1414);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b60d0d), to(#ca1414));
    background-image: -webkit-linear-gradient(top, #b60d0d, #ca1414);
    background-image: -o-linear-gradient(top, #b60d0d, #ca1414);
    background-image: linear-gradient(top, #b60d0d, #ca1414);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#b60d0d', endColorstr='#ca1414', GradientType=0);
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

.btn-danger:active:hover,
.btn-danger.active:hover {
    color: #ffffff;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active {
    border: solid 1px #95191b;
}

button.btn,
input[type="submit"].btn {
    *padding-top: 2px;
    *padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.btn.large,
input[type="submit"].btn.large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.btn.small,
input[type="submit"].btn.small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

.btn-group {
    position: relative;
    float: left;
    margin: 0 7px 0 0;
    display: inline-block;
    * margin-left: .3em;
}

.btn-group:first-child {
    *margin-left: 0;
}

.btn-group:first-child {
    margin-left: 0;
}

.btn-group:last-child {
    margin-right: 0;
}

.btn-toolbar>.btn-group+.btn-group {
    margin-left: 0;
}

.btn-toolbar {
    margin: 0 0 10px 0;
}

.btn-toolbar:before,
.btn-toolbar:after {
    display: table;
    content: "";
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
}

.btn-group .btn {
    position: relative;
    float: left;
    margin-left: -8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-flex;
}

.btn-group .btn:first-child {
    margin-left: 0;
}

.btn-group .btn:last-child {
    margin-right: 0;
}

.btn-group .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
}

.btn-group .btn.btn-secondary:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.btn-group .btn.btn-rounded:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-left-radius: 100px;
}

.btn-group .btn:last-child,
.btn-group .btn.dropdown-toggle {
    margin-right: 0;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
}

.btn-group .btn:last-child:before {
    position: absolute;
    top: 1px;
    /* border-left: 1px solid rgba(255, 255, 255, .4); */
    height: 28px;
    left: 0px;
    bottom: 1px;
}

.btn-group.no-border-left .btn:last-child:before {
    border: none
}

.btn-group .btn:first-child:before {
    display: none;
}

.btn-group .btn.btn-secondary:last-child,
.btn-group .btn.btn-secondary.dropdown-toggle {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.btn-group .btn.btn-rounded:last-child,
.btn-group .btn.btn-rounded.dropdown-toggle {
    margin-right: 0;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-bottomright: 100px;
    border-bottom-right-radius: 100px;
}

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
    z-index: 2;
    color: #000;
    border-color: #000;
}

.btn-group .btn.active {
    z-index: 2;
    background: #e23135;
    color: #fff;
    border-color: #e23035;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group .dropdown-toggle.split .caret {
    margin-left: -2px;
    margin-right: -1px;
}

.btn-group.open {
    *z-index: 1000;
}

.btn-group.open .dropdown-menu {
    display: block;
    margin-top: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-group.open .dropdown-toggle {
    border: solid 1px rgba(0, 0, 0, 0.4);
    background-image: none;
    background-color: #e2e2e2;
    background-image: -moz-linear-gradient(top, #dddddd, #eaeaea);
    background-image: -ms-linear-gradient(top, #dddddd, #eaeaea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #dddddd, #eaeaea);
    background-image: -o-linear-gradient(top, #dddddd, #eaeaea);
    background-image: linear-gradient(top, #dddddd, #eaeaea);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dddddd', endColorstr='#eaeaea', GradientType=0);
    -webkit-box-shadow: inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-group.open .dropdown-toggle.btn-primary {
    border: solid 1px #033A77;
    background-color: #3a8eed;
    background-image: -moz-linear-gradient(top, #217ce1, #60a9ff);
    background-image: -ms-linear-gradient(top, #217ce1, #60a9ff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#217ce1), to(#60a9ff));
    background-image: -webkit-linear-gradient(top, #217ce1, #60a9ff);
    background-image: -o-linear-gradient(top, #217ce1, #60a9ff);
    background-image: linear-gradient(top, #217ce1, #60a9ff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#217ce1', endColorstr='#60a9ff', GradientType=0);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-group.open .dropdown-toggle.btn-success {
    border: solid 1px #314c02;
    background-color: #82ad00;
    background-image: -moz-linear-gradient(top, #5d9300, #b9d400);
    background-image: -ms-linear-gradient(top, #5d9300, #b9d400);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5d9300), to(#b9d400));
    background-image: -webkit-linear-gradient(top, #5d9300, #b9d400);
    background-image: -o-linear-gradient(top, #5d9300, #b9d400);
    background-image: linear-gradient(top, #5d9300, #b9d400);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5d9300', endColorstr='#b9d400', GradientType=0);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-group.open .dropdown-toggle.btn-danger {
    border: solid 1px #620608;
    background-color: #c41116;
    background-image: -moz-linear-gradient(top, #aa0b0e, #eb1b22);
    background-image: -ms-linear-gradient(top, #aa0b0e, #eb1b22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa0b0e), to(#eb1b22));
    background-image: -webkit-linear-gradient(top, #aa0b0e, #eb1b22);
    background-image: -o-linear-gradient(top, #aa0b0e, #eb1b22);
    background-image: linear-gradient(top, #aa0b0e, #eb1b22);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#aa0b0e', endColorstr='#eb1b22', GradientType=0);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.5), inset 0 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-group.view-options svg {
    width: 16px;
    height: 28px;
    margin: 0;
}

.btn-group.view-options .btn.active {
    color: inherit;
    background: inherit;
    border-color: inherit;
}

.btn-group.view-options .btn.active svg {
    fill: #e23136;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.btn.btn-icon-only .caret {
    top: 0;
}

.btn:hover .caret,
.open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-group .btn-icon-only .caret {
    margin-top: 7px;
}

.btn-primary .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret {
    border-top-color: #ffffff;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.btn-small .caret {
    margin-top: 2px;
    display: inline-block;
}

.btn-small.btn-icon-only .caret {
    margin-left: 6px;
}

.btn-secondary .caret {
    margin-top: 8px;
}

.btn-secondary .icon.icon-left {
    position: relative;
    margin: 0;
    top: 7px;
    left: -4px;
}

.btn.third-party svg {
    fill: #fff
}

.btn-secondary .icon.icon-right {
    position: relative;
    margin: 0;
    top: 7px;
    float: right;
}

.btn.third-party {
    position: relative;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px 0 5px;
    display: inline-flex;
}

.btn.third-party .icon {
    position: relative;
    top: 5px;
    margin: 0 8px 0 0;
    width: 24px;
    height: 24px;
    fill: #fff;
}

.share-box .btn.third-party svg {
    width: 18px;
    height: 18px;
}

.btn.third-party .text {
    position: relative;
    color: #ffffff;
    line-height: 28px;
}

.lightbox-login .btn.third-party .text {
    line-height: 34px;
    height: auto;
}

.btn.third-party.twitter {
    background-color: #00a7e6;
    border: solid 1px #0088bc;
}

.btn.third-party.twitter:hover {
    background: #00aced;
}

.btn.third-party.twitter:active {
    background-color: #00a5e3;
    background-image: -moz-linear-gradient(top, #00a0dc, #00aced);
    background-image: -ms-linear-gradient(top, #00a0dc, #00aced);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00a0dc), to(#00aced));
    background-image: -webkit-linear-gradient(top, #00a0dc, #00aced);
    background-image: -o-linear-gradient(top, #00a0dc, #00aced);
    background-image: linear-gradient(top, #00a0dc, #00aced);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#00a0dc', endColorstr='#00aced', GradientType=0);
}

.btn.third-party.twitter .text {}

.btn.third-party.facebook {
    background-color: #395995;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #2d4677;
}

.btn.third-party.facebook:hover {
    background: #3b5b99;
}

.btn.third-party.facebook:active {
    background-color: #395792;
    background-image: -moz-linear-gradient(top, #37558e, #3b5b99);
    background-image: -ms-linear-gradient(top, #37558e, #3b5b99);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37558e), to(#3b5b99));
    background-image: -webkit-linear-gradient(top, #37558e, #3b5b99);
    background-image: -o-linear-gradient(top, #37558e, #3b5b99);
    background-image: linear-gradient(top, #37558e, #3b5b99);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#37558e', endColorstr='#3b5b99', GradientType=0);
}

.btn.third-party.facebook .text {}

.btn.third-party.google {
    background-color: #d84936;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ac3d2f;
}

.btn.third-party svg {}

.btn.third-party.google:hover {
    background: #dd4c39;
}

.btn.third-party.google:active {
    background-color: #d64735;
    background-image: -moz-linear-gradient(top, #d14432, #dd4c39);
    background-image: -ms-linear-gradient(top, #d14432, #dd4c39);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d14432), to(#dd4c39));
    background-image: -webkit-linear-gradient(top, #d14432, #dd4c39);
    background-image: -o-linear-gradient(top, #d14432, #dd4c39);
    background-image: linear-gradient(top, #d14432, #dd4c39);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d14432', endColorstr='#dd4c39', GradientType=0);
}

.btn.third-party.google .text {}

.btn.third-party.apple {
    background-color: #000000;
    border: solid 1px #000000;
}
.btn.third-party.discord {
    background-color: #748ad6;
    border: solid 1px #748ad6;
}
.lb-facebook-login,
.lb-google-login {
    height: auto;
}

.btn.play-lg {
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    padding: 0;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background: #ffffff;
    position: absolute;
    top: 3px;
    left: 3px;
    margin: 0;
    z-index: 1;
    transition: all .2s ease;
}

.btn.play-lg.play-station {
    transition: all .2s ease
}

.btn.play-lg.play-scale:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
}

.btn.play-lg .icon-pause {
    visibility: hidden;
}

.btn.play-lg svg {
    fill: #e23236;
}

.btn.play-lg.icon-pause,
.btn.play-lg .icon-waiting {
    visibility: hidden;
}

.btn.play-lg[data-waiting="true"] .icon-play,
.btn.play-lg[data-waiting="true"] .icon-pause {
    visibility: hidden;
}

.btn.play-lg[data-waiting="true"] .icon-waiting {
    visibility: visible;
}

.btn.play-lg[data-playing="true"] .icon-play,
.btn.play-lg[data-playing="true"] .icon-waiting {
    visibility: hidden;
}

.btn.play-lg[data-playing="true"] .icon-pause {
    visibility: visible;
}

.btn.play-lg[data-pause="true"] .icon-pause,
.btn.play-lg[data-pause="true"] .icon-waiting {
    visibility: hidden;
}
.btn.btn-download {
    height: auto;
    padding: 5px 0;
    background: #e4e6ea;
    border: 0;
    color: #050505;
    border-radius: 6px;
}
.btn.btn-download label {
    display: none;
    font-weight: 600;
    font-size: .9375rem;
    margin: 0;
    height: 35px;
    line-height: 35px;
}
.btn.btn-download:hover {

    background: #d8dadf;

    border: 0;
}
.btn.btn-download[disabled]:hover span, .btn.btn-download[disabled]:focus span, .btn.btn-download[disabled]:active span {
    display: none;
}
.btn.btn-download[disabled]:hover label, .btn.btn-download[disabled]:focus label, .btn.btn-download[disabled]:active label  {
    display: block;
}
.btn.btn-download span {
    display: block;
    float: none;
    line-height: initial;
    font-size: 90%;
}
.btn.btn-download span:first-child {
    font-weight: 600;
    font-size: .9375rem;
    margin-bottom: 5px;
}
.btn.btn-download .download-badge {
    display: block;
    position: absolute;
    top: -8px;
    right: 20px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 10px;
    color: white;
}
.btn.share-post {
    background: #e23036 !important;
    border-color: #e23036 !important;
    color: white;
}
.btn.share-post svg {
    fill: white !important;
}
.btn.share-post span {
    font-weight: 600;
}
#fileupload .files {
    margin-left: -15px;
    margin-right: -15px;
}

.upload-info {
    overflow: hidden;
}

.upload-info-content {
    width: 100%;
    background: #eff3f5;
    border-radius: 6px;
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.upload-info .error {
    background-color: #FFDFDF;
    color: #885E5E;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #FFCFCF;
    text-align: center;
    border-radius: 4px;
}

.upload-info-progress-outer {
    width: 100%;
    margin: 0 0 8px;
    height: .5rem;
    background: #fff;
    border-radius: 8px;
    position: relative;
}

.upload-info-progress {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #8fc152;
    z-index: 0;
    border-radius: 8px;
}

.upload-info-file {
    margin-bottom: 20px;
    height: 20px;
    line-height: 20px;
}

.upload-info-file span:first-child {
    float: left;
    font-size: 90%;
}

.upload-info-file span:first-child span {
    padding-left: 10px;
    color: #8fc152;
}

.upload-info-file span:last-child {
    float: right;
    font-size: 90%;
}

.upload-info-block {
    position: relative;
    overflow: hidden;
}

.upload-info .img-container {
    width: 140px;
    margin-right: 20px;
    height: 140px;
    float: left;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.upload-info .img-container .edit-artwork {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    visibility: hidden
}

.upload-info .img-container .edit-song-artwork-input {
    position: absolute;
    opacity: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.upload-info .img-container:hover>.edit-artwork {
    visibility: visible
}

.upload-info .img-container .edit-artwork svg {
    fill: #fff;
    display: block;
    margin: 4px auto;
}

.upload-info .img-container .edit-artwork span {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.upload-info .field {
    margin-bottom: 15px;
}

.upload-info .song-info-container {
    width: calc(100% - 160px);
    float: left;
}
.upload-info .episode-info-container {
    width: 100%;
    float: left;
}

.upload-info .song-info-container .song-info-container-overlay, .upload-info .episode-info-container .song-info-container-overlay  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #eff3f5;
    z-index: 1;
}

.upload-info-footer {
    margin-top: 30px;
    width: 100%;
}

.upload-info-footer .draft {
    float: left;
}

.upload-info-footer .save {
    float: right;
}

.upload-container {
    position: relative;
    width: 100%;
    height: 150px;
    background: #f0f3f5;
    border-radius: 6px;
    align-items: center;
    padding: 32px 36px 0;
}

.upload-container #upload-file-button {
    text-align: center;
    height: 70px;
    line-height: 70px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    position: absolute;
    right: 36px;
    top: 40px;
    width: auto;
    max-width: initial;
    text-transform: uppercase;
    padding: 0 32px;
    overflow: hidden;
}

.upload-container #upload-file-button .icon {
    position: initial;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    fill: #fff;
}

.upload-container #upload-file-button span {
    margin: 0;
}

.upload-container p {
    font-size: 120%;
    display: block;
    margin: 0;
}

#upload-file-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 70px;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #e23137;
    font-size: 10px;
    margin: 59px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -2.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 2.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/** Music Engine Self Style */
.subscription .card-title {
    font-size: 22px;
    font-weight: 600;
    background: linear-gradient(to right, rgb(157, 52, 165) 0%, rgb(235, 48, 124) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 30px;
}

.subscription .card-price {
    position: relative;
}

.subscription .card-price .price {
    font-size: 36px;
    color: inherit;
    line-height: 60px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
}

.subscription .card-price .period {
    font-size: 16px;
}

.subscription .card-price .sub-price {
    font-size: 14px;
    position: absolute;
    top: 10px;
}

.subscription .card-price .current {
    font-size: 20px;
    position: absolute;
    top: 10px;
    color: inherit;
}

.subscription .fa-ul {
    margin: 0;
    padding: 0;
}

.subscription .fa-ul li {
    line-height: 40px;
    font-size: 16px;
    font-weight: 300;
    list-style: none;
    position: relative;
    padding-left: 30px;
    color: #333333;
}

.subscription .fa-ul li:before {
    content: '';
    /* placeholder for the SVG */
    position: absolute;
    left: 0;
    /* place the SVG at the start of the padding */
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat;
    top: 12px;
}

.no-scroll #main {
    pointer-events: none;
}

#loading-container {
    width: 100%;
    min-height: 300px;
}

.cssload-thecube {
    width: 50px;
    height: 50px;
    position: absolute;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -25px;
}

.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e23137;
    animation: cssload-fold-thecube 2.76s infinite linear both;
    -o-animation: cssload-fold-thecube 2.76s infinite linear both;
    -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
    -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
    -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
    transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}

.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}

.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}

.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}

.cssload-thecube .cssload-c2:before {
    animation-delay: 0.35s;
    -o-animation-delay: 0.35s;
    -ms-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
}

.cssload-thecube .cssload-c3:before {
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}

.cssload-thecube .cssload-c4:before {
    animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -moz-animation-delay: 1.04s;
}

@keyframes cssload-fold-thecube {

    0%,
    10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {

    0%,
    10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {

    0%,
    10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {

    0%,
    10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {

    0%,
    10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

.noselect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inset-border img {
    display: block;
    z-index: 0;
}

.inset-border:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

.crisp-edges {
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.blur-edges {
    image-rendering: -webkit-crisp-edges;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    text-indent: -99999px;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #5c5c5c;
    content: "\2193";
}

#alt-content,
#https-iframe,
.accessible-title {
    display: none !important;
}

#main {
    padding-left: 190px;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 80px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    #main {
        padding-left: 0;
    }
}

.signed-in #main {
    /*margin-right: 230px;*/
}
.signed-in.sidebar-minimum #main {
    margin-right: 54px;
}
@media (max-width: 1050px) {
    .signed-in #main {
        margin-right: 0;
    }
}

.sidebar-open #main {}

.embed_queue_open #main {
    padding-bottom: 60px;
}

.sidebar-small #main {
    right: 41px;
}

#stage {}

.top-hat #stage {
    top: 80px;
}

.queue-small #stage {
    bottom: 126px;
}

.queue-medium #stage {
    bottom: 196px;
}

.queue-large #stage {
    bottom: 216px;
}

#live-user-count {
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px;
    background: #fff;
    border: solid 1px #5c5c5c;
    cursor: pointer;
    z-index: 9999999;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

#jh-feedback {
    position: absolute;
    width: 32px;
    height: 83px;
    top: 150px;
    left: 0;
    text-indent: 100%;
    overflow: hidden;
    z-index: 14000;
}

#jh-feedback.es {
    height: 92px;
}

#jh-feedback.zh {
    height: 81px;
}

#page-wrapper {
    /*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;*/
}

#page {
    position: relative;
    margin: 0 auto 0 auto;
}

.embed_queue_open #page {
    margin-bottom: 90px;
}

.embed_queue_open.embed_large_queue #page {
    margin-bottom: 160px;
}

#page:before,
#page:after {
    display: table;
    content: "";
}

#page:after {
    clear: both;
}

#page-content.blogs {
    margin-top: -50px;
    padding-top: 50px;
}

.app-shrink #page {
    width: auto;
    min-width: 960px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-right: none;
    border-left: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#page-inner {
    position: relative;
    padding: 0;
    /* background: #fff; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#page-inner:before,
#page-inner:after {
    display: table;
    content: "";
}

#page-inner:after {
    clear: both;
}

#page-nav {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dee2e6;
    background: hsla(0, 0%, 100%, .6);
}

#page-nav.home-nav {
    display: none
}

#page-nav:before,
#page-nav:after {
    display: table;
    content: "";
}

#page-nav:after {
    clear: both;
}

.app-shrink #page-nav {
    width: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#page-nav .outer {
    position: relative;
    left: 50%;
    float: left;
}

#page-nav ul {
    display: block;
    position: relative;
    /* height: 42px; */
    left: -50%;
    margin: 0;
    list-style: none;
}

#page-nav li {
    position: relative;
    display: block;
    /* height: 40px; */
    float: left;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* line-height: 40px; */
}

#page-nav .page-nav-link {
    position: relative;
    display: block;
    height: 50px;
    padding: 0 15px 0 15px;
    line-height: 50px;
    /* color: #6c757d; */
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    /* z-index: 20; */
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#page-nav .page-nav-link:hover {
    color: #666666;
    text-decoration: none;
    /* text-shadow: 0 1px 0 #f5f5f5; */
}

#page-nav .page-nav-link.active {
    height: 49px;
    margin: 0 -1px 0 -1px;
    color: #e23138;
    text-decoration: none;
    border-bottom: 2px solid;
    font-weight: 500;
}

#page-content {
    position: relative;
    padding: 0 30px;
    margin: 0;
}

#page-content.bluring-helper {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, #ffffff 300px);
}

#page-content.pages {
    max-width: 760px;
    margin: 0 auto;
}

#page-content.settings,
#page-content.artist-management {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}

#page-content.settings.subscription {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.linear-header {
    height: 476px;
    background: linear-gradient(to right, rgb(157, 52, 165) 0%, rgb(235, 48, 124) 80%);
    margin-left: -30px;
    margin-right: -30px;
    position: absolute;
    width: 100%;
}
.linear-header.upload {
    height: 400px;
    position: relative;
    width: calc(100% + 60px);
    display: block;
    margin-bottom: 100px;
}
.upload-helper {
    position: absolute;
    top: 320px;
    width: 85%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1052px;
}

#page-content .linear-header h1 {
    padding: 2em 3em;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: center;
    line-height: 60px;
    max-width: 800px;
    margin: 0 auto;
}
.upload-container h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.3333;
    max-width: inherit;
    margin: inherit;
}
#page-content .linear-header.upload h2 {
    text-align: center;
    font-size: 1.33em;
    margin: 0 auto;
    padding: 0;
    line-height: 1.333;
    font-weight: 500;
    max-width: 600px;
    color: white;
}
#page-content .linear-header.upload .upload-helper h1 {
    padding: 0;
    text-align: left;
    width: auto;
    margin: inherit;
    display: block;
    line-height: 1;
    margin-bottom: 16px;
    color: inherit;
}
.upload-helper p {

}
.get-verify-now {
    margin-bottom: -30px;
}
.get-verify-now img {
    box-shadow: none !important;
}
.get-verify-now .card-image {width: 75%;}
.claim-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100vh;
    min-height: 700px;
    padding-top: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #101519;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff5353),to(#dd2476));
    background-image: linear-gradient(180deg,#ff5353,#dd2476);
}
.vertical-align {
    margin-top: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.claim-subtitle {
    opacity: .6;
    color: #fff;
}
.claim-display-title {
    display: block;
    height: auto;
    margin-top: 0;
    margin-right: -293px;
    margin-bottom: 0;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 90px;
    line-height: 110%;
}
.dsp {
    margin-top: 32px;
    margin-bottom: 32px;
}
.claim-h3.right {
    margin-right: -56px;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    font-size: 20px;
    text-align: left;
    line-height: 32px;
}
.button-white {
    display: block;
    width: 240px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 8px;
    background-color: #fff;
    color: #050505;
    font-family: Gordita,sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    float:left;
}
.button-white.orange {
    color: #ff5353;

}
.button-white.orange:hover {
    color: #ff5353;
}
.claim-landing-image {
    margin-top: 64px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    box-shadow: none !important;
}
.claim-h2 {
    font-family: Gordita,sans-serif;
    font-size: 42px;
    line-height: 52px;
    text-align: center;
}
.claim-h2-white {
    font-family: Gordita,sans-serif;
    font-size: 42px;
    line-height: 52px;
    text-align: center;
}
.claim-h3 {
    padding-top: 16px;
    padding-bottom: 40px;
    color: #f2f2f2;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}
.claim-feature-h3 {
    margin-top: 8px;
    font-family: Gordita,sans-serif;
    font-size: 23px;
    line-height: 32px;
    text-align: center;
}
.claim-h3-regular {
    font-size: 18px;
    font-family: Gordita,sans-serif;
    text-align: center;
}
.claim-h3-regular {
    margin-top: 8px;
    margin-bottom: 16px;
    color: #131313;
    line-height: 28px;
    font-weight: 300;
}
.va-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.va-section-footer {
    padding-top: 60px;
    padding-bottom: 60px;
}
.va-section-footer {
    background-color: #2979ff;
}

@media screen and (max-width: 991px) {
    .claim-column-right {
        position: static;
        display: none;
    }
    .claim-container {
        padding: 0 30px !important;
    }
    .claim-h3.right {
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .claim-display-title {
        margin-right: 0;
        font-size: 60px;
        line-height: 120%;
    }
}
@media screen and (max-width: 479px) {
    .claim-display-title {
        height: auto;
        margin-bottom: 0;
        padding-right: 16px;
        padding-left: 0;
        font-size: 11vw;
        line-height: 120%;
        text-align: left;
    }
}
#page-content:before,
#page-content:after {
    display: table;
    content: "";
}

#page-content:after {
    clear: both;
}

.app-shrink #page-content {
    padding: 0;
    margin: 0 auto;
}

#page-content.no-page-nav {
    padding-top: 30px;
}

#now-playing-profile-card,
.page-header {
    position: relative;
    padding: 30px 0;
    margin: 0 0 30px 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#now-playing-profile-card:before,
.page-header:before,
#now-playing-profile-card:after,
.page-header:after {
    display: table;
    content: "";
}

#now-playing-profile-card:after,
.page-header:after {
    clear: both;
}

#now-playing-profile-card .card-actions.primary {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
}

#now-playing-profile-card #social-actions,
.page-header #social-actions {
    position: absolute;
    top: 0;
    right: 0;
}

#now-playing-profile-card.tag-header.small .inner,
.page-header.tag-header.small .inner {
    width: 100%;
    height: 42px;
}

#now-playing-profile-card.no-separator,
.page-header.no-separator {
    padding-bottom: 0;
    border-bottom: 0;
}

#now-playing-profile-card.main.small .inner,
.page-header.main.small .inner {
    width: calc(100% - 67px);
    height: 45px;
}

#now-playing-profile-card.main.small .img,
.page-header.main.small .img {
    width: 52px;
    height: 52px;
    border: solid 1px #ccc;
    background: transparent;
    border-radius: 0;
    padding: 5px;
}

#now-playing-profile-card.main.medium .inner,
.page-header.main.medium .inner {
    width: calc(100% - 265px);
    height: 200px;
    margin-top: 10px;
}
.page-header.main.medium .inner.full {
    width: 100%;
}
#now-playing-profile-card.main.medium.small-img .inner {
    width: calc(100% - 165px);
    height: 130px;
    margin-top: 10px;
}

#now-playing-profile-card.main.medium .img,
.page-header.main.medium .img {
    width: 240px;
    height: 240px;
    border: none;
}

#now-playing-profile-card.main.small-img .img {
    width: 140px;
    height: 140px;
    border: none;
}

#now-playing-profile-card.main.medium .img img,
.page-header.main.medium .img img {
    width: 100%;
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

#now-playing-profile-card h1,
.page-header h1 {
    line-height: 26px;
    vertical-align: top;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 0;
}

.page-header .private {
    background: rgb(135, 135, 135);
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 5px;
    clear: both;
    padding: 3px 4px;
    border-radius: 2px;
}

.page-header span.online {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3E9E2B;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

#now-playing-profile-card h1 .tagline,
.page-header h1 .tagline {
    color: #5c5c5c;
    font-weight: bold;
    font-size: 14px;
}

#now-playing-profile-card h1 strong,
.page-header h1 strong {
    color: #333;
}

#now-playing-profile-card .img,
.page-header .img {
    position: relative;
    float: left;
    width: 240px;
    height: 240px;
    margin: 0 15px 0 0;
    background: #fff;
    border: none;
    border-radius: 5px;
    overflow: hidden;
}

.page-header.user .img {
    /* border-radius: 50%; */
}

#now-playing-profile-card .img,
.page-header .img .btn {
    color: #d2cece;
}

.page-header.artist-management .img {
    width: 150px;
    height: 150px;
}

#now-playing-profile-card .img .btn .caret,
.page-header .img .btn .caret {
    border-top-color: #fff;
}

#now-playing-profile-card .img img,
.page-header .img img {
    width: 100%;
}

.page-header #artist-image.img {
    border-radius: 50%;
    overflow: hidden;
}

#now-playing-profile-card .inner,
.page-header .inner {
    position: relative;
    width: calc(100% - 265px);
    height: 200px;
    float: left;
    margin-top: 10px;
}

.page-header .verified-badge,
.page-header .group-badge {
    width: 16px;
    height: 16px;
    padding-left: 8px;
}

.page-header .verified-badge svg,
.page-header .group-badge svg {
    width: 16px;
    height: 16px;
}

.page-header.artist-management .inner {
    width: calc(100% - 265px);
    height: 140px;
}

.page-header.small .inner {
    margin-top: 0;
}
.page-header.small .inner.full {
    width: 100%;
}
#now-playing-profile-card .location,
.page-header .location {
    display: block;
    height: 16px;
    margin-bottom: 10px;
    color: #666666;
    font-size: 12px;
    clear: both;
}

#now-playing-profile-card .location span,
.page-header .location span {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 7px;
}

#now-playing-profile-card .location [class^="icon"],
.page-header .location [class^="icon"] {
    margin-right: 7px;
    vertical-align: top;
}

#now-playing-profile-card .byline,
.page-header .byline {
    margin-bottom: 5px;
    clear: both;
    font-size: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #65676b;
}

#now-playing-profile-card .byline,
.page-header .byline.show-full span {
    line-height: 1.2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* number of lines to show */
    -webkit-box-orient: vertical;
}

#now-playing-profile-card .byline .label,
.page-header .byline .label {
    vertical-align: middle;
    color: #5c5c5c;
}

#now-playing-profile-card .byline span,
.page-header .byline span {
    color: #5c5c5c;
    margin-bottom: 5px;
    clear: both;
    font-size: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.byline span.explicit, .byline span.explicit {
    background: #666666;
    color: white;
    font-size: 80%;
    font-weight: bold;
    padding: 0 4px;
    border-radius: 2px;
}
#now-playing-profile-card .description,
.page-header .description {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 15px;
    clear: both;
}
#now-playing-profile-card .description,
.page-header .description p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#now-playing-profile-card .description-more,
.page-header .description-more {
    cursor: pointer;
}

#now-playing-profile-card.user .metadata .num,
.page-header.user .metadata .num {
    margin-top: -1px;
}

#now-playing-profile-card.user .metadata .label,
.page-header.user .metadata .label {
    line-height: 12px;
}

#now-playing-profile-card .actions-primary,
.page-header .actions-primary {
    position: absolute;
    bottom: 0;
    /*left: 0;*/
}
#now-playing-profile-card .actions-container,
.page-header .actions-container {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
#now-playing-profile-card .actions-container .actions-primary, .page-header .actions-container .actions-primary{

}
.page-header .actions-container .tags-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.page-header .actions-container .tags-container .tag {
    display: flex;
    align-items: center;
    padding: 5px 16px;
    margin-right: 8px;
    overflow: hidden;
    border: 1px solid hsl(0deg 0% 36%);
    border-radius: 15px;
    max-width: 210px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: initial;
    background: none;
    color: #050505;
    font-size: 14px;
    font-weight: 500;
}

.page-header.small .actions-primary {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}

#now-playing-profile-card .stat-summary,
.page-header .stat-summary {
    /* position: absolute; */
    /* top: 50px; */
    /* left: 0; */
}

#now-playing-profile-card .tags,
.page-header .tags {
    margin-top: 5px;
}

#now-playing-profile-card .tags a,
.page-header .tags a {
    display: inline-block;
    height: 20px;
}

#now-playing-profile-card .top-artists,
.page-header .top-artists {
    margin-top: -1px;
    display: none;
}

#now-playing-profile-card .top-artists .top-artist-container,
.page-header .top-artists .top-artist-container {
    height: 20px;
    display: inline;
    color: #5c5c5c;
}

#now-playing-profile-card .top-artists .top-artist-container .top-artist,
.page-header .top-artists .top-artist-container .top-artist {
    line-height: 16px;
    font-size: 16px;
}

#now-playing-profile-card .top-artists .top-artist-container span,
.page-header .top-artists .top-artist-container span {
    margin: 0 5px 0 5px;
    font-size: 14px;
}

#now-playing-profile-card.abtest .actions-primary,
.page-header.abtest .actions-primary {
    position: relative;
    top: auto;
    right: auto;
}

#now-playing-profile-card.abtest #artist-bio,
.page-header.abtest #artist-bio {
    display: none;
}

#now-playing-profile-card.abtest.main.medium .inner,
.page-header.abtest.main.medium .inner {
    width: 813px;
    height: 132px;
}

#now-playing-profile-card.abtest.main.medium .img,
.page-header.abtest.main.medium .img {
    width: 120px;
    height: 120px;
}
.processing-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.98);
    z-index: 1;
    height: 300px;
    line-height: 300px;
    text-align: center;
    font-size: 200%;
}
#artist-image {
    position: relative;
}

#artist-image .icon {
    position: absolute;
    display: none;
    right: 10px;
    bottom: 10px;
}

#artist-image:hover .icon {
    display: block;
}

#primary-actions {
    padding-top: 1px;
    float: right;
}

#secondary-actions {
    float: left;
}

#page-column-footer {
    padding: 10px;
    clear: both;
    /* background: #ccc; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#page-column-footer:before,
#page-column-footer:after {
    display: table;
    content: "";
}

#page-column-footer:after {
    clear: both;
}

#primary-actions-footer {
    padding-top: 1px;
    float: right;
}

#third-party-social-buttons {
    padding: 5px 0 0 0;
}

#third-party-social-buttons .social-button {
    float: left;
    margin-right: 15px;
}

#column1 {
    width: calc(66.6666% - 30px);
    float: left;
}

#column1:before,
#column1:after {
    display: table;
    content: "";
}

#column1:after {
    clear: both;
}

#column1.lg {
    width: 770px;
}

#column1.full {
    width: 100%;
}

#column1.community-feed {
    position: relative;
}

#column1 .centered-subtext {
    text-align: center;
}

#column2 {
    width: 33.3333%;
    margin: 10px 0 0;
    float: right;
}

#column2:before,
#column2:after {
    display: table;
    content: "";
}

#column2:after {
    clear: both;
}

#column2 #similarArtists-digest {
    /* margin-top: 50px */
}

#column2.sm {
    width: 160px;
}

#column2 .snapshot {
    border-bottom: solid 1px #e6e6e6;
}

#column2 .snapshot:last-child {
    border: 0;
}

#column2 .snapshot:before,
#column2 .snapshot:after {
    display: table;
    content: "";
}

#column2 .snapshot:after {
    clear: both;
}

#column2 .sub-header {
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
}

#column2 .sub-header .view-more {
    position: absolute;
    right: 0;
    top: 0;
}

.content {
    margin-bottom: 30px;
}

.content:before,
.content:after {
    display: table;
    content: "";
}

.content:after {
    clear: both;
}

.content .sub-header {
    padding-bottom: 15px;
}

.content .sub-header:before,
.content .sub-header:after {
    display: table;
    content: "";
}

.content .sub-header:after {
    clear: both;
}

.content .sub-header h2,
.content .sub-header h3,
.content .sub-header h4,
.content .sub-header h5,
.content .sub-header h6 {
    margin-bottom: 0;
}

.content .sub-header .view-more {
    float: right;
    font-size: 12px;
    color: #5c5c5c;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
}

.content .sub-header .view-more:hover {
    text-decoration: underline;
}

.content .sub-header .view-more span {
    vertical-align: middle;
}

.content .sub-header .view-more .icon {
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.content .sub-header .view-more:hover {
    color: #333333;
}

.content .sub-header .view-more:hover .icon {
    background-position: -176px -16px;
}

.content .sub-header .actions-primary {
    position: absolute;
    right: 0;
    top: 0;
}

.banner-img {
    position: relative;
    margin-bottom: 30px;
}

.banner-img img {
    display: block;
    z-index: 0;
}

.banner-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

#footer {
    position: relative;
    padding: 11px 15px 11px 15px;
    border-top: 1px solid #CCC;
    -moz-border-radius: 0px 0px 3px 3px;
    background: rgba(0, 0, 0, 0.025);
    background-color: #f5f5f5;
    height: 60px;
}

v {
    position: relative;
    float: left;
    clear: both;
}

#footer .footer-link {
    position: relative;
    display: block;
    margin: 0 7.5px 0 0;
    float: left;
    /* color: #666666; */
    font-weight: bold;
    font-size: 11.4px;
    line-height: 25px;
}

#footer .copyright {
    float: left;
    clear: both;
    font-size: 11px;
    line-height: 13px;
}

#footer .social-links {
    float: right;
}

#footer .social-link {
    position: relative;
    display: block;
    margin: 0 15px 0 0;
    float: left;
    font-weight: bold;
    font-size: 11.4px;
}

#footer .social-link:hover {
    text-decoration: none;
}
#footer .social-link .icon {
    width: 14px;
    height: 14px;
    fill: #000000;
}
#footer .facebook {
    vertical-align: text-bottom;
    margin-right: 2px;
    background-position: -96px -304px;
}

#footer .twitter {
    vertical-align: text-bottom;
    margin-right: 2px;
    background-position: -96px -320px;
}

#footer .social-label {
    line-height: 24px;
    margin-left: 2px;
}

#footer .slash {
    position: relative;
    float: left;
    margin: 0 7.5px 0 0;
    line-height: 25px;
    color: #5c5c5c;
}

#footer .love {
    position: absolute;
    top: 35px;
    right: 15px;
    font-size: 10px;
    line-height: 12px;
}

.search-bar {
    position: relative;
    height: 27px;
    top: 7px;
    margin: 0;
}

.search-bar input {
    position: relative;
    display: block;
    width: 198px;
    height: 24px;
    padding: 0 10px;
    margin: 0;
    line-height: 12px;
    background: #dddddd;
    border: solid 1px #000;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.search-bar input:focus {
    background: #fff;
}

.search-bar .placeholder {
    position: absolute;
    display: block;
    height: 26px;
    top: 0;
    left: 10px;
    color: #222222;
    line-height: 26px;
    /* z-index: 20; */
}

.search-bar .icon.search {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 0;
    top: 5px;
    right: 8px;
    z-index: 20;
}

.search-bar .icon.ex {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 0;
    top: 7px;
    right: 5px;
    z-index: 21;
    visibility: hidden;
}
.search-bar .icon.ex svg {
    fill: #5c5c5c
}
.search-bar .icon.ex.show {
    visibility: visible;
}


.actions .search-bar {
    top: 0;
    height: 30px;
}

.actions .search-bar input {
    height: 30px;
    line-height: 30px;
    width: 110px;
    background: #fff;
    border: solid 1px #5c5c5c;
    padding: 0 20px 0 25px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 16px;
}

.actions .search-bar .placeholder {
    height: 26px;
    left: 25px;
    color: #5c5c5c;
    line-height: 26px;
}

.actions .search-bar .icon.search {
    top: 8px;
    left: 7px;
    fill: #5c5c5c;
}

#social-snapshot .snapshot {
    margin-bottom: 0;
}

#social-snapshot li {
    display: inline-block;
    margin: 0 5px;
}

.col2-tabs {
    height: 46px;
}

.col2-tabs:before,
.col2-tabs:after {
    display: table;
    content: "";
}

.col2-tabs:after {
    clear: both;
}

.column2-tab {
    width: 50%;
    height: 46px;
    box-sizing: border-box;
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    line-height: 46px;
    text-transform: uppercase;
    text-align: center;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    background: #f1f1f1;
}

.column2-tab:first-child {
    border-left: solid 1px #999;
}

.column2-tab.active {
    color: #e23137;
    border-bottom: none;
    background: #fff;
}

#column1 #comm ents .first-comment-message,
#column1 #activity .first-comment-message {
    width: 100%;
}

#column1 #comments .first-comment-message .first-comment-container,
#column1 #activity .first-comment-message .first-comment-container {
    padding: 18px 0 0 70px;
}

#comments .first-comment-message,
#activity .first-comment-message {
    margin-top: 15px;
    width: 100%;
    height: 70px;
    background-color: #eff3f5;
    position: relative;
    border-radius: 3px;
}

.first-comment-message .icon {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    left: 15px;
    fill: #878787;
}

#comments .first-comment-message .first-comment-container,
#activity .first-comment-message .first-comment-container {
    padding: 18px 0 0px 70px;
    float: left;
    /* width: 175px; */
    height: 50px;
}

#comments .first-comment-message .first-comment-container .first-comment-header,
#activity .first-comment-message .first-comment-container .first-comment-header {
    display: block;
    color: #2c3033;
    font-size: 14px;
    font-weight: bold;
}

#comments .first-comment-message .first-comment-container .first-comment-sub,
#activity .first-comment-message .first-comment-container .first-comment-sub {
    display: block;
    color: #828e97;
    font-size: 11px;
    line-height: 14px;
}

#comments .first-comment-message .first-comment-bubble,
#activity .first-comment-message .first-comment-bubble {
    float: left;
    width: 105px;
    height: 70px;
}

#reload-community-feed {
    display: block;
    height: 40px;
    margin-bottom: 20px;
    line-height: 40px;
    text-align: center;
    background: #F1F1F1;
    border: #BBB 1px solid;
}

.post-item {
    margin-bottom: 30px;
}

.post-item:before,
.post-item:after {
    display: table;
    content: "";
}

.post-item:after {
    clear: both;
}

#column1.full .post-item {
    width: 100%;
    z-index: 10;
}

#column1.full .post-item .post-msg,
#column1.full .post-item .post-item-search {
    width: 100%;
}

#column1.full .post-item .post-feed-msg {
    width: 100%;
}

#column1.full .post-item .selected-item {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

#column1.full .post-item .selected-item .item-name,
#column1.full .post-item .selected-item .item-subtext {
    width: calc(100% - 100px);
}

.lightbox .post-item {
    margin-bottom: 0;
}

.lightbox .post-item .post-msg {
    width: 530px;
}

.lightbox .post-item .post-item-search {
    width: 530px;
}

.lightbox .post-item .selected-item {
    width: 520px;
}

.post-item.stage-1 .post-msg,
.post-item.stage-2 .post-msg {
    height: auto;
    min-height: 64px;
    margin-bottom: 5px;
}

.post-item.stage-1 .post-feed-msg,
.post-item.stage-2 .post-feed-msg {
    min-height: 54px;
}

.post-item.stage-1 .attach-music,
.post-item.stage-2 .attach-music {
    display: block;
}

.post-item.stage-1 .share-post,
.post-item.stage-2 .share-post {
    display: block;
}

.post-item.stage-2 .post-msg {}

.post-item.stage-2 .post-item-search {
    display: block;
}

.post-item.stage-3 .post-msg {
    /* height: 105px; */
}

.post-item.stage-3 .post-item-search {
    display: none;
}

.post-item.stage-3 .selected-item {
    display: block;
}

.post-item input,
.post-item textarea {
    border: none;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.post-item input:focus,
.post-item textarea:focus {
    border: none;
}

.post-item .user-img-link {
    position: relative;
    width: 40px;
    height: 40px;
    top: 3px;
    margin-right: 10px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.post-item .user-img-link img {
    display: block;
    z-index: 0;
}

.post-item .user-img-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

.post-item .post-container {
    position: relative;
    padding: 5px;
    float: left;
    background: #f5f5f5;
    border: solid 1px #bbbbbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: calc(100% - 62px);
}

.post-item .post-msg {
    position: relative;
    height: 33px;
    width: 566px;
    background: #fff;
    border: solid 1px #bbbbbb;
}

.post-item .post-item-search {
    position: relative;
    display: none;
    width: 566px;
    height: 35px;
    border-top: dotted 1px #ccc;
}

.post-item .post-item-search .icon {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -8px;
}

.post-item .share-post {
    display: none;
    float: right;
}

.post-item .post-feed-msg {
    position: relative;
    padding: 5px 10px;
    line-height: 1.3125;
    font-weight: 400;
    font-size: 19px;
    outline: 0;
}

.post-item .attach-music {
    display: none;
    float: left;
}

.post-item .post-item-input {
    position: absolute;
    width: calc(100% - 25px);
    height: 33px;
    top: 0;
    left: 25px;
    padding: 0;
    line-height: 25px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.post-item .selected-item {
    position: relative;
    display: none;
    width: 100%;
    height: 50px;
    padding: 5px;
    border-top: dotted 1px #ccc;
    box-sizing: border-box;
}

.post-item .selected-item:before,
.post-item .selected-item:after {
    display: table;
    content: "";
}

.post-item .selected-item:after {
    clear: both;
}

.post-item .selected-item .icon {
    position: absolute;
    top: 17px;
    right: 14px;
    cursor: pointer;
}

.post-item .selected-item .item-image {
    height: 40px;
    width: 40px;
    margin-right: 10px;
    float: left;
}

.post-item .selected-item .item-name {
    width: 470px;
    height: 23px;
    margin: 0;
    line-height: 23px;
    float: left;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.post-item .selected-item .item-subtext {
    width: 470px;
    height: 16px;
    margin: 0;
    line-height: 16px;
    float: left;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.stat-summary {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    /* font-size: 10px; */
    font-weight: bold;
    /* color: #666666; */
    * zoom: 1;
}

.stat-summary:before,
.stat-summary:after {
    display: table;
    content: "";
}

.stat-summary:after {
    clear: both;
}

.stat-summary a:hover {
    text-decoration: none;
}

.stat-summary li {
    display: block;
    padding: 0 15px 0 15px;
    float: left;
    border-right: solid 1px #eff3f5;
    line-height: 20px;
}

.stat-summary li:last-child {
    padding: 0 0 0 15px;
    border-right: none;
}

.stat-summary li:first-child {
    padding: 0 15px 0 0;
}

.stat-summary li.no-padding {
    padding: 0;
}

.stat-summary .num {
    display: block;
    height: 20px;
    margin-right: 7px;
    line-height: 16px;
    color: #e23137;
    font-size: 16px;
    vertical-align: top;
}

.stat-summary .label {
    display: block;
    height: 10px;
    line-height: 10px;
    vertical-align: middle;
    text-transform: none;
    /* color: #5c5c5c; */
    font-size: 90%;
    font-weight: initial;
}

.empty-page {
    position: relative;
    padding: 30px;
    /*background: #eee;*/
}

.empty-page.no-nav {
    margin-top: 30px;
}

.empty-page.artist-stats {
    min-height: 160px;
}

.empty-page.listens {
    min-height: 160px;
}

.empty-inner {
    padding: 30px 15px;
}

.playlists .empty-inner .empty-img,
.artist-songs .empty-inner .empty-img {
    margin-bottom: 30px;
}

.empty-inner .msg {
    margin-bottom: 15px;
}

.empty-inner .empty-suggestions {
    padding-top: 30px;
    border-top: solid 1px #ddd;
}

.empty-inner .empty-img {
    display: block;
    margin: 0 auto;
}

.empty-inner .btn.btn-secondary {
    display: block;
    width: 130px;
    margin: 0 auto;
    background: #555;
    border: none;
    color: #fff;
    text-shadow: none;
    float: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.empty-inner .btn.btn-secondary:hover {
    background: #333333;
}

.empty-inner .btn.btn-secondary:active {
    color: #fff;
}

.empty-inner h2,
.empty-inner p {
    width: 100%;
    margin: 0 auto 15px auto;
    text-align: center;
}

.empty-inner h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 auto 10px auto;
}

.empty-search {
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.empty-search input {
    width: 300px;
}

.empty-search .icon {
    position: absolute;
    top: 10px;
    right: 8px;
}

.empty-search .icon svg {}

.empty-suggestions {
    display: block;
    height: 180px;
    margin: 0 auto;
}

.empty-suggestions:before,
.empty-suggestions:after {
    display: table;
    content: "";
}

.empty-suggestions:after {
    clear: both;
}

.user-img-container {
    position: relative;
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
}

.user-img-container img {
    display: block;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.user-picture-preview, .artist-picture-preview {
    position: relative;
    max-width: none;
}

.user-picture-right {
    margin: 5px 0 0 10px;
    float: left;
    width: calc(100% - 130px);
}

.user-picture-right .help-text {
    color: #5c5c5c;
    display: block;
    padding-top: 5px;
    clear: both;
}

#user-pic-filename {
    line-height: 26px;
}

#home-dashboard {
    position: relative;
    margin: 0 30px;
    padding: 30px 0;
    border-bottom: 1px solid #f3f5f7;
}

#home-dashboard .stat-summary {
    position: absolute;
    top: 35px;
    right: 0;
}

#home-dashboard-user {
    width: 400px;
    height: 40px;
}

#home-dashboard-user .user-img-container {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left;
}

#home-dashboard-user .user-img-container .user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#home-dashboard-user .user-img-container .user-img img {
    display: block;
    z-index: 0;
}

#home-dashboard-user .user-img-container .user-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 2;
}

#home-dashboard-user .welcome-message {
    line-height: 24px;
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#home-dashboard-user .dashboard-links {
    color: #5c5c5c;
    font-size: 10px;
}

#home-dashboard-user .dashboard-link {
    color: #5c5c5c;
    font-size: 12px;
}

#page-content.search h1 {}

#page-content.home {
    min-height: 550px;
    margin-bottom: 32px;
    padding-top: 32px;
}

#page-content.home #column1 {
}

#page-content.home .content:before,
#page-content.home .content:after {
    display: none;
}

.actions-container .actions-primary {
    position: relative;
    bottom: auto;
    left: auto;
}

#page-content .sub-header {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 15px;
}

#page-content .sub-header .play-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #e23036;
    border: 0;
}

#page-content .content .sub-header {}

#page-content.home .btn-pagable .previous {
    padding: 0 8px 0 11px;
}

#page-content.home .btn-pagable .next {
    padding: 0 11px 0 8px;
}

#page-content .section-title {
    font-size: 18px;
    display: block;
    line-height: 22px;
    float: inherit;
}

#page-content .content .sub-header.can-play .section-title {
    margin-left: 48px;
}

#page-content .play-section {}

#page-content.home .play-section .icon {
    top: 13px;
    left: 13px;
}

#page-content .section-tagline {
    display: block;
    font-size: 14px;
    color: #5c5c5c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#page-content.home .section-tagline a {
    color: #5c5c5c;
}

#page-content.home .section-tagline a:hover {
    color: #e23137;
}

#page-content.home .small-home-section {
    float: left;
    width: 630px;
    clear: none;
}

#page-content.home .small-home-section .section-tagline {
    width: 425px;
}

#page-content .can-play .section-tagline {
    margin-left: 48px;
}

#page-content.home .tall.genre .metadata {
    padding-left: 10px;
}

#page-content .blurimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
    max-height: 290px;
    filter: blur(50px);
    -webkit-filter: blur(100px);
    transform: translate3d(0, 0, 0) translateZ(0);
    perspective: 1000px;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0) translateZ(0);
    -moz-perspective: 1000px;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    z-index: -1;
}
#page-content .blurimg img {
    width: 100%;
    max-height: 290px;
}
/* hide placeholder when focus on IE 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #page-content .blurimg {
        display: none;
    }
}
#page-content .blurimg:before {
    content: '';
    /* background: hsla(0, 0%, 100%, .8); */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#home-feature {
    position: relative;
    margin: 30px 0;
    height: 226px;
    padding: 0;
}

#home-feature .content {
    margin-bottom: 0;
}

.home-capital {
    position: relative;
    float: right;
}

.home-capital .content {
    margin: 0;
}

.home-title {
    display: block;
    float: left;
    margin: 0;
}

.home-tagline {
    display: inline-block;
    width: 620px;
    float: left;
    margin: 10px 0 0 0;
    color: #333333;
}

.home-content-container {
    position: relative;
}

.home-grid-container.pagable {
    position: relative;
    overflow: hidden;
}

.previous-pageable-nav,
.next-pageable-nav {
    position: absolute;
    display: none;
    top: 52px;
    left: -18px;
    width: 34px;
    height: 34px;
    border: solid .4px #d9d9d9;
    background: #fff;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.apple-music-look .previous-pageable-nav,
.apple-music-look .next-pageable-nav {
    top: auto;
    bottom: 72px;
}

.classic-look .previous-pageable-nav,
.classic-look .next-pageable-nav {
    top: auto;
    bottom: 80px;
}

.slider .previous-pageable-nav,
.slider .next-pageable-nav {
    top: 72px;
}

.home-section:hover> .previous-pageable-nav,
.home-section:hover> .next-pageable-nav {
    display: block;
}
.home-content-container:hover> .previous-pageable-nav,
.home-content-container:hover> .next-pageable-nav {
    display: block;
}
.previous-pageable-nav .section-page-back,
.next-pageable-nav .section-page-back {
    width: 34px;
    height: 34px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    * zoom: 1;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fafafa, #ededed);
    background-image: -ms-linear-gradient(top, #fafafa, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
    background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
    background-image: -o-linear-gradient(top, #fafafa, #ededed);
    background-image: linear-gradient(top, #fafafa, #ededed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
    * margin-left: .3em;
}

.previous-pageable-nav .section-page-back:before,
.next-pageable-nav .section-page-back:before,
.previous-pageable-nav .section-page-back:after,
.next-pageable-nav .section-page-back:after {
    display: table;
    content: "";
}

.previous-pageable-nav .section-page-back:after,
.next-pageable-nav .section-page-back:after {
    clear: both;
}

.previous-pageable-nav .section-page-back:first-child,
.next-pageable-nav .section-page-back:first-child {
    *margin-left: 0;
}

.previous-pageable-nav:hover .section-page-back,
.next-pageable-nav:hover .section-page-back {
    opacity: 1;
    filter: alpha(opacity=100);
}

.content.focused .previous-pageable-nav,
.content.focused .next-pageable-nav {
    display: block;
}

.previous-pageable-nav .pagable-icon,
.next-pageable-nav .pagable-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.previous-pageable-nav {
    border-right: 0;
}

.previous-pageable-nav svg {
    fill: #000;
}

.next-pageable-nav svg {
    transform: rotate(180deg);
    fill: #000;
}

.next-pageable-nav {
    left: auto;
    right: -18px;
}

.home-section {
    margin-bottom: 60px;
    clear: both;
    position: relative;
}

.home-section:last-child {
    border-bottom: none;
}
.home-grid-container {
    position: relative;
}
.first-home-section {
    margin-top: 23px;
}

.spaced-home-section {
    margin-top: 20px;
    margin-bottom: 50px;
}

.feed-content .showObjects,
.feed-content .showUsers {
    text-decoration: none;
    color: #888;
    cursor: text;
}

.personalized-songs-wrapper {
    width: 680px;
    height: 40px;
    margin: 0 0 0 15px;
    padding: 7px;
    float: left;
    background: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.personalized-songs-wrapper .personalized-songs-container {
    float: left;
    width: 516px;
    height: 40px;
    overflow: hidden;
}

.personalized-songs-wrapper .btn {
    position: relative;
    left: 7px;
    top: 7px;
}

.personalized-songs {
    position: relative;
    width: 2000px;
}

.personalized-songs .item-img {
    position: relative;
    display: block;
    margin: 0 10px 10px 0;
    float: left;
}

.personalized-songs .item-img img {
    display: block;
    z-index: 0;
}

.personalized-songs .item-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

.personalized-songs .item-img.small {
    width: 40px;
    height: 40px;
    margin: 0 3px 3px 0;
}

#featured-item {
    margin-bottom: 30px;
}

.search-digest {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.search-digest h2 {
    margin-bottom: 18px;
}

.snapshot {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    list-style: none;
}

.did-you-mean {
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin-top: 24px;
}

.did-you-mean .did-you-mean-text {
    margin: 0;
}

.did-you-mean .did-you-mean-remove {
    position: absolute;
    right: 16px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 1.5em;
    padding: 0;
}

#user-page-notifications h4 {
    margin: 20px 0 10px;
}

#user-page-notifications h4:first-child {
    margin-top: 0;
}

#user-page-notifications .notification-group {
    padding-bottom: 20px;
    border-bottom: solid 2px #ddd;
}

#user-page-notifications .notification-row {
    display: block;
    height: 32px;
    margin: 0;
    line-height: 32px;
    border-top: dotted 1px #ddd;
}

#user-page-notifications .notification-row:first-child {
    border-top: none;
}

#user-page-notifications .notification-row .icon {
    margin-right: 10px;
}

#user-page-notifications .notification-row .notif-dot {
    position: relative;
    padding: 0 10px;
    top: 3px;
    font-size: 24px;
}

#user-page-notifications .no-notifications {
    margin: 0;
    font-size: 20px;
    text-align: center;
}

.user-recent-listens {
    position: relative;
}

.user-recent-listens .recent-options {
    position: absolute;
    top: 0;
    right: 0;
}

#recent-songs-grid {
    margin-bottom: 30px;
}

.artist-management-chart-block {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 50px
}

.artist-management-chart-block.upload {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

#artist-management-chart {
    height: 250px;
    margin-bottom: 30px;
    /* text-align: center; */
    /* line-height: 250px; */
}

#column1.settings {
    margin-bottom: 40px;
    overflow: hidden;
}

#column1.settings.subscription {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}

#column1.settings .control-label {
    font-weight: bold;
}

#column1.settings .control-label .help-text {
    color: #5c5c5c;
    font-weight: normal;
}

#column1.settings input,
#column1.settings label {
    vertical-align: middle;
}

.settings .content {
    padding: 10px 0;
    border-bottom: #dee2e6 1px solid;
    margin-bottom: 0;
}

.settings .content:before,
.settings .content:after {
    display: table;
    content: "";
}

.settings .content:after {
    clear: both;
}

.settings .content:last-child {
    border-bottom: none;
}

.settings .content .fields {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.settings .content .description {
    width: 50%;
    float: right;
    padding-top: 15px;
    box-sizing: border-box;
}

.settings .content .control:before,
.settings .content .control:after {
    display: table;
    content: "";
}

.settings .content .control:after {
    clear: both;
}

.settings .content .control.single {
    float: none;
    margin-bottom: 10px;
}

.settings .content p.bold {
    font-weight: bold;
}

.settings .content .third-party-loading {
    position: relative;
    display: block;
    top: -4px;
    width: 32px;
    height: 32px;
    margin-right: 20px;
}

.advertising .content {
    padding: 10px 0;
    border-bottom: #eee 1px solid;
    margin-bottom: 0;
}

.advertising .content:before,
.advertising .content:after {
    display: table;
    content: "";
}

.advertising .content:after {
    clear: both;
}

.advertising .content:last-child {
    border-bottom: none;
}

.advertising .content .control {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.advertising .content #advertising-comments {
    width: 550px;
}

.advertising .content .advertising-send {
    float: right;
    margin-right: 60px;
}

.advertising .content .error-message {
    background-color: #FFDFDF;
    color: #885E5E;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #FFCFCF;
}

.advertising-success {
    margin: 10px 0;
}

.form-state {
    width: 80px;
    float: left;
}

.form-zip {
    /* width: 70px; */
}

.form-city {
    /* width: 165px; */
}

.form-state {
    width: 70px;
}

.form-dob-month {
    width: 100px;
    margin-left: 5px;
}

.form-dob-day {
    width: 80px;
    margin-left: 5px;
    float: left;
}

.form-dob-year {
    width: 120px;
    margin-left: 5px;
    float: left;
}

.form-gender {
    width: 160px;
    float: left;
}

.subscription-container {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    background: whitesmoke;
    padding: 20px 0;
    display: block;
    border-radius: 6px;
}

.subscription-container:before {}

.subscription-container.selected {
    border: 4px #666 solid;
}

.subscription-container h2 {
    color: #666;
    margin: 30px 0 10px 30px;
    font-size: 24px;
}

.subscription-container .price {
    margin: 0 0 20px 30px;
    font-style: italic;
    font-weight: bold;
    color: #000;
}

.subscription-container .description {
    margin: 0 30px 30px;
}

.subscription-container .btn,
.subscription-container .tag {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.subscription-container .tag {
    text-transform: none;
    cursor: default;
}

#settings-subscription-container {
    float: left;
}

.preferences-group {
    display: block;
    padding: 15px;
    clear: both;
}

.preferences-group h2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

.preferences-group li {
    list-style: none;
}

.preferences-group li {
    padding: 7px 0;
    display: flex;
    align-items: center;
}

.preferences-group label {
    display: inline-block;
    padding-left: 15px;
    cursor: pointer;
}

.preferences-group label.cbx {
    top: 0;
}

.preferences-group label.cbx.radio {
    top: 1px;
}

.preferences-group .crossfade {
    margin-top: 15px;
}

.preferences-group .crossfade label {
    display: block;
    padding-left: 0;
}

#settings-third-party-auth .centered-bold-tip {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.connect-container .connected-info {
    float: left;
}

.connect-container .connected-info:before,
.connect-container .connected-info:after {
    display: table;
    content: "";
}

.connect-container .connected-info:after {
    clear: both;
}

.connect-container .connected-info .connected-element-container {
    position: relative;
    float: left;
    overflow: hidden;
}

.connect-container .connected-info .connected-element-container img {
    display: block;
    z-index: 0;
}

.connect-container .connected-info .connected-element-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

.connect-container .connected-info .connected-element {
    max-width: 360px;
    float: left;
}

.connect-container .connected-info .flattr-listen-desc {
    clear: both;
    max-width: 360px;
}

.connect-container .connected-info .facebook-icon-container,
.connect-container .connected-info .twitter-icon-container,
.connect-container .connected-info .google-icon-container,
.connect-container .connected-info .lastfm-icon-container,
.connect-container .connected-info .flattr-icon-container {
    margin-right: 10px;
}

.connect-container .connected-info img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    image-rendering: -webkit-crisp-edges;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.connect-container .connected-info h2 {
    margin: 0;
}

.connect-container .connected-info p {
    margin: 0;
    font-size: 90%;
}

.connect-container .btn-group {
    margin-top: 15px;
    float: right;
}

.connect-container .btn-group .last {
    margin-right: 0;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

#upload-pic {
    margin-bottom: 0;
}

#tags-grid.related-tags .metadata {
    width: calc(100% - 140px);
}

#artist-bio-test {
    padding-bottom: 15px;
    border-bottom: solid 1px #bbbbbb;
}

#artist-bio-test h2 {
    margin-bottom: 15px;
}

#artist-bio {
    visibility: hidden;
    line-height: 18px;
    color: #666666;
}

.artist-thirdparty-icon {
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

.artist-thirdparty-icon .icon {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    fill: #656565;
}

.share-box {
    padding: 15px;
    background: #f1f1f1;
    border: solid 1px #bbbbbb;
}

.share-box:before,
.share-box:after {
    display: table;
    content: "";
}

.share-box:after {
    clear: both;
}

.share-box .share-box-content {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: dotted 1px #bbbbbb;
}

.share-box .share-box-content .control-label {
    margin-bottom: 0;
    font-weight: bold;
    color: #333333;
}

.share-box .share-box-content .widget-code {
    min-height: 40px;
    width: 100%;
    resize: vertical;
}

.share-box .share-box-content .floated-links {}

.share-box .share-box-content .floated-links:before,
.share-box .share-box-content .floated-links:after {
    display: table;
    content: "";
}

.share-box .share-box-content .floated-links:after {
    clear: both;
}

.share-box .share-box-content .floated-links .copy-link {
    height: 18px;
    padding: 0 3px;
    float: right;
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
}

.share-box .share-box-content .floated-links .control-label {
    float: left;
}

.share-box .third-party-btn-head {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 1em;
}

.share-box .btn.third-party {
    float: left;
    margin: 0 5px 5px 0;
}

.share-box .btn.third-party .text {}

.share-box .btn.email,
.share-box .btn.more-menu {
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.share-box .btn.email .btn-text,
.share-box .btn.more-menu .btn-text {
    display: inline;
    float: none;
}

.share-box .btn.email .caret,
.share-box .btn.more-menu .caret {
    display: inline-block;
    float: none;
}

.remove-collaborator {
    position: absolute;
    display: none;
    top: 5px;
    right: 5px;
}

.remove-collaborator:hover {
    display: block;
}

#now-playing-profile-card {
    clear: both;
    border-bottom: none;
    margin-bottom: 0;
}

#now-playing-profile-card .actions.primary {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    background: none;
}

#now-playing-profile-card .img:hover .play-pause {
    display: block;
    right: auto;
    top: 50%;
    left: 50%;
    margin: -19px 0 0 -19px;
}

#no-playing-songs-copy {
    margin: 60px 0;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
}

#no-song-grid-block {
    position: relative;
    /* height: 178px; */
    margin: 0px auto;
    text-align: center;
}

#now-playing-header {
    margin-bottom: 0;
    line-height: 21px;
    position: relative;
    padding-left: 20px;
}

#now-playing-header:before {
    content: '';
    background-image: url(../images/black_playing_queue.gif);
    width: 15px;
    height: 15px;
    top: 2px;
    position: absolute;
    left: 0;
    background-size: cover;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #now-playing-header:before {
        background-image: url(../images/black_playing_queue@2x.gif);
    }
}

#grid-header-container {
    height: 24px;
    margin-bottom: 30px;
}

#grid-header-container #queue-songs-header {
    line-height: 24px;
    float: left;
}

#grid-header-container #now-playing-radio {
    float: right;
    line-height: 24px;
    font-size: 14px;
    color: #5c5c5c;
}

#grid-header-container #now-playing-radio .radio-btn {
    cursor: pointer;
}

.about-header {
    margin-top: 30px;
}

.about-quote {
    font-size: 16px;
    border-left: 5px solid #ddd;
    padding-left: 10px;
    line-height: 23px;
}

.press-releases p {
    padding: 0 0 10px 0;
    color: #333;
}

.press-releases a {
    color: #666;
}

.press-resources {
    clear: both;
}

.press-resources ul {
    list-style-type: none;
}

.press-resources img {
    float: left;
    width: 240px;
    margin: 0 20px 20px 0;
    border: solid 1px #CCC;
}

.about-slider {
    height: 340px;
    overflow: hidden;
}

.about-slider .viewport {
    float: left;
    width: 630px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.about-slider .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
}

.about-slider .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 300px;
    width: 630px;
}

.about-slider .pager {
    overflow: hidden;
    list-style: none;
    clear: both;
    margin: 10px 0 0 0;
    float: right;
}

.about-slider .pager li {
    float: left;
    padding: 0 2px;
}

.about-slider .pagenum {
    display: block;
}

.about-sidebar {
    list-style-type: none;
    margin-left: 0;
}

.about-sidebar li {
    line-height: 25px;
}

.about-sidebar .icon {
    margin-right: 7px;
}

.show-more-songs-wrapper,
.show-more-albums-wrapper {
    padding: 8px;
    text-align: center;
}

.page-loading {
    display: block;
    width: 32px;
    height: 32px;
    margin: 80px auto 80px auto;
}

.tooltip-loading {
    display: block;
    width: 32px;
    height: 32px;
    margin: 10px auto 10px auto;
}

.emoji-tooltip {
    width: 250px !important;
    height: 200px;
    overflow: hidden;
}

.todo {
    display: none !important;
}

iframe.vimeo {
    border: none;
}

.artist-dashboard {
    position: relative;
}

.artist-dashboard #graph-selector {
    float: left;
}

.graph-header {}

.graph-header:before,
.graph-header:after {
    display: table;
    content: "";
}

.graph-header:after {
    clear: both;
}

.graph-title {
    margin-right: 20px;
    line-height: 32px;
    float: left;
}

.top-digests-container {}

.top-digests-container:before,
.top-digests-container:after {
    display: table;
    content: "";
}

.top-digests-container:after {
    clear: both;
}

.top-digest {
    width: 465px;
    float: left;
    border-top: 1px dotted #bbbbbb;
}

.top-digest .digest-header {
    margin: 30px 0 15px 0;
}

.top-digest .digest-header:before,
.top-digest .digest-header:after {
    display: table;
    content: "";
}

.top-digest .digest-header:after {
    clear: both;
}

.top-digest .digest-header-title {
    width: 255px;
}

.top-digest .digest-column {
    height: 25px;
    width: 65px;
    margin-left: 10px;
}

.top-digest.biggest-fans {
    float: right;
}

.digest-header {
    margin: 20px 0 15px 0;
}

.digest-header:before,
.digest-header:after {
    display: table;
    content: "";
}

.digest-header:after {
    clear: both;
}

.digest-header-title {
    float: left;
}

.digest-header-title .title {
    margin: 0 0 2px 0;
    font-weight: bold;
}

.digest-header-title .description {
    font-size: 11px;
    color: #666666;
}

.digest-columns {
    position: relative;
    top: 1px;
}

.digest-columns .btn {
    float: right;
}

.digest-column {
    height: 25px;
    float: left;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.digest-column:first-child {
    margin-left: 0;
}

.digest-column.selected {
    background: #333333;
    color: #dddddd;
}

.biggest-fans {
    margin-left: 20px;
}

#graph-none-selected {
    margin: 40px 0;
    text-align: center;
}

.dashboard-songs-list {
    margin-right: 20px;
    float: left;
}

.dashboard-songs-list .digest-header {
    margin-top: 0;
}

.dashboard-songs-list .digest-header-title {
    width: 245px;
}

.dashboard-songs-list .digest-column {
    width: 65px;
    margin-left: 3px;
}

#artist-stats-boxes {
    margin: 20px 0 30px 0;
}

#artist-stats-boxes:before,
#artist-stats-boxes:after {
    display: table;
    content: "";
}

#artist-stats-boxes:after {
    clear: both;
}

#artist-stats-boxes .stat-box {
    position: relative;
    width: 144px;
    height: 70px;
    margin-left: 20px;
    padding: 15px;
    float: left;
    background: #eee;
    text-align: center;
    border-radius: 3px;
    list-style: none;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fafafa, #ededed);
    background-image: -ms-linear-gradient(top, #fafafa, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
    background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
    background-image: -o-linear-gradient(top, #fafafa, #ededed);
    background-image: linear-gradient(top, #fafafa, #ededed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
    border: 1px solid #aaa;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}

#artist-stats-boxes .stat-box:first-child {
    margin-left: 0;
}

#artist-stats-boxes .selected,
#artist-stats-boxes .selected-no-caret {
    background: #e23137;
    background-color: #f66c00;
    background-image: -moz-linear-gradient(top, #e23137, #f45000);
    background-image: -ms-linear-gradient(top, #e23137, #f45000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e23137), to(#f45000));
    background-image: -webkit-linear-gradient(top, #e23137, #f45000);
    background-image: -o-linear-gradient(top, #e23137, #f45000);
    background-image: linear-gradient(top, #e23137, #f45000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#e23137', endColorstr='#f45000', GradientType=0);
    border: 1px solid #ae440a;
}

#artist-stats-boxes .selected .stat-number,
#artist-stats-boxes .selected-no-caret .stat-number,
#artist-stats-boxes .selected .stat-title,
#artist-stats-boxes .selected-no-caret .stat-title {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#artist-stats-boxes .selected:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(105, 40, 30, 0);
    border-bottom-color: #69281e;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}

#artist-stats-boxes .selected:after {
    position: absolute;
    height: 0;
    width: 0;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border: solid transparent;
    pointer-events: none;
    border-bottom-color: #e23137;
    border-width: 10px;
    content: " ";
}

#artist-stats-boxes .stat-number {
    height: 44px;
    margin-bottom: 5px;
    line-height: 44px;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
}

#artist-stats-boxes .stat-number.hundred-million {
    font-size: 26px;
}

#artist-stats-boxes .stat-number.billion {
    font-size: 22px;
}

#artist-stats-boxes .stat-title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
}

.graph-container .tooltip-inner {
    position: relative;
    display: block;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    line-height: 30px;
    cursor: default;
    border: 4px #e23137 solid;
    border-radius: 12px;
    background: #fff;
}

.graph-container .tooltip-inner.larger {
    height: 40px;
    min-width: 30px;
    line-height: 40px;
}

.graph-container .tooltip-inner-dot {
    display: block;
    position: relative;
    top: 6px;
    left: 6px;
    width: 0;
    height: 0;
    border: 2px #e23137 solid;
    border-radius: 4px;
}

#dashboard-songs-graph-container {
    width: 420px;
    float: left;
}

#dashboard-songs-graph {
    width: 418px;
    margin-bottom: 10px;
    border: 1px dashed #bbbbbb;
}

#dashboard-songs-graph .highcharts-container {
    margin-top: 30px;
}

#dashboard-songs-scroll.sticky {
    position: fixed;
    z-index: 500;
}

.capital-footer {
    position: absolute;
    width: 100%;
    left: 0;
    background: #f5f5f5;
}

.capital-footer:before,
.capital-footer:after {
    display: table;
    content: "";
}

.capital-footer:after {
    clear: both;
}

.capital-footer .capital-ad-upgrade {
    display: block;
    float: left;
    font-size: 10px;
}

.capital-footer .capital-ad-report {
    display: block;
    float: right;
    font-size: 10px;
}

.capital-footer.vertical {
    text-align: center;
}

.capital-footer.vertical .capital-ad-upgrade,
.capital-footer.vertical .capital-ad-report {
    float: none;
}

#event-related-content {
    margin-bottom: 0;
}

p {
    margin: 0 0 10px 0;
}

p small {
    font-size: 10px;
    color: #5c5c5c;
}

p.short {
    margin-bottom: 0;
}

p.tall {
    margin-bottom: 45px;
}
p a {
    color: #e23036;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    color: #5c5c5c;
}

h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 30px 0;
    color: #333333;
}

h1 small {
    font-size: 18px;
}

h1.short {
    margin-bottom: 15px;
}

h1.tall {
    margin-bottom: 75px;
}

h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 30px 0;
    font-weight: bold;
}

h2 small {
    font-size: 12px;
}

h2.short {
    margin-bottom: 15px;
}

h2.tall {
    margin-bottom: 60px;
}

h3 {
    line-height: 16px;
    font-size: 16px;
    margin: 0 0 30px 0;
}

h3 small {
    font-size: 13px;
}

h3.short {
    margin-bottom: 15px;
}

h3.tall {
    margin-bottom: 45px;
}

h4,
h5,
h6 {
    margin: 0 0 22.5px 0;
    color: #5c5c5c;
}

h4.short,
h5.short,
h6.short {
    margin-bottom: 7.5px;
}

h4.tall,
h5.tall,
h6.tall {
    margin-bottom: 45px;
}

h4 {
    font-size: 14px;
    line-height: 14px;
}

h4 small {
    font-size: 12px;
}

h5 {
    font-size: 12px;
    line-height: 12px;
}

ul,
ol {
    padding: 0;
    margin: 0 0 13.333333333333334px 20px;
}

ul {
    margin-left: 16px;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-top: 4px;
    margin-bottom: 4px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    line-height: 20px;
    margin: 0;
}

ul.unstyled {
    margin-left: 0;
    list-style: none;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 20px;
}

dt {
    font-weight: bold;
    margin-bottom: 6.666666666666667px;
}

dd {
    margin-left: 20px;
    margin-bottom: 6.666666666666667px;
    color: #666666;
}

dd:last-child {
    margin-bottom: 0;
}

hr {
    margin: 60px 0 60px 0;
    border: 0;
    height: 1px;
    background: #dddddd;
}

.subscription hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #dddddd;
}

hr.secondary {
    margin: 30px 0 30px 0;
    border-bottom: 1px dotted #e3e3e3;
    height: 0;
    background: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.muted {
    color: #5c5c5c;
}

abbr {
    font-size: 90%;
    text-transform: uppercase;
    border-bottom: 1px dotted #ddd;
    cursor: help;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}

address {
    display: block;
    margin-bottom: 20px;
    line-height: 20px;
    font-style: normal;
}

small {
    font-size: 100%;
}

cite {
    font-style: normal;
}

form {
    margin: 0 0 30px 0;
}

form.short {
    margin-bottom: 15px;
}

form.tall {
    margin-bottom: 60px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

label,
input,
button,
select,
textarea {
    font-weight: normal;
    line-height: 20px;
}

label {
    display: block;
    margin-bottom: 5px;
}

input,
textarea,
select,
.uneditable-input {
    display: inline-block;
    padding: 5px 10px;
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit;
}

input,
select,
.uneditable-input {
    border-radius: 3px;
}

select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

select[multiple="multiple"] {
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #bbbbbb;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

label input,
label textarea,
label select {
    display: block;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 4px 0;
    *margin-top: 0;
    line-height: normal;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input[type="file"] {
    padding: initial;
    line-height: initial;
    border: initial;
    background-color: #ffffff;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="file"][name="passport"] {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    opacity: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    height: auto;
}

select {
    height: 36px;
    margin-top: 4px;
    line-height: 20px;
}

input[type="file"].inline {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
}

input[type="file"].centered {
    padding-top: 7.5px;
}

select {
    background-color: #ffffff;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    height: auto;
}

input[type="hidden"] {
    display: none;
}

.radio,
.checkbox {
    padding-left: 18px;
    color: #5c5c5c;
    font-size: 12px;
    line-height: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}

.controls>.radio:last-child,
.controls>.checkbox:last-child {
    margin-bottom: 0;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px;
}

.radio.centered,
.checkbox.centered {
    padding-top: 7.5px;
}

input,
textarea {
    -webkit-transition: border linear 0.2s;
    -moz-transition: border linear 0.2s;
    -ms-transition: border linear 0.2s;
    -o-transition: border linear 0.2s;
    transition: border linear 0.2s;
}

input:focus,
textarea:focus,
input.focused,
textarea.focused {
    outline: none;
    color: #333333;
    border: 1px solid #e23137;
}

input[type="file"]:focus,
input[type="checkbox"]:focus,
select:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
}

.control-group.warning>label,
.control.warning>label,
.control-group.warning .help-block,
.control.warning .help-block,
.control-group.warning .help-inline,
.control.warning .help-inline {
    color: #c09853;
}

.control-group.warning input,
.control.warning input,
.control-group.warning textarea,
.control.warning textarea {
    color: #e2d0b0;
    -webkit-box-shadow: 0px 0px 0px 1px #c09854, inset 0px 1px 3px 0px rgba(192, 152, 84, 0.05);
    -moz-box-shadow: 0px 0px 0px 1px #c09854, inset 0px 1px 3px 0px rgba(192, 152, 84, 0.05);
    box-shadow: 0px 0px 0px 1px #c09854, inset 0px 1px 3px 0px rgba(192, 152, 84, 0.05);
}

.control-group.warning input:focus,
.control.warning input:focus,
.control-group.warning textarea:focus,
.control.warning textarea:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #c09854, 0px 0px 5px 2px rgba(192, 152, 84, 0.25), inset 0px 1px 3px 0px rgba(192, 152, 84, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px #c09854, 0px 0px 5px 2px rgba(192, 152, 84, 0.25), inset 0px 1px 3px 0px rgba(192, 152, 84, 0.1);
    box-shadow: 0px 0px 0px 1px #c09854, 0px 0px 5px 2px rgba(192, 152, 84, 0.25), inset 0px 1px 3px 0px rgba(192, 152, 84, 0.1);
    color: #c09853;
}

.control-group.warning select,
.control.warning select {
    color: #c09853;
    border: #c09853 1px solid;
}

.control-group.warning .input-prepend .add-on,
.control.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on,
.control.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error>label,
.control.error>label,
.control-group.error .help-block,
.control.error .help-block,
.control-group.error .help-inline,
.control.error .help-inline {
    color: #b94a48;
}

.control-group.error input,
.control.error input,
.control-group.error textarea,
.control.error textarea {
    color: #dca5a4;
    -webkit-box-shadow: 0px 0px 0px 1px #b94846, inset 0px 1px 3px 0px rgba(185, 72, 70, 0.05);
    -moz-box-shadow: 0px 0px 0px 1px #b94846, inset 0px 1px 3px 0px rgba(185, 72, 70, 0.05);
    box-shadow: 0px 0px 0px 1px #b94846, inset 0px 1px 3px 0px rgba(185, 72, 70, 0.05);
}

.control-group.error input:focus,
.control.error input:focus,
.control-group.error textarea:focus,
.control.error textarea:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    color: #b94a48;
}

.control-group.error select,
.control.error select {
    color: #b94a48;
    border: #b94a48 1px solid;
}

.control-group.error .input-prepend .add-on,
.control.error .input-prepend .add-on,
.control-group.error .input-append .add-on,
.control.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.field-error>label,
.control.field-error>label,
.control-group.field-error .help-block,
.control.field-error .help-block,
.control-group.field-error .help-inline,
.control.field-error .help-inline {
    color: #e23136;
}

.control-group.field-error input,
.control.field-error input,
.control-group.field-error textarea,
.control.field-error textarea,
.control.field-error .select2-container {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}

.control-group.field-error input:focus,
.control.field-error input:focus,
.control-group.field-error textarea:focus,
.control.field-error textarea:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    box-shadow: 0px 0px 0px 1px #b94846, 0px 0px 5px 2px rgba(185, 72, 70, 0.25), inset 0px 1px 3px 0px rgba(185, 72, 70, 0.1);
    color: #b94a48;
}

.control-group.field-error select,
.control.field-error select {
    color: #b94a48;
    border: #b94a48 1px solid;
}

.control-group.field-error .input-prepend .add-on,
.control.field-error .input-prepend .add-on,
.control-group.field-error .input-append .add-on,
.control.field-error .input-append .add-on {
    color: #b94a48;
    background-color: #f5f5f5;
    border-color: #b94a48;
}

.control-group.success>label,
.control.success>label,
.control-group.success .help-block,
.control.success .help-block,
.control-group.success .help-inline,
.control.success .help-inline {
    color: #468847;
}

.control-group.success input,
.control.success input,
.control-group.success textarea,
.control.success textarea {
    color: #8ac38b;
    -webkit-box-shadow: 0px 0px 0px 1px #458746, inset 0px 1px 3px 0px rgba(69, 135, 70, 0.05);
    -moz-box-shadow: 0px 0px 0px 1px #458746, inset 0px 1px 3px 0px rgba(69, 135, 70, 0.05);
    box-shadow: 0px 0px 0px 1px #458746, inset 0px 1px 3px 0px rgba(69, 135, 70, 0.05);
}

.control-group.success input:focus,
.control.success input:focus,
.control-group.success textarea:focus,
.control.success textarea:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #458746, 0px 0px 5px 2px rgba(69, 135, 70, 0.25), inset 0px 1px 3px 0px rgba(69, 135, 70, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px #458746, 0px 0px 5px 2px rgba(69, 135, 70, 0.25), inset 0px 1px 3px 0px rgba(69, 135, 70, 0.1);
    box-shadow: 0px 0px 0px 1px #458746, 0px 0px 5px 2px rgba(69, 135, 70, 0.25), inset 0px 1px 3px 0px rgba(69, 135, 70, 0.1);
    color: #468847;
}

.control-group.success select,
.control.success select {
    color: #468847;
    border: #468847 1px solid;
}

.control-group.success .input-prepend .add-on,
.control.success .input-prepend .add-on,
.control-group.success .input-append .add-on,
.control.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
    padding: 20px;
    margin: 30px 0 0 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.form-actions.tall {
    margin-bottom: 30px;
}

.uneditable-input {
    display: block;
    background-color: #ffffff;
    cursor: not-allowed;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}

:-moz-placeholder {
    color: #5c5c5c;
}

::-webkit-input-placeholder {
    color: #5c5c5c;
}

.help-block {
    margin-top: 5px;
    margin-bottom: 0;
    color: #5c5c5c;
    font-size: 10px;
    line-height: 18px;
    font-style: italic;
    display: block;
    font-weight: bold;
    clear: both;
}

.input-prepend,
.input-append {
    margin-bottom: 5px;
}

.input-prepend:before,
.input-append:before,
.input-prepend:after,
.input-append:after {
    display: table;
    content: "";
}

.input-prepend:after,
.input-append:after {
    clear: both;
}

.settings .input-prepend input {
    border-color: #eff3f5;
    /* min-width: 200px; */
    background: #eff3f5;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 36px;
}

.input-prepend input,
.input-append input,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    width: auto;
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
    position: relative;
    z-index: 2;
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
    border-left-color: #ccc;
}

.input-prepend .add-on,
.input-append .add-on {
    float: left;
    display: block;
    width: auto;
    min-width: 16px;
    height: 36px;
    line-height: 36px !important;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    padding-left: 12px;
    max-width: 50%;
    overflow: hidden;
}

#singup-form .input-prepend .add-on {
}

.input-prepend .active,
.input-append .active {
    background-color: #bdfa53;
    border-color: #71af05;
}

.input-append input,
.input-append .uneditable-input {
    float: left;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-append .uneditable-input {
    border-right-color: #ccc;
}

.input-append .add-on {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-append input:first-child {
    *margin-left: -160px;
}

.input-append input:first-child+.add-on {
    *margin-left: -21px;
}

.control-group {
    margin-bottom: 15px;
}

.takedown-form ul {
    list-style-type: none;
    margin-left: 0;
}

.takedown-form input[type="checkbox"] {
    width: 15px;
    margin: 10px 10px 10px 0;
    float: left;
}

.takedown-form input[type="text"] {
    float: left;
    width: 350px;
    margin-bottom: 10px;
}

.takedown-form ul li {
    clear: both;
    width: 100%;
    line-height: 38px;
    font-size: 14px;
}

.takedown-form ul li label {
    font-weight: bold;
    float: left;
    width: 200px;
    line-height: 37px;
}

.takedown-form ul li .mainLabel {
    display: block;
    line-height: 20px;
}

.takedown-form ul li .subLabel {
    display: block;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
}

.takedown-form .checklist label {
    width: 555px;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
}

.takedown-form .checklist .oneLine {
    margin: 2px 10px 10px 0;
}

.takedown-form .checklist li {
    height: 40px;
    line-height: 20px;
    margin-bottom: 10px;
}

.takedown-form .checklist li.last {
    height: 20px;
}

.takedown-form select {
    height: 30px;
    width: 372px;
    margin-bottom: 10px;
}

.takedown-form .addURL {
    float: right;
    margin-right: 58px;
}

.takedown-form .sentenceLabel {
    display: block;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
}

.takedown-form #anotherOwnerError {
    display: none;
}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    *margin-right: .3em;
}

.icon:last-child {
    *margin-left: 0;
}
svg.icon {
    fill: #5c5c5c;
}
.twitter-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #00a7e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #0088bc;
}

.twitter-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.google-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #e24b3a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #bf3626;
}

.google-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.lastfm-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #cd010e;
    background-image: -moz-linear-gradient(top, #d4010f, #c3000d);
    background-image: -ms-linear-gradient(top, #d4010f, #c3000d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d4010f), to(#c3000d));
    background-image: -webkit-linear-gradient(top, #d4010f, #c3000d);
    background-image: -o-linear-gradient(top, #d4010f, #c3000d);
    background-image: linear-gradient(top, #d4010f, #c3000d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d4010f', endColorstr='#c3000d', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #f46756;
    -moz-box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #f46756;
    box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #f46756;
    border: solid 1px #ab010c;
}

.lastfm-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.flattr-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #a6d55b;
    background-image: -moz-linear-gradient(top, #abdb5e, #9fcc57);
    background-image: -ms-linear-gradient(top, #abdb5e, #9fcc57);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#abdb5e), to(#9fcc57));
    background-image: -webkit-linear-gradient(top, #abdb5e, #9fcc57);
    background-image: -o-linear-gradient(top, #abdb5e, #9fcc57);
    background-image: linear-gradient(top, #abdb5e, #9fcc57);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#abdb5e', endColorstr='#9fcc57', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #cae186;
    -moz-box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #cae186;
    box-shadow: 0 1px 0 0 #e5e5e5, inset 0 1px 0 0 #cae186;
    border: solid 1px #88af4b;
}

.flattr-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.facebook-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #395995;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.facebook-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.passport-icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #e23036;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.passport-icon-container .icon {
    position: absolute;
    top: 11px;
    left: 11px;
}

.tooltip {}

.song-popover-container {
    border-radius: .3em;
}

.tooltip.attach-music-tooltip {
    position: absolute;
    top: 40px;
    border: solid 1px #b2b2b2;
    z-index: 3;
    width: 300px;
    border-radius: 6px;
    padding: 3px 8px;
    background: white;
}

#search-attach-music-content {
    max-height: 335px;
    overflow: hidden;
}

.tooltip.attach-music-tooltip:before {
    bottom: 100%;
    border-bottom-color: rgb(178, 178, 178);
    border-width: 7px;
    left: 30px;
    margin-left: -7px;
}

.tooltip.attach-music-tooltip:after {
    bottom: 100%;
    border-bottom-color: rgb(249, 249, 249);
    border-width: 6px;
    left: 30px;
    margin-left: -6px;
}

.tooltip.suggest {
    position: absolute;
    width: 284px;
    z-index: 110;
    top: 52px;
    left: 0;
    border-radius: 6px;
    background: white;
    border: 1px solid #bfc2c4;
}

.tooltip.suggest:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: -14px;
    border-bottom-color: rgb(178, 178, 178);
    border-width: 7px;
    margin-left: -7px;
    left: 50%;
}

.tooltip.suggest:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: -12px;
    border-bottom-color: rgb(249, 249, 249);
    border-width: 6px;
    margin-left: -6px;
    left: 50%;
}

.tooltip.suggest .search-suggest-content-scroll {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px 8px;
}

.tooltip .is-playing-song .info,
.tooltip .is-playing-song .image {
    margin-bottom: 15px;
}

.tooltip:after,
.tooltip:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 999999;
}

.song-popover-container .content {
    padding: 10px 15px;
    margin-bottom: 0;
}

.tooltip .emoji .content {
    padding: 5px;
    font-size: 26px;
    line-height: 36px;
    text-align: justify;
    height: 200px;
}

.tooltip .emoji span {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    width: 16.5%;
    float: left;
    text-align: center;
}

.tooltip .info {
    width: calc(100% - 105px);
    margin: -3px 0 0 0;
    float: left;
    * zoom: 1;
}

.tooltip .info:before,
.tooltip .info:after {
    display: table;
    content: "";
}

.tooltip .info:after {
    clear: both;
}

.song-popover-container .image {
    position: relative;
    width: 90px;
    height: 90px;
    float: left;
    margin: 0 15px 0 0;
    overflow: hidden;
}

.song-popover-container .image img {
    display: block;
    z-index: 0;
}

.tooltip .image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
    align-content: normal;
}

.tooltip h2 {
    font-weight: bold;
    margin: 0 0 4px 0;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.tooltip h2 a {
    margin: 0;
    padding: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tooltip h2 a:hover {
    text-decoration: none;
}

.tooltip .byline {
    display: block;
    width: 200px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
}

.tooltip .byline:before,
.tooltip .byline:after {
    display: table;
    content: "";
}

.tooltip .byline:after {
    clear: both;
}

.tooltip .byline li {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
}

.tooltip .byline a {
    color: #666666;
}

.tooltip .byline a:hover {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.tooltip .metadata {
    min-height: 12px;
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    * zoom: 1;
}

.tooltip .metadata:before,
.tooltip .metadata:after {
    display: table;
    content: "";
}

.tooltip .metadata:after {
    clear: both;
}

.tooltip .metadata li {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

.tooltip .metadata li:last-child {
    margin-bottom: 0;
}

.tooltip .metadata a {
    color: #666666;
}

.tooltip .metadata a:hover {
    color: #333333;
    text-decoration: none;
}

.tooltip .metadata a:hover span {
    color: #333333;
}

.tooltip .tags-wrapper {
    min-height: 20px;
    padding-top: 10px;
}

.tooltip .meta-label {
    color: #5c5c5c;
    font-size: 10px;
    text-transform: uppercase;
}

.tooltip .actions {
    padding: 5px 0 5px 6px;
    background-color: #e4e4e4;
    border-top: solid 1px #fff;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    * zoom: 1;
}

.tooltip .actions:before,
.tooltip .actions:after {
    display: table;
    content: "";
}

.tooltip .actions:after {
    clear: both;
}

.tooltip .actions .actions-right {
    float: right;
    margin-right: 6px;
}

.tooltip .see-all {
    font-size: 90%;
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background-color: #eff3f5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em;
}

.tooltip .see-all .label {
    display: inline-block;
    margin-right: 5px;
}

.tooltip .see-all .caret {
    position: relative !important;
    top: 13px !important;
    border-left: 4px solid rgb(102, 102, 102);
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent;
    display: block;
    margin: 0 !important;
    display: inline-block;
}

.tooltip.dark {
    color: #dddddd;
    background: #111;
    border: solid 1px #000;
}

.tooltip.dark .content {
    border-bottom: solid 1px #b2b2b2;
    border-top: solid 1px #fff;
}

.tooltip.tiny {
    font-size: 10px;
}

.tooltip .no-notifications {
    margin: 10px 0;
    text-align: center;
}

.tooltip .now-playing {
    clear: both;
}

.tooltip.flattr-tip {
    width: 300px !important;
}

.tooltip.flattr-tip .flattr-desc {
    border-bottom: dotted 1px #BBB;
    padding-bottom: 8px;
}

.tooltip.flattr-tip .flattr-artist {
    margin-bottom: 0;
}

.tooltip.flattr-tip .flattr-emphasis {
    font-weight: bold;
}

.tooltip.flattr-tip .flattr-video {
    cursor: pointer;
}

.tooltip .tour {
    width: 235px;
    margin: 15px;
}

.tooltip .tour .tour-title {
    font-size: 14px;
    font-weight: bold;
}

.tooltip .tour .right {
    float: right;
    background: none;
}

.tooltip .tour .bottom {
    height: 32px;
    margin-top: 15px;
    line-height: 32px;
}

.tooltip.tooltip-tour {
    -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.18);
}

.tooltip.tooltip-tour:before {
    bottom: 100%;
    border-bottom-color: rgb(178, 178, 178);
    border-width: 7px;
    left: 20px;
    margin-left: -7px;
}

.tooltip.queue-notification {
    border-bottom: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.tooltip-mini .info {
    float: none;
    width: 300px;
}

.tooltip-mini .byline {
    width: 300px;
}

.tooltip-mini .byline li {
    position: relative;
    width: auto;
    float: left;
    padding-right: 10px;
    margin: 0 6px 0 0;
}

.tooltip-mini .byline li:after {
    position: absolute;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    right: 0;
    top: 6px;
    background: #5c5c5c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-mini .byline li:last-child:after {
    display: none;
}

.tooltip-mini .metadata {
    width: 300px;
}

.tooltip-mini .metadata li {
    position: relative;
    width: auto;
    float: left;
    padding-right: 10px;
    margin: 0 6px 0 0;
}

.tooltip-mini .metadata li:after {
    position: absolute;
    display: block;
    content: '';
    width: 3px;
    height: 3px;
    right: 0;
    top: 5px;
    background: #5c5c5c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tooltip-mini .metadata li:last-child:after {
    display: none;
}

.tooltip.style-guide {
    position: relative;
    margin: 10px 0;
}

.tooltip-helper-text {
    margin: 0 auto;
    padding: 2px 5px;
    white-space: nowrap;
    text-align: center;
}

#tooltip-close {
    position: absolute;
    right: -17px;
    top: -10px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.tooltip.menu {
    background: #ffffff;
    border: 1px solid #bbbbbb;
    max-height: 500px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip.menu .menu-item {
    position: relative;
    display: block;
    color: #333333;
    cursor: pointer;
    padding: 4px 7px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tooltip.menu .menu-item .icon {
    vertical-align: middle;
}

.tooltip.menu .menu-item:hover {
    background: #e23137;
    color: #fff;
    text-decoration: none;
}

.tooltip.menu .menu-item:hover .icon.check {
    background-position: -176px -32px;
}

.tooltip.menu .divider {
    height: 0;
    padding: 0;
    margin: 5px 0;
    border-bottom: solid 1px #bbbbbb;
}

.tooltip .report-ad .help-message {
    font-size: 10px;
}

.tooltip .report-ad .ad-select-reason {
    margin-bottom: 10px;
}

.tooltip .report-ad .ad-select-placeholder {
    position: absolute;
    display: block;
    top: 24px;
    left: 26px;
    color: #888;
}

.tooltip .report-ad .feedback-container {
    position: relative;
}

.tooltip .report-ad .feedback {
    width: 266px;
}

.tooltip .report-ad .feedback-placeholder {
    position: absolute;
    display: block;
    top: 7px;
    left: 10px;
    color: #888;
}

.tooltip .report-ad .submit-report {
    display: block;
    float: right;
}

.tooltip.active-song-comment .content {
    border-bottom: 0;
}

.tooltip.active-song-comment .tooltip-user-image {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.tooltip.active-song-comment #tooltip-comment-form {
    float: left;
    width: 240px;
    height: 40px;
    margin-bottom: 0;
}

.tooltip.active-song-comment .tooltip-comment-placeholder {
    position: absolute;
    left: 76px;
    line-height: 40px;
    font-size: 14px;
    color: #5c5c5c;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tooltip.active-song-comment .tooltip-comment-input {
    width: 220px;
    height: 28px;
    z-index: 3;
}

.tooltip.active-song-comment .btn.close {
    position: absolute;
    top: -15px;
    right: -21px;
}

.grid-albums-vertical,
.grid-artists-vertical {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.grid-playlists-vetical,
.playlists-grid,
#user-profile-grid.followers,
#user-profile-grid.following,
#grid.fans,
#grid.subscribers {
    margin-right: -8px;
    margin-left: -8px;
}

#grid.stations .grid-viewport {
    width: 100%;
}

.grid-drag-proxy {
    width: 150px;
    position: absolute;
    z-index: 12000;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.grid-drag-proxy .label {
    padding: 2px 0;
    text-decoration: none;
}

.grid-drag-proxy .status {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 18px;
    height: 19px;
    display: block;
}

.grid-drag-proxy.valid .status {
    background-position: top left;
}

.grid-drag-proxy.invalid .status {
    background-position: bottom left;
}

.grid-drag-proxy .info {
    display: block;
    margin-left: 10px;
}

.grid-drop-indicator {
    position: absolute;
    display: inline-block;
    z-index: 6000;
    background: #7fba23;
}

.grid-item.drop-active {
    background: #e23137;
}

#grid-toolbar-container {
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    transition: width .2s linear;
    height: 66px;
}

#grid-toolbar-container .grid-toolbar.sticky-tollbar {
    position: fixed;
    top: 48px;
    right: 30px;
    left: 220px;
    width: auto !important;
}

.lg #grid-toolbar-container {
    width: 770px;
}

.full #grid-toolbar-container {
    width: 100%;
}

.grid-toolbar {
    margin: 10px 0;
}

.grid-toolbar .grid-toolbar-inner {
    padding: 6px 6px;
    border: solid 1px #999;
    overflow: visible;
    background-color: #eff3f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    * zoom: 1;
}

.grid-toolbar .grid-toolbar-inner:before,
.grid-toolbar .grid-toolbar-inner:after {
    display: table;
    content: "";
}

.grid-toolbar .grid-toolbar-inner:after {
    clear: both;
}

.grid-toolbar.tall {
    margin-bottom: 30px;
}

.grid-toolbar.sticky {
    position: fixed;
    z-index: 500;
    padding-top: 15px;
}

.grid-toolbar.sticky .grid-toolbar-inner {
    width: 620px;
}

.lg .grid-toolbar.sticky .grid-toolbar-inner {
    width: 760px;
}

.full .grid-toolbar.sticky .grid-toolbar-inner {
    width: 950px;
}

.grid-toolbar.sticky .blocker {
    display: block;
}

.grid-toolbar .blocker {
    position: absolute;
    display: none;
    width: 630px;
    height: 15px;
    top: -16px;
    margin-left: -5px;
    background: #fff;
    text-indent: 100%;
    z-index: 500;
    overflow: hidden;
    content: '';
}

.lg .grid-toolbar .blocker {
    width: 770px;
}

.full .grid-toolbar .blocker {
    width: 960px;
}

.grid-toolbar .actions {
    margin: 0;
    float: left;
}

.grid-toolbar .actions>li {
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
    float: left;
}

.grid-toolbar .actions>li:last-child {
    margin: 0;
}

.grid-toolbar .actions .btn-toolbar {
    margin-bottom: 0;
}

.grid-toolbar .actions.secondary {
    float: right;
}

.grid-toolbar .btn .caret {
    top: 13px;
    margin: 0;
}

#suggested-friends-grid .metadata {
    width: 155px;
}

#suggested-friends-grid .row-actions.secondary {
    float: right;
    top: 0;
    padding-top: 4px;
}

#lightbox-overlay {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 100;
    opacity: 0.85;
    filter: alpha(opacity=75);
}

#lightbox-outer {
    position: fixed;
    display: none;
    margin-top: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    text-align: center;
    width: 100%;
    height: 100%;
}

#lightbox-outer:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 100%;
    margin-left: -20px;
    vertical-align: middle;
}

.queue-medium #lightbox-outer {
    bottom: 240px;
}

.queue-small #lightbox-outer {
    bottom: 135px;
}

.lightbox {
    position: relative;
    display: inline-block;
    width: 600px;
    border: solid 1px #333333;
    vertical-align: middle;
    text-align: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: white;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90%;
}

.lightbox form {
    margin: 0;
}
.lightbox form select {
    height: 36px;
    max-height: 36px;
}

.lightbox .field {
    margin-bottom: 15px;
}

.lightbox .field.upload {
    height: 50px;
}

.lightbox .field:last-child {
    margin-bottom: 0;
}

.lightbox-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 1;
    width: 20px;
    height: 20px;
}

.lightbox-close .icon {
    width: 20px;
    height: 20px;
    fill: #000000;
}

.lightbox-header {
    position: relative;
    height: 58px;
    padding: 0 15px 0 15px;
    background: #fff;
    border-bottom: solid 1px #bbbbbb;
}

.lightbox-header.lightbox-nav-container {
    border-bottom: solid 1px #e5e5e5;
    padding: 0;
    margin: 0;
}

.lightbox-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lightbox-nav li {
    line-height: 58px;
    color: #65676b;
    font-size: .9375rem;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

.lightbox-nav li:hover {
    background: #f2f2f2;
}

.lightbox-nav li.active:before {
    content: '';
    position: absolute;
    background: #e23136;
    bottom: 0;
    height: 3px;
    left: 0;
    right: 0;
}

.lightbox-header .title {
    display: block;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #000;
    margin: 0;
}

.lightbox-content {
    position: relative;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    text-align: left;
    padding: 15px;
}

.lightbox-content.no-footer {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.lightbox-content .lightbox-content-block {
    position: relative;
    margin: 0;
}

.lightbox-content .claiming-success-badge {
    text-align: center;
    margin-bottom: 16px;
}

.lightbox-content .claiming-success-badge svg {
    width: 160px;
    height: 200px;
    margin: auto;
    fill: #8BC34A;
}

.lightbox-content .claiming-success-message {
    font-size: 1.2em;
}

.lightbox-content .left-song-info {
    position: relative;
    width: 159px;
    float: left;
    height: 450px;
    border-right: 1px solid rgba(0, 0, 0, .15);
    padding: 15px;
    box-sizing: border-box;
}

.lightbox-content .right-song-info {
    width: calc(100% - 160px);
    float: left;
    height: 450px;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.lightbox-content .left-song-info .blurimg {
    position: absolute;
    top: 0;
    height: 60%;
    right: 0;
    transform: translate3d(0, 0, 0) translateZ(0);
    filter: url(#blur);
    filter: blur(50px);
    -webkit-filter: blur(50px);
    perspective: 1000px;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0) translateZ(0);
    -moz-perspective: 1000px;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    z-index: 0;
}

.lightbox-content .left-song-info .blurimg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background: rgba(239, 239, 239, .5);
    background: -moz-linear-gradient(to bottom, rgba(239, 239, 239, .5), #efefef);
    background: -webkit-linear-gradient(to bottom, rgba(239, 239, 239, .5), #efefef);
    background: -o-linear-gradient(to bottom, rgba(239, 239, 239, .5), #efefef);
    background: -ms-linear-gradient(to bottom, rgba(239, 239, 239, .5), #efefef);
    background: linear-gradient(to bottom, rgba(239, 239, 239, .5), #efefef);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorcode1', endColorstr='@colorcode2', GradientType=1);
}

.lightbox-content .left-song-info .blurimg img {}

.lightbox-content .left-song-info .module-basic-info {
    position: relative;
}

.lightbox-content .left-song-info .module-extra-info {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
}

.lightbox-content .left-song-info .module-basic-info .img-container {
    width: 100%;
    height: auto;
    border-radius: 3px;
    overflow: hidden;
}

.lightbox-content .left-song-info .module-basic-info .module-inner {
    margin-top: 10px;
}

.lightbox-content .left-song-info .module-basic-info .module-inner h2 {
    margin: 10px 0;
    font-size: 110%;
}

.lightbox-content .left-song-info .module-extra-info .module-inner span {
    display: block;
    line-height: 20px;
    font-size: 85%;
}

.lightbox-content .left-song-info .module-extra-info .module-inner span.label {
    font-weight: 600;
}

.lightbox-content .right-song-info .module-header {
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 130%;
    margin: 0 0 20px 0;
}

.lightbox-content .right-song-info .module-header.separate {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .15);
}

.lightbox-content .right-song-info .module-items {
    position: relative;
}

.lightbox-content .right-song-info .module-items .item {
    width: 100%;
    height: 70px;
}

.lightbox-content .right-song-info .module-items .item .item-artwork {
    width: 70px;
    float: left;
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

.lightbox-content .right-song-info .module-items .item .item-details {
    /* width: 70px; */
    float: left;
    display: block;
    padding-left: 15px;
}

.lightbox-content .right-song-info .module-items .item .item-details .item-title {
    font-weight: 600;
    display: block;
}

.lightbox-content .right-song-info .module-items .item .item-details .item-subtitle {
    font-weight: 300;
    display: block;
    font-size: 90%;
    color: #919191;
}

.lightbox-content .lightbox-with-artwork-block {
    position: relative;
}

.lightbox-content .lightbox-with-artwork-block .img-container {
    width: 140px;
    height: 140px;
    float: left;
    display: block;
    margin-right: 15px;
    position: relative;
    border: none;
    border-radius: 3px;
    overflow: hidden;
}

.lightbox-content .lightbox-with-artwork-block .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: rgba(0, 0, 0, .7);
    cursor: pointer;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select.field-error {
    background: #ffdfe0;
    background-color: #FFDFDF;
    color: #885E5E;
    border: 1px solid #FFCFCF;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select.field-error span {
    color: #885E5E;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select svg {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    fill: #fff;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select span {
    line-height: 50px;
    color: #fff;
}

.lightbox-content .lightbox-with-artwork-block .img-container .artwork-select input {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.lightbox-content .lightbox-with-artwork-block .input-container {
    float: left;
    width: calc(100% - 155px);
}

.lightbox-content .lightbox-content-block:before,
.lightbox-content .lightbox-content-block:after {
    display: table;
    /* content: ""; */
}

.lightbox-content .lightbox-content-block:after {
    clear: both;
}

.lightbox-content .separated-content {
    border-bottom: solid 1px #eff3f5;
}

.lightbox-content .error {
    background-color: #FFDFDF;
    color: #885E5E;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #FFCFCF;
}

.lightbox-content .error .error-text {
    margin: 0;
}

.lightbox-content .error.control-group {
    padding: 5px;
    margin-left: 28px;
    margin-bottom: 4px;
}

.lightbox-content .lightbox-error {
    margin-bottom: 0;
    border: 0;
    text-align: center;
    border-radius: 3px;
    background-color: #FFDFDF;
    color: #885E5E;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #FFCFCF;
}

.lb-nav-outer {
    padding: 30px 15px;
    margin: -15px -15px 15px -15px;
    background: #f5f5f5;
    border-bottom: solid 1px #bbbbbb;
}

.lb-nav-outer:before,
.lb-nav-outer:after {
    display: table;
    content: "";
}

.lb-nav-outer:after {
    clear: both;
}

.lb-nav-container {
    position: relative;
    left: 50%;
    float: left;
}

.lb-nav-container:before,
.lb-nav-container:after {
    display: table;
    content: "";
}

.lb-nav-container:after {
    clear: both;
}

.lb-nav-container.no-center {
    left: auto;
    float: none;
}

.lb-nav-container.btn-group .btn {
    width: 100px;
    padding: 0;
    display: block;
    background: none;
    border: 0;
    color: #1c1e21;
}

.lb-nav-container.btn-group .btn.active {
    background: #e23036;
    color: #fff;
    border-color: #e23036;
}

#lb-nav {
    position: relative;
    left: -50%;
    float: left;
    border: solid 1px #5c5c5c;
    border-radius: 5px;
}

#lb-nav:before,
#lb-nav:after {
    display: table;
    content: "";
}

#lb-nav:after {
    clear: both;
}

.no-center #lb-nav {
    left: auto;
    float: none;
}

.lightbox-footer {
    position: relative;
    padding: 15px;
    background: #f5f5f5;
    border-top: 1px solid #bbbbbb;
}

.lightbox-footer:before,
.lightbox-footer:after {
    display: table;
    content: "";
}

.lightbox-footer:after {
    clear: both;
}

.lightbox-footer .left-btns {
    float: left;
}

.lightbox-footer .right-btns {
    float: right;
}

.lightbox-footer .btn {
    vertical-align: middle;
}

.lightbox-tab-navigation {
    padding: 20px;
    margin: 0;
    background: #f5f5f5;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
}

.lightbox-tab-navigation .lightbox-tab {
    display: inline-block;
    width: 120px;
    height: 30px;
    margin-right: 0;
    line-height: 30px;
    float: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.lightbox-tab-navigation .lightbox-tab:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.lightbox-tab-navigation .lightbox-tab:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-right: solid 1px #5c5c5c;
}

.lightbox.lightbox-login {}

.lightbox.lightbox-login .lb-nav-outer {
    padding: 15px;
    margin: -15px -15px 15px -15px;
}

.lightbox.lightbox-login .lightbox-footer-left {
    margin-top: 7px;
}

#lb-twitter-login,
.lb-google-login,
.lb-google-login2,
.lb-facebook-login, .lb-twitter-login, .lb-apple-login {
    width: 100%;
    height: auto;
}

#lb-twitter-login:last-child,
.lb-google-login:last-child,
.lb-google-login2:last-child,
#lb-twitter-login .last,
.lb-google-login .last,
.lb-google-login2 .last {
    margin-right: 0;
}


.lightbox-login .btn.third-party .text, .lightbox-signup .btn.third-party .text{
    font-size: 14px;
    text-align: left;
    line-height: 34px;
    font-weight: 600;
}

.facebook-login-avatar,
.google-login-avatar {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 34px;
    width: 34px;
    display: none;
    box-shadow: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#lightbox-login-form .control-group {
    /* width: 250px; */
    /* margin: 0 15px 0 0; */
    /* float: left; */
}

#lightbox-login-form .control-group:last-child,
#lightbox-login-form .control-group .last {
    /* margin-right: 0; */
}

#lightbox-login-form label {
}

#lightbox-login-form input {
    width: 100%;
}

.lightbox.lightbox-signup {
}

.lightbox.lightbox-signup .lb-nav-outer {
    padding: 15px;
    margin: -15px -15px 15px -15px;
}

.lightbox.lightbox-signup .signup-stage {
    /* margin-right: -15px; */
}

.lightbox.lightbox-signup .control-group {
}

.lightbox.lightbox-signup .signup-text {
    width: 100%;
}

.lightbox.lightbox-signup .radio-container {
    padding-top: 10px;
}

.lightbox.lightbox-signup .radio-container:before,
.lightbox.lightbox-signup .radio-container:after {
    display: table;
    content: "";
}

.lightbox.lightbox-signup .radio-container:after {
    clear: both;
}

.lightbox.lightbox-signup .radio {
    float: left;
    margin-right: 50px;
}

.lightbox.lightbox-signup .user-picture-container {
    display: none;
}

.lightbox.lightbox-signup select {
    margin-right: 10px;
    padding: 3px 5px;
}

.lightbox.lightbox-signup .tos {
    display: block;
    margin-bottom: 0;
    clear: both;
}

.lightbox.lightbox-signup .custom-url .input-prepend {

    background: #f0f2f5;

    border-radius: 18px;
}
.lightbox.lightbox-signup #signup-username {
    width: 40%;
    float: left;
    border-left: 0;
    border: 0;
    border-radius: 0;
    font-weight: bold;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    padding: 0 0 0 8px;
    line-height: 36px;
    background: transparent;
}

.lightbox.lightbox-signup .checkbox-container {
    margin-bottom: 0;
    clear: both;
    display: flex;
}

.lightbox.lightbox-signup .checkbox-container label {
    display: inline;
    padding-left: 5px;
}

#signup-dob-day {
    width: 55px;
}

#signup-dob-year {
    width: 65px;
}

#signup-dob-month {
    width: 88px;
}

#signup-country {
    width: 240px;
}

#signup-zipcode {
    width: 238px;
}

#signup-stage-complete {
    margin: -15px;
}

#signup-stage-complete .complete-todo {
    margin: 0 15px;
    padding: 20px 10px;
    border-bottom: 1px solid #dddddd;
}

#signup-stage-complete .complete-todo:before,
#signup-stage-complete .complete-todo:after {
    display: table;
    content: "";
}

#signup-stage-complete .complete-todo:after {
    clear: both;
}

#signup-stage-complete .complete-todo:last-child {
    border-bottom: none;
}

#signup-stage-complete .complete-todo .todo-icon {
    width: 65px;
    height: 65px;
    float: left;
}

#signup-stage-complete .complete-todo .todo-icon.popular {
    background-position: -65px 0;
}

#signup-stage-complete .complete-todo .todo-icon.artist {
    background-position: -130px 0;
}

#signup-stage-complete .todo-description {
    float: left;
    margin-left: 15px;
}

#signup-stage-complete .todo-header {
    height: 30px;
    margin: 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}

#signup-stage-complete .todo-text {
    margin-bottom: 0;
}

#signup-stage-complete .btn {
    margin-top: 8px;
    float: right;
}

#signup-stage-complete .url-callout {
    position: relative;
    margin: 15px 15px 0 15px;
    padding: 10px 20px;
    background: #cef4c3;
    border-radius: 8px;
}

#signup-stage-complete .url-callout .icon-check {
    position: absolute;
    height: 65px;
    width: 65px;
    top: 0;
    right: 15px;
}

#signup-stage-complete .profile-url {
    height: 45px;
    line-height: 45px;
    color: #677a61;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#choose-locale .lightbox-content p {
    margin-bottom: 0;
    text-align: center;
}

.languages {
    margin: 0;
}

.languages .language {
    display: inline;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.languages .language a {
    /* float: left; */
    /* width: 31%; */
    margin-right: 1%;
    display: block;
    border: solid 1px #f5f5f5;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
}

.languages .language a:hover,
.languages .language a.active {
    background: #e23036;
    border: solid 1px #e23036;
    color: white;
}

.languages .language .last a {
    margin: 0;
}

.lightbox.lightbox-stations .lightbox-content {
    height: 400px;
}

.lightbox.lightbox-share {}

.lightbox.lightbox-share .lbcontainer.to-user .lightbox-content {
    overflow: hidden;
}

.lightbox.lightbox-share label {
    display: block;
    color: #333333;
}

.lightbox.lightbox-share .error {
    clear: both;
}

.lightbox.lightbox-share .error:before,
.lightbox.lightbox-share .error:after {
    display: table;
    content: "";
}

.lightbox.lightbox-share .error:after {
    clear: both;
}

.lightbox.lightbox-share .error p {
    color: #ff0000;
}

.lightbox.lightbox-share .embed-options {
    margin-bottom: 15px;
    margin-top: 15px;
}

.lightbox.lightbox-share .embed-options .embed-widget-theme {
    padding: 0 20px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    border-radius: 4px;
}

.lightbox.lightbox-share .embed-options .embed-widget-theme.dark {
    float: left;
    background: #25292c;
    color: #fff;
    cursor: pointer;
}

.lightbox.lightbox-share .embed-options .embed-widget-theme.light {
    float: right;
}

.lightbox.lightbox-share .embed-options:before,
.lightbox.lightbox-share .embed-options:after {
    display: table;
    content: "";
}

.lightbox.lightbox-share .embed-options:after {
    clear: both;
}

.lightbox.lightbox-share .dimension-container {
    width: 115px;
    float: left;
    margin-right: 20px;
}

.lightbox.lightbox-share .dimension-container input {
    width: 103px;
}

.lightbox.lightbox-share .dimension-separator {
    display: block;
    float: left;
}

.lightbox.lightbox-share .themes-container {
    float: left;
}

.lightbox.lightbox-share .theme {
    display: block;
    width: 24px;
    height: 24px;
    padding: 3px;
    margin-right: 3px;
    float: left;
    border: solid 1px #bbbbbb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.lightbox.lightbox-share .theme:before,
.lightbox.lightbox-share .theme:after {
    display: table;
    content: "";
}

.lightbox.lightbox-share .theme:after {
    clear: both;
}

.lightbox.lightbox-share .theme.grass {}

.lightbox.lightbox-share .theme.metal {}

.lightbox.lightbox-share .theme.water {}

.lightbox.lightbox-share .theme.wood {}

.lightbox.lightbox-share .theme.active {
    border-color: #e23137;
}

.lightbox.lightbox-share .theme:hover {
    border-color: #5c5c5c;
}

.lightbox.lightbox-share .embed-code-container {
    /* margin-bottom: 15px; */
}

.lightbox.lightbox-share .embed-code-container .title {
    display: block;
    color: #333333;
}

#share-link {
    position: relative;
    min-width: 250px;
    float: left;
}

#share-link .share-url {
    width: 100%;
    padding: 5px 60px 5px 30px;
    float: left;
    color: #5c5c5c;
    border-radius: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 3px;
    cursor: pointer;
}

#share-link #icon-background {
    position: absolute;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}

#share-link #icon-background svg {
    height: 36px;
    fill: #888;
}

#share-link #icon-background .icon {
    position: absolute;
    top: 7px;
    left: 5px;
}

#share-link .copy-background {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    width: 50px;
    background-color: #888888;
    border-radius: 3px;
    text-align: center;
}

#share-link .copy-background .btn {
    text-shadow: none;
    border: none;
    line-height: 33px;
    background: transparent;
    margin: 0;
    float: initial;
    height: auto;
    width: auto;
    border-radius: 0;
    padding: 0;
    line-height: 30px;
    font-weight: 600;
    color: #ffffff;
}

#share-svc {
    clear: both;
}

#share-svc input,
#share-svc textarea {
    display: block;
    width: 100%;
    resize: vertical;
    display: block;
    cursor: pointer;
}

.svc-box .nav-widget {
    margin-bottom: 15px;
    clear: both;
}

.svc-box .nav-widget .nav-widget-block {
    border: 1px solid #e4e6eb;
    background: #e4e6eb;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
}

.svc-box .nav-widget .nav-widget-block:hover {
    background: #d8dadf;
}

.svc-box .nav-widget.active .nav-widget-block {
    border: 1px solid #e23136;
    background: rgb(226 49 54);
    color: #e4e6eb;
}

#svc-embed-iframe {
    width: 100%;
    height: 300px;
    pointer-events: none;
    border: 1px solid #ddd;
    /* padding: 20px 20px; */
    /* background: rebeccapurple; */
    /* background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); */
    /* background-size: 1rem 1rem; */
    box-sizing: border-box;
    border-radius: 4px;
}

#svc-embed-iframe.classic {
    height: 180px;
}

#svc-embed-iframe.mini {
    height: 60px;
}

#share-message-tw {
    min-height: 60px;
}

.share-more-option {
    height: 60px;
    border-top: dotted 1px #ccc;
}

.share-more-option .icon-container {
    position: relative;
    height: 38px;
    width: 38px;
    top: 11px;
    margin: 0 10px 0 0;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

.share-more-option .icon-container svg {
    fill: white;
    position: absolute;
    height: 24px;
    width: 24px;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}

.share-more-option .icon-container .icon {
    position: absolute;
    top: 6px;
    left: 6px;
}

.share-more-option .title {
    display: block;
    height: 60px;
    float: left;
    line-height: 60px;
    font-size: 14px;
    color: #666666;
}

.share-more-option .btn {
    float: right;
    top: 14px;
}

.share-more-option .icon-container.icon-reddit {
    border: solid 1px #ac3d2f;
    background-color: #d84836;
    background-image: -moz-linear-gradient(top, #dd4b38, #d14432);
    background-image: -ms-linear-gradient(top, #dd4b38, #d14432);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b38), to(#d14432));
    background-image: -webkit-linear-gradient(top, #dd4b38, #d14432);
    background-image: -o-linear-gradient(top, #dd4b38, #d14432);
    background-image: linear-gradient(top, #dd4b38, #d14432);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dd4b38', endColorstr='#d14432', GradientType=0);
}

.share-more-option .icon-container.icon-pinterest {
    background-color: #cb2127;
}

.share-more-option .icon-container.icon-linkedin {
    background-color: #0277b5;
}

.share-more-option .icon-container.icon-email {
    background-color: #7c7c7c
}

#embed_icons_set {
    margin-bottom: 15px;
}

#embed_icons_set .embed_select_icons_set {
    background: #e23137;
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    border-radius: 4px;
}

#embed_icons_set svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#embed_icons_set svg * {
    fill: white
}

#create-playlist #name {
    width: 100%;
}

#create-playlist #description {
    width: 100%;
}

.lightbox.lightbox-rename .lightbox-content textarea {
    height: 100px;
    width: 100%;
    resize: none;
}

.lightbox.lightbox-rename .lightbox-content #name-field {
    margin-bottom: 10px;
}

#twitter-char-count {
    color: #666666;
}

#twitter-char-count.over {
    color: #ff0000;
}

.lightbox.lightbox-claimArtist .lightbox-content {}

.lightbox.lightbox-claimArtist .lightbox-content:before,
.lightbox.lightbox-claimArtist .lightbox-content:after {
    display: table;
    content: "";
}

.lightbox.lightbox-claimArtist .lightbox-content:after {
    clear: both;
}

.lightbox.lightbox-claimArtist .lightbox-content h3 {
    margin-bottom: 10px;
}

.lightbox.lightbox-claimArtist .lightbox-content .password-container {
    clear: both;
}

.lightbox.lightbox-claimArtist .lightbox-content .message-container {
    margin: 20px 0;
    clear: both;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group {}

.lightbox.lightbox-claimArtist .lightbox-content .control-group:before,
.lightbox.lightbox-claimArtist .lightbox-content .control-group:after {
    display: table;
    content: "";
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group:after {
    clear: both;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group .control {
    float: left;
    margin-right: 10px;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group .control:last-child {
    margin-right: 0;
    width: 100%;
}

.lightbox.lightbox-claimArtist .lightbox-content #artist-claiming-stage-info .control-group .control:last-child {
    margin-right: 0;
    width: auto;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group .control.artist-search-container {
    margin: 0 0 15px 0;
    overflow: hidden;
    float: none;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group .control.artist-search-container .btn {
    position: relative;
    float: right;
    margin: 0;
}

.lightbox.lightbox-claimArtist .lightbox-content .control-group.floated {
    float: left;
    /* margin-right: 50px; */
    width: 100%;
}

.lightbox.lightbox-claimArtist .lightbox-content #artist-claiming-phone {
    width: 110px;
}

.lightbox.lightbox-claimArtist .lightbox-content #artist-claiming-phone-ext {
    width: 60px;
}

.lightbox.lightbox-claimArtist .lightbox-content #artist-claiming-affiliation {
    padding: 5px 10px;
    margin: 0px;
    width: 155px;
}

.lightbox.lightbox-claimArtist .lightbox-content #artist-claiming-message {
    width: 100%;
    height: 50px;
    resize: none;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container {
    padding: 10px 0;
    border-top: solid 1px #ced0d4;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container:before,
.lightbox.lightbox-claimArtist .lightbox-content .connect-container:after {
    display: table;
    content: "";
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container:after {
    clear: both;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-container,
.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-name,
.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-message {
    float: left;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-message {
    float: left;
    width: calc(100% - 140px);
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-container {
    margin-right: 10px;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .icon-name {
    width: calc(100% - 140px);
    margin: 0;
    line-height: 20px;
    font-weight: bold;
    display: block;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .btn {
    position: relative;
    top: -12px;
    float: right;
    overflow: hidden;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .facebook-message-control {
    position: relative;
    float: left;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container #artist-claiming-facebook-message {
    width: 498px;
    margin-top: 5px;
    cursor: auto;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container #artist-claiming-fb-copy {
    position: absolute;
    top: 33px;
    right: 2px;
    margin: 0;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container .facebook-copy-message {
    margin: 5px 0 0 0;
}

.lightbox.lightbox-claimArtist .lightbox-content .connect-container:last-child {
    padding-bottom: 0;
}

.lightbox.lightbox-claimArtist .claiming-failed-message {
    margin: 0;
    text-align: center;
}

.lightbox.lightbox-claimArtist .claiming-message-header {
    margin-bottom: 10px;
    text-align: center;
}

.lightbox.lightbox-claimArtist .terms-label {
    display: inline;
    padding-left: 5px;
}

.lightbox.lightbox-claimArtist #artist-name-container {
    overflow: hidden;
    padding-right: 35px;
}

.lightbox.lightbox-claimArtist #artist-name {
    width: 100%;
}

#artist-claiming-name-container {
    margin-bottom: 15px;
}

#window-claim-artist-selector {
    padding-top: 15px;
}

#window-claim-artist-selector .window-selection .window-select-name {
    font-size: 16px;
    line-height: 40px;
}

#window-claim-artist-selector .window-selector-selected {
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
    padding: initial;
    border: none;
    border-radius: 6px;
}

#window-claim-artist-selector .window-selector-selected .module-row.tall {
    cursor: inherit;
    background: #34C756 !important;
    border: none;
}

.lightbox.lightbox-feedback .field {
    margin: 0 0 30px 0;
}

.lightbox.lightbox-feedback .radio-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lightbox.lightbox-feedback .radio-list label {
    display: inline-block;
}

.lightbox.lightbox-feedback .radio-list input {
    display: inline-block;
    width: auto;
    margin-right: 7px;
}

.lightbox.lightbox-invite {
    width: 560px;
}

.lightbox.lightbox-invite .label {
    display: block;
}

.lightbox.lightbox-invite .error {
    clear: both;
}

.lightbox.lightbox-invite .error:before,
.lightbox.lightbox-invite .error:after {
    display: table;
    content: "";
}

.lightbox.lightbox-invite .error:after {
    clear: both;
}

.lightbox.lightbox-invite .error p {
    color: #ff0000;
}
.download-tip {
    height: 200px;
    background: linear-gradient(to right, rgb(157, 52, 165) 0%, rgb(235, 48, 124) 80%);
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: 15px;
    text-align: center;
}
.download-tip h1 {
    text-align: center;
    margin: 0 60px 30px;
    padding: 30px 0 0;
    color: #e4e6eb;
}
.download-tip .download-tip-learn {
    text-align: center;
    background: white;
    padding: 9px 32px;
    font-weight: 600;
    font-size: .9375rem;
    border-radius: 5px;
    color: #050505;
}
.download-tip .download-tip-learn:hover {

    color: #050505;
}
#friends-can-collaborate {}

.invite-to-collaborate {
    -ms-flex-item-align: center;
    align-self: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

.invite-to-collaborate .img-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.invite-to-collaborate .title {
    margin-left: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}

.invite-to-collaborate .invite-friend {
    margin-left: auto;
}

#invite-nav-outer {
    padding: 30px;
    margin: -30px -30px 30px -30px;
    border-bottom: solid 1px #f0f3f5;
}

#invite-nav-outer:before,
#invite-nav-outer:after {
    display: table;
    content: "";
}

#invite-nav-outer:after {
    clear: both;
}

#invite-nav-container {
    position: relative;
    left: 50%;
    float: left;
}

#invite-nav-container:before,
#invite-nav-container:after {
    display: table;
    content: "";
}

#invite-nav-container:after {
    clear: both;
}

#invite-nav-container .btn {
    width: 100px;
    padding: 0;
    text-align: center;
    display: block;
}

#invite-nav {
    position: relative;
    left: -50%;
    float: left;
}

#invite-nav:before,
#invite-nav:after {
    display: table;
    content: "";
}

#invite-nav:after {
    clear: both;
}

#invite-svc {
    clear: both;
}

#invite-svc input,
#invite-svc textarea {
    display: block;
    width: 498px;
}

#invite-svc textarea {
    resize: vertical;
}

#share-svc {
    clear: both;
}

#share-svc textarea {
    padding: 8px;
}

.lightbox.lightbox-editAlbum {
    width: 600px;
}

.lightbox.lightbox-editAlbum .lightbox-header .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.lightbox.lightbox-editAlbum .lightbox-tab {
    width: 264px;
}

.lightbox.lightbox-editAlbum .lightbox-content-block {
    padding: 0;
    overflow-y: hidden;
}

.lightbox.lightbox-editAlbum .lightbox-content-block:before,
.lightbox.lightbox-editAlbum .lightbox-content-block:after {
    display: table;
    content: "";
}

.lightbox.lightbox-editAlbum .lightbox-content-block:after {
    clear: both;
}

.lightbox.lightbox-editAlbum .lightbox-content-block .edit-songs-message {
    margin: 10px 0;
    text-align: center;
}

.lightbox.lightbox-editAlbum #edit-songs-selector {
    height: 338px;
}

.edit-entity-container {
    padding: 20px;
}

.edit-entity-container .entity-art-control {
    margin-bottom: 10px;
}

.edit-entity-container .entity-art-control:before,
.edit-entity-container .entity-art-control:after {
    display: table;
    content: "";
}

.edit-entity-container .entity-art-control:after {
    clear: both;
}

.edit-entity-container .entity-art-control .entity-art-info {
    width: 380px;
    float: left;
}

.edit-entity-container .entity-art-control .entity-art-text {
    display: block;
    margin-bottom: 10px;
    float: left;
}

.edit-entity-container .entity-art-control .entity-art-title {
    margin-bottom: 5px;
}

.edit-entity-container .entity-art-control .entity-art {
    width: 120px;
    height: 120px;
    margin-right: 20px;
    float: left;
    padding: 5px;
    border: solid 1px #ccc;
    overflow: hidden;
}

.edit-entity-container .entity-art-control .entity-art img {
    position: relative;
    max-width: none;
}

.edit-entity-container .entity-art-control .upload-button-container {
    margin-bottom: 10px;
}

.edit-entity-container .entity-art-control .upload-button-container:before,
.edit-entity-container .entity-art-control .upload-button-container:after {
    display: table;
    content: "";
}

.edit-entity-container .entity-art-control .upload-button-container:after {
    clear: both;
}

.edit-entity-container .entity-art-control .button-upload-form {
    float: left;
}

.edit-entity-container .entity-art-control .button-upload-form .entity-art-browse {
    margin-right: 10px;
}

.edit-entity-container .entity-art-control .entity-art-filename {
    line-height: 26px;
    float: left;
}

.edit-entity-container .control-group {
    padding: 10px 0;
    margin-bottom: 0;
    border-top: dotted 1px #ccc;
}

.edit-entity-container .control-group:before,
.edit-entity-container .control-group:after {
    display: table;
    content: "";
}

.edit-entity-container .control-group:after {
    clear: both;
}

.edit-entity-container .control-group .control {
    float: left;
}

.edit-entity-container .control-group:last-child {
    padding-bottom: 0;
}

.edit-entity-container.album .album-name-control {
    width: 270px;
    margin-right: 20px;
}

.edit-entity-container.album .album-name {
    width: 250px;
}

.edit-entity-container.album .year-control {
    width: 120px;
}

.edit-entity-container.album .year-control .album-year {
    width: 120px;
}

.edit-entity-container.album .type-control {
    width: 150px;
}

.edit-entity-container.album .type-control .album-type {
    width: 130px;
}

.lightbox.lightbox-editArtist .lightbox-content-block {
    padding: 0;
    overflow-y: hidden;
}

.lightbox.lightbox-editArtist .lightbox-content-block:before,
.lightbox.lightbox-editArtist .lightbox-content-block:after {
    display: table;
    content: "";
}

.lightbox.lightbox-editArtist .lightbox-content-block:after {
    clear: both;
}

.lightbox.lightbox-editArtist .lightbox-tab {
    width: 264px;
}

.lightbox.lightbox-editArtist .artist-bio {
    height: 58px;
    width: 540px;
    margin-bottom: 10px;
    resize: none;
}

.lightbox.lightbox-editArtist .artist-bio-link,
.lightbox.lightbox-editArtist .artist-name {
    width: 540px;
}

.lightbox.lightbox-editArtist .artist-name-control span {
    font-size: 11px;
    font-style: italic;
}

.lightbox.lightbox-editArtist .third-party-header {
    margin-bottom: 5px;
}

.lightbox.lightbox-editArtist .link-control {
    width: 275px;
    margin: 0 0 15px 0;
}

.lightbox.lightbox-editArtist .link-control.website {
    float: left;
}

.lightbox.lightbox-editArtist .link-control .artist-link-website {
    width: 254px;
}

.lightbox.lightbox-editArtist .link-control.pagename {
    float: left;
    margin: 0 10px 0 0;
}

.lightbox.lightbox-editArtist .link-control.pagename .add-on {
    width: 98px;
}

.lightbox.lightbox-editArtist .link-control .artist-pagename {
    width: 134px;
    border-left: none;
}

.lightbox.lightbox-editArtist .link-control.twitter {
    float: left;
    margin-right: 10px;
}

.lightbox.lightbox-editArtist .link-control.twitter .add-on {
    width: 64px;
}

.lightbox.lightbox-editArtist .link-control .artist-twitter-link {
    width: 168px;
    border-left: none;
}

.lightbox.lightbox-editArtist .link-control.facebook {
    float: left;
}

.lightbox.lightbox-editArtist .link-control.facebook .add-on {
    width: 80px;
}

.lightbox.lightbox-editArtist .link-control .artist-facebook-link {
    width: 152px;
    border-left: none;
}

.lightbox.lightbox-editSongs .lightbox-header .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.lightbox.lightbox-editSongs .lightbox-content-block {
    padding: 0;
    overflow-y: hidden;
}

.lightbox.lightbox-editSongs .lightbox-content-block:before,
.lightbox.lightbox-editSongs .lightbox-content-block:after {
    display: table;
    content: "";
}

.lightbox.lightbox-editSongs .lightbox-content-block:after {
    clear: both;
}

.lightbox.lightbox-editSongs .lightbox-content-block .edit-songs-message {
    margin: 10px 0;
    text-align: center;
}

.lightbox.lightbox-editSongs #edit-songs-selector {
    height: 338px;
}

.lightbox.lightbox-editSongs #edit-song-form .control {
    margin-bottom: 10px;
}

#edit-songs-selector {
    position: relative;
    width: 220px;
    height: 310px;
    padding: 0;
    margin: 0;
    border-top: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
}

#edit-songs-selector .edit-song {
    position: relative;
    width: 180px;
    height: 20px;
    padding: 5px 20px;
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
}

#edit-songs-selector .edit-song:before,
#edit-songs-selector .edit-song:after {
    display: table;
    content: "";
}

#edit-songs-selector .edit-song:after {
    clear: both;
}

#edit-songs-selector .edit-song:last-child {
    border-bottom: none;
}

#edit-songs-selector .edit-song:hover {
    margin-top: -1px;
    background: #ebf4ff;
    border-top: 1px solid #bacbdf;
    border-bottom: 1px solid #bacbdf;
}

#edit-songs-selector .edit-song .icon {
    position: absolute;
    display: none;
    top: 7px;
    right: 15px;
}

#edit-songs-selector .edit-song.song-error {
    background: #ffdbdb;
}

#edit-songs-selector .edit-song.song-error .icon {
    display: block;
    background-position: 0px -432px;
}

#edit-songs-selector .edit-song.song-error.selected .icon {
    background-position: -128px -432px;
}

#edit-songs-selector .edit-song.song-error .track-name {
    width: 144px;
}

#edit-songs-selector .edit-song.song-success .icon {
    display: block;
    background-position: 0px -64px;
}

#edit-songs-selector .edit-song.song-success.selected icon {
    background-position: -128px -64px;
}

#edit-songs-selector .edit-song.song-success .track-name {
    width: 144px;
}

#edit-songs-selector .edit-song.selected {
    margin-top: -1px;
    background: #3892fd;
    border-top: 1px solid #2a6dbd;
    border-bottom: 1px solid #2a6dbd;
}

#edit-songs-selector .edit-song.selected .song-row-text {
    color: #ffffff;
}

#edit-songs-selector .edit-song .song-row-text {
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
}

#edit-songs-selector .edit-song .track-num {
    width: 25px;
}

#edit-songs-selector .edit-song .track-name {
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#edit-song-form {
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

#edit-song-form .img-container,
#edit-album-form .img-container {
    float: left;
    width: 120px;
    height: 120px;
    position: relative;
    margin-right: 15px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
}

#edit-song-form .img-container img,
#edit-album-form .img-container img {
    width: 100%;
    height: 100%;
}

#edit-song-form .song-info-container,
#edit-album-form .album-info-container {
    float: left;
    width: calc(100% - 135px);
}

#edit-song-form .edit-song-artwork,
#edit-album-form .edit-album-artwork {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    visibility: hidden;
}

#edit-song-form .edit-song-artwork svg,
#edit-album-form .edit-album-artwork svg {
    /* display: block; */
    /* text-align: center; */
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    fill: #fff;
    top: 3px;
}

#edit-song-form .edit-song-artwork .edit-artwork-input,
#edit-album-form .edit-album-artwork .edit-artwork-input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

#edit-song-form .edit-song-artwork span,
#edit-album-form .edit-album-artwork span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    font-size: 90%;
}

#edit-song-form .img-container:hover .edit-song-artwork,
#edit-album-form .img-container:hover .edit-album-artwork {
    visibility: visible;
}

#edit-song-form .img-container img:after,
#edit-album-form .img-container img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

#edit-song-form .control {
    margin-bottom: 15px;
}

#edit-song-form .control.row {
    display: inline-flex;
    position: relative;
}

#edit-song-form .control.row label:last-child {
    position: absolute;
    left: 45px;
    width: max-content;
}

#edit-song-form .control.row .switch {
    /* position: absolute; */
    /* left: 80px; */
    top: 4px;
}

#edit-song-form .control:last-child {
    margin-bottom: 0;
}

#edit-song-form .song-name,
#edit-song-form .song-lyrics {
    width: 318px;
}

#edit-song-form .song-lyrics {
    height: 135px;
    resize: none;
}

#edit-song-form .song-track,
#edit-song-form .song-verified {
    width: 149px;
}

#edit-song-form .track-control {
    width: 171px;
    float: left;
}

#edit-song-form .verified-control {
    width: 149px;
    float: right;
}

#edit-song-form .album-control {
    width: 340px;
    float: left;
}

#edit-song-form .song-album {
    width: 240px;
}

#edit-song-form .lyrics-control {
    clear: both;
}

#edit-song-form #edit-song-footer {
    height: 110px;
    width: 339px;
    position: absolute;
    bottom: 0;
    padding: 0;
}

#edit-song-form #caution-delete-message {
    position: absolute;
    width: 339px;
    bottom: 20px;
    padding: 10px 0;
    text-align: center;
}

#edit-song-form #caution-delete-message .btn {
    float: none;
}

#edit-song-form #edit-song-delete-buttons {
    position: absolute;
    width: 339px;
    bottom: 15px;
    left: 0;
    padding-top: 10px;
    text-align: center;
}

#edit-song-form #edit-song-delete-buttons:before,
#edit-song-form #edit-song-delete-buttons:after {
    display: table;
    content: "";
}

#edit-song-form #edit-song-delete-buttons:after {
    clear: both;
}

#edit-song-form #edit-song-delete-buttons .btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

#edit-song-delete-options .delete-option-container {
    margin-bottom: 15px;
}

#edit-song-delete-options .delete-option-container:before,
#edit-song-delete-options .delete-option-container:after {
    display: table;
    content: "";
}

#edit-song-delete-options .delete-option-container:after {
    clear: both;
}

#edit-song-delete-options .delete-option-container .delete-option {
    float: left;
    margin-right: 20px;
}

#edit-song-delete-options .delete-option-container .option-text {
    float: left;
    width: 300px;
}

#edit-song-delete-options .delete-option-container:last-child {
    margin-bottom: 0;
}

#edit-song-delete-options .delete-undo-notice {
    display: none;
}

#edit-song-delete-options .delete-options-footer {
    position: absolute;
    bottom: 15px;
}

#edit-song-delete-options.song-deleted .delete-footer-buttons,
#edit-song-delete-options.song-deleted .delete-option-container,
#edit-song-delete-options.song-deleted .delete-footer-buttons {
    display: none;
}

#edit-song-delete-options.song-deleted .delete-undo-notice {
    display: block;
}

#lightbox-stages-header {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #f3f5f7;
}

#lightbox-stages-header:before,
#lightbox-stages-header:after {
    display: table;
    content: "";
}

#lightbox-stages-header:after {
    clear: both;
}

#lightbox-stages-header .lightbox-stage {
    width: 33.3333%;
    height: 55px;
    list-style: none;
    text-align: center;
    float: left;
    background: #fafafa;
    color: #000000;
    border-right: solid 1px #f3f5f7;
}

#lightbox-stages-header .lightbox-stage:last-child {
    border: none;
}

#lightbox-stages-header .lightbox-stage.active {
    background: #e23138;
    color: #fff;
}

#lightbox-stages-header .lightbox-stage .circle {
    width: 24px;
    height: 24px;
    margin: 5px auto 0;
}

#lightbox-stages-header .lightbox-stage.active .circle {
    fill: #fff;
}

#lightbox-stages-header .lightbox-stage .circle .icon {
    width: 24px;
    height: 24px;
}

#lightbox-stages-header .lightbox-stage.active .arrow {
    display: none;
}

#lightbox-stages-header .lightbox-stage.finished {
    background: #eee;
    color: #666;
}

#lightbox-stages-header .lightbox-stage.finished .stage-centered .circle {
    border: solid 1px #666;
}

#lightbox-stages-header .lightbox-stage.finished .stage-centered .circle .icon {
    display: inline-block;
}

#lightbox-stages-header .lightbox-stage.finished .stage-centered .circle .num {
    display: none;
}

#lightbox-stages-header .lightbox-stage .stage-centered {
    position: relative;
    display: inline-block;
    margin: auto;
}

#lightbox-stages-header .lightbox-stage .stage-centered .circle {
    display: inline-block;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0;
    margin: 10px 5px 0 0;
    font-size: 11px;
    line-height: 20px;
    border: solid 1px #bbbbbb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#lightbox-stages-header .lightbox-stage .stage-centered .circle .icon {
    position: relative;
    display: none;
    padding: 0;
}

#lightbox-stages-header .lightbox-stage .stage-centered .stage-title {
    display: inline-block;
    float: left;
    line-height: 44px;
}

#lightbox-stages-header .lightbox-stage .arrow {
    position: relative;
    display: none;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    top: 2px;
}

#lightbox-stages-header .lightbox-stage .arrow:after {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    bottom: 100%;
    margin-left: -55px;
    border: solid transparent;
    border-width: 5px;
    border-bottom-color: #ffffff;
    content: " ";
    pointer-events: none;
}

#lightbox-stages-header .lightbox-stage .arrow:before {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    bottom: 100%;
    margin-left: -56px;
    border: solid transparent;
    border-width: 6px;
    border-bottom-color: #bbbbbb;
    content: " ";
    pointer-events: none;
}

.lightbox.lightbox-upload {
    width: 600px;
}

.lightbox.lightbox-upload .lightbox-content-block {
    padding: 0;
}

.lightbox.lightbox-upload .upload-stage-container {
    padding: 15px;
}

.lightbox.lightbox-upload .choose-album-text {
    margin-bottom: 20px;
}

.lightbox.lightbox-upload .edit-songs-message {
    margin: 10px 0;
    text-align: center;
}

.lightbox.lightbox-upload .lightbox-footer .disabled {
    border: none;
}

.lightbox.lightbox-upload #upload-upload-container {
    padding: 40px 0;
    text-align: center;
}

.lightbox.lightbox-upload #upload-upload-container .upload-songs-message {
    font-size: 14px;
    font-weight: bold;
}

.lightbox.lightbox-upload #upload-upload-container .upload-type-message {
    margin-top: 10px;
    margin-bottom: 0;
}

.lightbox.lightbox-upload #upload-upload-container .button-upload-form,
.lightbox.lightbox-upload #upload-upload-container .btn {
    float: none;
}

.lightbox.lightbox-upload #edit-songs-selector {
    position: relative;
    height: 240px;
    min-height: 0;
}

.lightbox.lightbox-upload #edit-song-form {
    height: 200px;
}

.lightbox.lightbox-upload #upload-status-container {
    padding: 0;
}

.lightbox.lightbox-upload #upload-songs-container,
.lightbox.lightbox-upload #upload-create-container {
    padding: 0;
}

#current-uploads-progress {
    height: 240px;
    overflow-y: auto;
}

#current-uploads-progress .song-upload {
    height: 30px;
    border-bottom: solid 1px #bbbbbb;
}

#current-uploads-progress .song-upload:before,
#current-uploads-progress .song-upload:after {
    display: table;
    content: "";
}

#current-uploads-progress .song-upload:after {
    clear: both;
}

#current-uploads-progress .song-upload:last-child {
    border-bottom: none;
}

#current-uploads-progress .song-upload.has-progress {
    margin-bottom: 7px;
    border-bottom: none;
}

#current-uploads-progress .song-upload .title {
    height: 30px;
    margin: 0 0 0 20px;
    line-height: 30px;
    float: left;
}

#current-uploads-progress .song-upload .progress {
    height: 4px;
    position: relative;
    top: 1px;
    background: #eee;
    clear: both;
    border-top: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
}

#current-uploads-progress .song-upload .progress-complete {
    height: 4px;
    position: absolute;
    width: 20px;
    top: -1px;
    border-top: solid 1px #b75e00;
    border-bottom: solid 1px #b75e00;
    background: #e23137;
}

#current-uploads-progress .song-upload .spinner {
    display: block;
    margin: 7px 20px 0 0;
    float: right;
}

.window-selector-container {
    padding-top: 20px;
    border-top: solid 1px #ced0d4;
}

.window-selector-container .window-selector {
    position: relative;
    height: 150px;
    border: solid 1px #bbbbbb;
    overflow-y: auto;
    overflow-x: hidden;
}

.window-selector-container .window-selector .module-row.tall {
    cursor: pointer;
}

.window-selector-container .window-selection {
    height: 45px;
    width: 568px;
    padding: 5px 0 2px 0;
    margin: 0;
    border-bottom: solid 1px #dddddd;
    cursor: pointer;
}

.window-selector-container .window-selection.selected {
    background: #ebf4ff;
}

.window-selector-container .window-selection .window-select-input {
    height: 40px;
    margin: 0 10px;
    float: left;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.window-selector-container .window-selection .window-select-art {
    float: left;
    margin-right: 9px;
    border: solid 1px #d8d8d8;
}

.window-selector-container .window-selection .window-select-name {
    width: 470px;
    line-height: 21px;
    font-weight: bold;
    margin-top: 1px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.window-selector-container .window-selection .window-select-count {
    display: inline-block;
}

.lightbox.lightbox-payments .lightbox-tab button {background: none;box-shadow: none;border: none;color: inherit;font-size: .9375rem;font-weight: 600;line-height: 50px;padding: 0 16px;border-bottom: 3px solid transparent;}
.lightbox.lightbox-payments .lightbox-tab button.active {
    border-bottom: 3px solid #e23036;
}
.lightbox.lightbox-payments .plan-chooser {}

.lightbox.lightbox-payments .plan-chooser:before,
.lightbox.lightbox-payments .plan-chooser:after {
    display: table;
    content: "";
}

.lightbox.lightbox-payments .plan-chooser:after {
    clear: both;
}

.lightbox.lightbox-payments .plan-chooser .plan-title {
    margin-bottom: 0;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan {
    width: 253px;
    height: 40px;
    padding: 5px 10px;
    border: solid 1px #bbbbbb;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.last {
    float: right;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan .sub-checkbox {
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 40px;
    float: left;
    border: none;
    box-shadow: none;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.selected {
    border-color: #2a6abd;
    background: #3892fd;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.selected .plan-title {
    color: #ffffff;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.selected .plan-desc {
    color: #ffffff;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan .plan-title {
    height: 23px;
    margin: 0;
    line-height: 23px;
    font-weight: bold;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan .plan-desc {
    margin: 0;
    line-height: 15px;
    font-size: 11px;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration {
    width: 548px;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration:before,
.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration:after {
    display: table;
    content: "";
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration:after {
    clear: both;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration .plan-title {
    font-size: 26px;
    line-height: 40px;
    float: left;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration .duration {
    font-size: 12px;
}

.lightbox.lightbox-payments .plan-chooser .sub-plan.code-duration .plan-desc {
    height: 40px;
    float: right;
    line-height: 40px;
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check {
    padding-top: 5px;
    margin-bottom: 0;
    clear: both;
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check:before,
.lightbox.lightbox-payments .plan-chooser .plan-recurring-check:after {
    display: table;
    content: "";
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check:after {
    clear: both;
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check label {
    float: left;
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check #sub-recurring {
    float: left;
}

.lightbox.lightbox-payments .plan-chooser .plan-recurring-check .sub-recurring-text {
    display: block;
    margin-left: 5px;
    float: left;
}

.lightbox.lightbox-payments .control-group {
    padding-top: 15px;
}

.lightbox.lightbox-payments .control-group .control {
    float: left;
}

.lightbox.lightbox-payments #credit-card-container {
    margin: 10px 0 0 0;
}

.lightbox.lightbox-payments #credit-card-container:before,
.lightbox.lightbox-payments #credit-card-container:after {
    display: table;
    content: "";
}

.lightbox.lightbox-payments #credit-card-container:after {
    clear: both;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control {
    width: 248px;
    position: relative;
    margin-right: 20px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #billing-card-number {
    width: 226px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type {
    display: none;
    width: 24px;
    height: 17px;
    position: absolute;
    right: 6px;
    top: 32px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.VI,
.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.VE {
    display: block;
    background-position: 0px 0;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.AM {
    display: block;
    background-position: 0px -17px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.MC {
    display: block;
    background-position: 0px -34px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.DI {
    display: block;
    background-position: 0px -85px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.JC {
    display: block;
    background-position: 0px -102px;
}

.lightbox.lightbox-payments #credit-card-container .card-number-control #credit-card-type.DC {
    display: block;
    background-position: 0px -119px;
}

.lightbox.lightbox-payments #credit-card-container .security-code-control {
    width: 110px;
    margin-right: 10px;
}

.lightbox.lightbox-payments #credit-card-container .security-code-control #billing-security-code {
    width: 89px;
}

.lightbox.lightbox-payments #credit-card-container #billing-exp-month {
    width: 74px;
    margin-right: 10px;
}

.lightbox.lightbox-payments #credit-card-container #billing-exp-year {
    width: 98px;
}

.lightbox.lightbox-payments #paypal-container {
    padding-top: 0;
    border-top: none;
    text-align: center;
}

.lightbox.lightbox-payments #paypal-container .btn {
    float: none;
}

.lightbox.lightbox-payments #confirm-container {
    padding-top: 0;
    margin-bottom: 0;
    border-top: none;
}

.lightbox.lightbox-payments #confirm-container .product,
.lightbox.lightbox-payments #confirm-container .total,
.lightbox.lightbox-payments #confirm-container .header {
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px #bbbbbb;
    border-bottom: 0;
}

.lightbox.lightbox-payments #confirm-container .product:before,
.lightbox.lightbox-payments #confirm-container .total:before,
.lightbox.lightbox-payments #confirm-container .header:before,
.lightbox.lightbox-payments #confirm-container .product:after,
.lightbox.lightbox-payments #confirm-container .total:after,
.lightbox.lightbox-payments #confirm-container .header:after {
    display: table;
    content: "";
}

.lightbox.lightbox-payments #confirm-container .product:after,
.lightbox.lightbox-payments #confirm-container .total:after,
.lightbox.lightbox-payments #confirm-container .header:after {
    clear: both;
}

.lightbox.lightbox-payments #confirm-container .header {
    text-align: center;
    font-weight: bold;
}

.lightbox.lightbox-payments #confirm-container .header .price {
    text-align: center;
}

.lightbox.lightbox-payments #confirm-container .total {
    background: #eee;
    border-top: solid 1px #999;
    border-bottom: solid 1px #bbbbbb;
}

.lightbox.lightbox-payments #confirm-container .description {
    width: 80%;
    height: 30px;
    margin: 0;
    padding-right: 10px;
    line-height: 30px;
    float: left;
    box-sizing: border-box;
}

.lightbox.lightbox-payments #confirm-container .price {
    width: 20%;
    height: 30px;
    margin: 0;
    padding-left: 10px;
    line-height: 30px;
    text-align: right;
    border-left: solid 1px #bbbbbb;
    float: left;
    box-sizing: border-box;
}

.lightbox.lightbox-payments #confirm-container .total .description {
    text-align: right;
}

.lightbox.lightbox-payments #confirm-container .security-reassurance {
    margin: 10px 0 0 0;
}

.lightbox.lightbox-payments #loading-container {
    padding-bottom: 20px;
    border: none;
}

.lightbox.lightbox-payments #loading-container .processing {
    margin-top: 60px;
    text-align: center;
}

.lightbox.lightbox-payments #loading-container #page-loading {
    margin-top: 0;
}

.lightbox.lightbox-payments #redeem-container,
.lightbox.lightbox-payments #message-container {
    border: none;
    text-align: center;
}

.lightbox.lightbox-payments #success-container {
    text-align: center;
    padding: 50px;
}

.lightbox.lightbox-payments #success-container p {
    margin-bottom: 0;
}

.lightbox.lightbox-payments #success-container.purchase {
    padding: 20px;
}

.lightbox.lightbox-payments #promo-code-result {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
}

.lightbox.lightbox-payments .content-warning {
    margin-bottom: 0;
    text-align: center;
}

.lightbox.lightbox-payments #credit-card-current {
    text-align: center;
}

.lightbox.lightbox-payments #credit-card-current .btn {
    float: none;
}

.lightbox.lightbox-payments #send-to-friend-container {
    margin-bottom: 0;
}

.lightbox.lightbox-payments #send-to-friend-container .send-message {
    margin-bottom: 5px;
}

.lightbox.lightbox-payments #send-to-friend-container .send-to-friend-form {
    margin: 0;
    overflow: hidden;
}

.lightbox.lightbox-payments #send-to-friend-container .email-send-container {
    padding-right: 30px;
    overflow: hidden;
}

.lightbox.lightbox-payments #send-code {
    position: relative;
    margin: 0;
    top: 2px;
    float: right;
}

.lightbox.lightbox-payments #send-code-email {
    width: 100%;
}

.lightbox.lightbox-payments .page-loading {
    margin: 30px auto;
}

.lightbox.lightbox-payments #password-container {
    margin-top: 15px;
}

.lightbox.lightbox-payments #password-container p {
    text-align: center;
}

.lightbox.lightbox-payments #password-input {
    display: block;
    width: 250px;
    clear: both;
    margin: 0 auto 15px auto;
}

#redeem-code-input {
    width: 200px;
    height: 24px;
    font-size: 20px;
    font-weight: bold;
}

.button-upload-form {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: block;
    float: left;
}

.button-upload-form .invisible-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    z-index: 999999;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

#supported-browsers {
    list-style: none outside none;
}

#supported-browsers li {
    position: relative;
    width: 185px;
    margin: 0 0 15px;
    padding: 4px 10px;
    display: block;
    float: left;
    clear: none;
}

#supported-browsers li .name {
    line-height: 18px;
    margin-left: 26px;
}

#supported-browsers li .icon {
    position: absolute;
    width: 16px;
    height: 16px;
}

#supported-browsers li.firefox .icon {
    background-position: 0 -16px;
}

#supported-browsers li.internetExplorer .icon {
    background-position: 0 -32px;
}

#supported-browsers li.safari .icon {
    background-position: 0 -48px;
}

#supported-browsers li.opera .icon {
    background-position: 0 -64px;
}

.lightbox.lightbox-artistAttribution {
    width: auto;
    min-width: 300px;
}

.lightbox.lightbox-artistAttribution .lightbox-content {
    padding: 15px;
}

.lightbox.lightbox-artistAttribution p {
    margin-bottom: 0;
}

#artist-art-attribution {
    margin: 0;
    padding: 0;
    text-align: center;
}

.lightbox.lightbox-claimSongs .lightbox-content-block {
    padding: 0;
}

.lightbox.lightbox-claimSongs .stage-container {
    padding: 15px;
}

.lightbox.lightbox-claimSongs #create-container {
    padding: 0;
}

.lightbox.lightbox-claimSongs .send-message {
    border-bottom: dotted 1px #CCC;
}

.lightbox.lightbox-claimSongs #claim-message {
    width: 538px;
    height: 50px;
    resize: none;
}

.lightbox.lightbox-claimSongs #notice-message {
    margin-top: 20px;
    text-align: center;
}

.lightbox.lightbox-claimSongs .error-header {
    line-height: 36px;
}

.lightbox.lightbox-claimSongs .song-ignored {
    display: block;
    height: 24px;
    padding-left: 20px;
    line-height: 24px;
}

.lightbox.lightbox-video {
    width: auto;
}

.lightbox.lightbox-video .lightbox-content {
    position: relative;
    overflow-y: hidden;
    background: whiteSmoke;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.lightbox.lightbox-interactionTimeout .interaction-time-suggest h3 {
    text-align: center;
}

.lightbox.lightbox-interactionTimeout .sample-songs {
    height: 178px;
    margin: auto;
}

#basic_tooltip_display {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 13px;
    text-decoration: none;
    background: #000;
    background: rgba(0, 0, 0, .75);
    padding: 0 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px #000;
    -moz-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    text-shadow: 0 -1px 0 black;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0;
    line-height: 22px;
    color: #EEE;
    cursor: default;
    z-index: 9999999999;
    overflow: hidden;
    -webkit-transition: opacity .15s linear, height 0s linear .15s;
    -moz-transition: opacity .15s linear, height 0s linear .15s;
    transition: opacity .15s linear, height 0s linear .15s;
}

#basic_tooltip_display.show {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 22px;
    transition: opacity .15s;
}

#visualizer-nav {
    width: 75px;
    margin-right: 15px;
    float: left;
}

#visualizer-nav .visualizer {
    display: block;
    width: 75px;
    height: 68px;
    margin-bottom: 5px;
    color: #333333;
}

#visualizer-nav .visualizer:before,
#visualizer-nav .visualizer:after {
    display: table;
    content: "";
}

#visualizer-nav .visualizer:after {
    clear: both;
}

#visualizer-nav .visualizer.active {
    color: #e23137;
}

#visualizer-nav .visualizer.active .visualizer-img {
    margin: 0;
    border: solid 2px #e23137;
}

#visualizer-nav .visualizer .meta {
    line-height: 18px;
}

#visualizer-nav .visualizer-img {
    display: block;
    margin: 2px;
    border: none;
}

.lightbox-engagement #upgrade-message {
    text-align: center;
}

#notifications {
    position: fixed;
    bottom: 90px;
    left: 10px;
    z-index: 8000;
    transition: all .5s;
}

.embed_queue_open #notifications {
    bottom: 160px;
}

.embed_queue_open.embed_large_queue #notifications {
    bottom: 230px;
    /* transition: all .5s; */
}

.notification {
    position: relative;
    width: 300px;
    padding: 1px;
    margin-bottom: 10px;
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 3px;
    filter: alpha(opacity=0);
}

.notification:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #e23037;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.notification:after {
    clear: both;
}

.notification a {
    text-decoration: none;
    color: #da103b;
}

.notification .close {
    position: absolute;
    display: none;
    top: -8px;
    right: -8px;
    padding: 2px 8px;
    margin: 0;
    z-index: 100;
}

.notification .context-container {
    position: absolute;
    width: 41px;
    top: 1px;
    bottom: 1px;
    border-right: solid 1px #e6e6e6;
    text-align: center;
}

.notification .context-container svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    fill: #000;
    width: 24px;
    height: 24px;
}

.notification.error .context-container svg {
    fill: #e23037;
}

.notification .context {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 5px;
    margin-top: -16px;
    padding: 1px;
    background: #000000;
    background: rgba(0, 0, 0, 0.3);
}

.notification .context .month {
    display: block;
    height: 12px;
    background: #e23137;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.notification .context .day {
    display: block;
    height: 18px;
    line-height: 18px;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.notification .context .blank {
    display: block;
    width: 30px;
    height: 30px;
    background: #949494;
}

.notification .info {
    position: relative;
    width: 237px;
    left: 43px;
    padding: 7px 10px
}

.notification .title {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    /* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); */
    font-weight: bold;
}

.notification .description {
    display: block;
    padding-right: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #888;
}

.notification .arrow {
    display: block;
    position: absolute;
    width: 9px;
    height: 14px;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}

.notification:hover .close {
    display: block;
}

.notification:hover .info {}

.notification:last-child {
    margin-bottom: 0;
}

.notification.style-guide {
    position: relative;
}

.autocomplete-list {
    margin: 0;
}

.autocomplete-section-title {
    display: block;
    padding: 5px 8px;
    margin: 5px 0;
    background: #eee;
    font-size: 10px;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.autocomplete-list {
    margin: 0;
    padding: 0;
    max-height: 375px;
    overflow: hidden;
}

.autocomplete-list .autocomplete-list-item {
    display: block;
    padding: 5px 0;
    height: 55px;
}

.autocomplete-list .autocomplete-list-item:before,
.autocomplete-list .autocomplete-list-item:after {
    display: table;
    content: "";
}

.autocomplete-list .autocomplete-list-item:after {
    clear: both;
}

.autocomplete-list .autocomplete-list-item h3 {
    margin: 0;
}

.autocomplete-list .autocomplete-list-item .image {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
}

.autocomplete-list .autocomplete-list-item.selected,
.autocomplete-list .autocomplete-list-item .autocomplete-item-link:hover {
    background-color: #e23137;
}

.autocomplete-list .autocomplete-list-item.selected .autocomplete-item-name,
.autocomplete-list .autocomplete-list-item .autocomplete-item-link:hover .autocomplete-item-name,
.autocomplete-list .autocomplete-list-item.selected .autocomplete-item-subtext,
.autocomplete-list .autocomplete-list-item .autocomplete-item-link:hover .autocomplete-item-subtext {
    color: #FFF;
}

.autocomplete-list .autocomplete-item-link {
    position: relative;
    padding-left: 55px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 50px;
    display: grid;
}

.autocomplete-list .autocomplete-item-link:before,
.autocomplete-list .autocomplete-item-link:after {
    display: table;
    content: "";
}

.autocomplete-list .autocomplete-item-link:after {
    clear: both;
}

.autocomplete-list .autocomplete-item-link .autocomplete-item-name {
    display: block;
    float: left;
    clear: right;
    font-size: 90%;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.autocomplete-list .autocomplete-item-link .autocomplete-item-subtext {
    display: block;
    color: #888;
    font-size: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.module-cell.swiper .btn.play-lg {
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -19px;
    display: none;
    transition: all .2s ease;
}

.module-cell.swiper:hover .btn.play-lg {
    display: block;
}

.module-cell.swiper .btn.play-lg:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
}

.btn.play-lg svg {
    width: 20px;
    height: 20px;
    position: absolute;
    fill: #e23236;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}
.btn.btn-loading {position: relative;padding-right: 40px;}

.btn.btn-loading svg {
    fill: white;
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-top: 5px;
    margin-right: -10px;
}
.btn.btn-loading:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 5px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;utf8, <svg fill='white' width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252.264 252.264' xml:space='preserve'><path d='M248.988,80.693c-3.423-2.335-8.089-1.452-10.422,1.97l-15.314,22.453c-9.679-44.721-49.575-78.354-97.123-78.354c-26.544,0-51.498,10.337-70.265,29.108c-2.929,2.929-2.928,7.678,0.001,10.606c2.929,2.929,7.678,2.929,10.606-0.001c15.933-15.937,37.12-24.713,59.657-24.713c41.32,0,75.815,29.921,82.98,69.228l-26.606-18.147c-3.423-2.336-8.089-1.452-10.422,1.97c-2.334,3.422-1.452,8.088,1.971,10.422l39.714,27.087c0.003,0.002,0.005,0.003,0.007,0.005c0.97,0.661,2.039,1.064,3.128,1.225c0.362,0.053,0.727,0.08,1.091,0.08c2.396,0,4.751-1.146,6.203-3.274l26.764-39.242C253.293,87.693,252.41,83.027,248.988,80.693z'></path><path d='M187.196,184.351c-16.084,16.863-37.77,26.15-61.065,26.15c-41.317-0.001-75.813-29.921-82.978-69.227l26.607,18.147c1.293,0.882,2.764,1.305,4.219,1.305c2.396,0,4.751-1.145,6.203-3.274c2.334-3.422,1.452-8.088-1.97-10.422l-39.714-27.087c-0.002-0.001-0.004-0.003-0.006-0.005c-3.424-2.335-8.088-1.452-10.422,1.97L1.304,161.149c-2.333,3.422-1.452,8.088,1.97,10.422c1.293,0.882,2.764,1.304,4.219,1.304c2.397,0,4.751-1.146,6.203-3.275l15.313-22.453c9.68,44.72,49.577,78.352,97.121,78.352c27.435,0,52.977-10.938,71.919-30.797c2.859-2.997,2.747-7.745-0.25-10.604C194.8,181.241,190.053,181.353,187.196,184.351z'></path></svg>") no-repeat;
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    z-index: 111111;
}
.song-playing .btn.play-lg {
    background-position: 0 -44px;
}

.song-playing .btn.play-lg:hover {
    background-position: -44px -44px;
}

.btn.play-lg:hover,
.song-playing .video .btn.play-lg:hover {
    background-position: -44px 0;
}

.song-playing .video .btn.play-lg {
    background-position: 0 0;
}

.favorite .on,
.subscribe-playlist .on {
    display: none;
}

.favorite.on .on,
.subscribe-playlist.on .on {
    display: block;
}

.favorite .off,
.subscribe-playlist .off {
    display: block;
}

.favorite.on .off,
.subscribe-playlist.on .off {
    display: none;
}

#grid.genre {
    margin-left: -7.5px;
    margin-right: -7.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.module {
    position: relative;
}

.module-cell.swiper {
    width: 320px;
    height: 180px;
}

.module-cell.swiper .title {
    width: auto;
}

.module-cell.swiper.station {
    width: 320px;
    height: 250px;
}

.img-container.grey-linear-gradient:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 99%, rgba(0, 0, 0, .65) 100%);
    transition: .3s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.module-cell {
    position: relative;
    width: 142px;
    margin: 0 15px 0 0;
    float: left;
}

.module-cell .overlay-link, .module-row .overlay-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.module-cell.radio {
    position: relative;
    width: 20%;
    padding: 0;
    margin: 0 15px 15px 0;
    float: left;
    zoom: 1;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 0 10px;
}

.module-cell.genre {
    position: relative;
    width: 16.666%;
    padding: 0;
    margin: 0 15px 15px 0;
    float: left;
    zoom: 1;
    box-sizing: border-box;
    margin: 0 0 15px;
    padding: 0 7.5px;
}

.module-cell.small-radio-cat {
    position: relative;
    width: 16.666%;
    padding: 0;
    margin: 0 15px 15px 0;
    float: left;
    zoom: 1;
    box-sizing: border-box;
    margin: 0 0 15px;
    padding: 0 7.5px;
}

.module-cell:before,
.module-cell:after {
    display: table;
    content: "";
}

.module-cell:after {
    clear: both;
}

.empty-page .module-cell {
    background: none;
}

.module-cell .img-container {
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 140px;
    position: relative;
    background: #d2d6d8;
    overflow: hidden;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    border-radius: 5px;
}
.module-cell .img-container .status {

    position: absolute;

    top: 0;

    right: 0;

    line-height: 22px;

    background: rgb(233 30 99 / .8);

    border-bottom-left-radius: 4px;

    padding: 0 6px;
}
.module-cell.radio .img-container,
.module-cell.genre .img-container,
.module-cell.small-radio-cat .img-container {
    width: 100%;
    height: auto;
    background-position: center center !important;
    background-size: 100% !important;
    animation: unset;
    transition: background-size .5s ease;
    border-radius: 3px;
}

.module-cell.radio:hover .img-container,
.module-cell.genre:hover .img-container,
.module-cell.small-radio-cat:hover .img-container {
    background-size: 105% !important;
}

.module-cell.radio .img-container:before,
.module-cell.genre .img-container:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.module-cell.genre .img-container:before,
.module-cell.small-radio-cat .img-container:before {
    content: "";
    display: block;
    padding-top: 56%;
}

.module-cell.swiper .img-container {
    background: none;
}

.module-cell.swiper .img-container.grey-linear-gradient:after {
    content: '';
    position: absolute;
    /* width: 100%; */
    /* height: 100%; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 99%, rgba(0, 0, 0, .65) 100%);
    transition: .3s ease;
    /* display: block; */
    /* z-index: 9999999; */
    /* border-radius: 6px; */
}

.module-cell.swiper .img-container {
    width: 320px;
    height: 180px;
    /* padding: 0; */
    /* margin: 0; */
}

.module-cell.swiper .img-artwork-container {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    /* border-radius: 9px; */
}

.module-cell.swiper .img-artwork-container img {
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
    /* box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5); */
}

.module-cell .img-container img {
    display: block;
    z-index: 0;
    width: 100%;
}

.module-cell.radio .img-container img {
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    /* height: 100vh; */
}

.module-cell .img-container .img {
    float: left;
}

.module-cell.song,
.module-cell.video,
.module-cell.artist,
.module-cell.playlist.block {
    width: 140px;
    margin-right: 15px;
}

.module-cell .module-inner {
    width: 140px;
}

.module-cell.song .img-container,
.module-cell.video .img-container,
.module-cell.artist .img-container,
.module-cell.playlist.block .img-container {
    width: 140px;
    height: 140px;
    border-radius: .3em;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    /* border: 0; */
    overflow: hidden;
}

.module-cell.artist .img-container {
    /* border-radius: 50%; */
}

.module-cell.song.playing .img-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.module-cell.song .actions.primary,
.module-cell.video .actions.primary,
.module-cell.artist .actions.primary,
.module-cell.album .actions.primary,
.module-cell.playlist.block .actions.primary {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    background: none;
}

.module-cell.song .actions.primary .play-playlist,
.module-cell.video .actions.primary .play-playlist,
.module-cell.artist .actions.primary .play-playlist,
.module-cell.playlist.block .actions.primary .play-playlist {
    position: static;
    top: auto;
    left: auto;
}

.module-cell.song .actions.secondary,
.module-cell.video .actions.secondary,
.module-cell.artist .actions.secondary,
.module-cell.playlist.block .actions.secondary {
    position: absolute;
    top: 8px;
    right: 8px;
}

.module-cell .title {
    display: block;
    margin-top: 5px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.artist .title {
    text-align: center;
}

.module-cell.song .byline,
.module-cell.video .byline,
.module-cell.artist .byline,
.module-cell.playlist.block .byline {
    display: block;
    color: #a2a2a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.song .byline .artist-link,
.module-cell.video .byline .artist-link,
.module-cell.artist .byline .artist-link,
.module-cell.playlist.block .byline .artist-link {
    color: #5c5c5c;
}

.module-cell.song .byline .artist-link:hover,
.module-cell.video .byline .artist-link:hover,
.module-cell.artist .byline .artist-link:hover,
.module-cell.playlist.block .byline .artist-link:hover {
    color: #e23137;
    text-decoration: none;
}

.module-cell.video .actions.secondary {
    display: none;
}

.module-cell .module-inner {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.module-cell.genre .module-inner {display: flex;justify-content: center;align-items: center;padding-left: 16px;padding-right: 16px;}
.module-cell.genre .module-inner .title, .module-cell.genre .module-inner .title span {
    position: relative !important;
    height: auto !important;
    line-height: 1;
    left: auto !important;
    right: auto !important;
}
.module-cell.song .btn svg {}

.module-cell.radio .module-inner,
.module-cell.genre .module-inner,
.module-cell.small-radio-cat .module-inner {
    position: absolute;
    background: rgba(1, 1, 1, 0.4);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.module-cell.radio .module-inner .title,
.module-cell.genre .module-inner .title,
.module-cell.small-radio-cat .module-inner .title {
    color: #e8e8e8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    width: auto;
    margin: 0;
}

.module-cell.radio .module-inner .title span,
.module-cell.genre .module-inner .title span,
.module-cell.small-radio-cat .module-inner .title span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.module-cell.swiper .module-inner {
    position: absolute;
    float: none;
    width: auto;
    margin-bottom: 10px;
    left: 70px;
    bottom: 0;
    height: 50px;
    right: 10px;
    /* width: 100%; */
}

.module-cell.swiper.station .module-inner {
    position: relative;
    float: none;
    width: auto;
    margin-bottom: 10px;
    left: 0;
    height: 60px;
    width: 100%;
}

.module-cell.swiper.station .module-inner a,
.module-cell.swiper.station .module-inner span {
    line-height: 20px;
}

.module-cell.swiper .module-inner .title {
    color: #fff;
    font-weight: 500;
    /* position: absolute; */
}

.module-cell.swiper .module-inner .object-description {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
    display: block;
    font-weight: lighter;
}

.module-cell.swiper.station .module-inner .object-title {
    color: #000;
    font-weight: normal;
    font-size: 100%;
}

.module-cell.swiper.station .module-inner .slide-title {
    position: relative;
    text-transform: uppercase;
    color: #e23037;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box; /* Use flexbox model for text layout */
    -webkit-line-clamp: 2; /* Limit text to 2 lines */
    -webkit-box-orient: vertical; /* Set the box orientation to vertical */
    font-size: 90%;
}

.module-cell.swiper.station .module-inner .object-description {
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #7b7676;
    display: block;
    font-size: 90%;
    font-weight: 400;
}

.module-cell.swiper.station .module-inner .title {
    color: #000;
    line-height: 20px;
    height: 25px;
    position: relative;
}

.module-cell.user .module-inner {
    vertical-align: middle;
    width: calc(100% - 96px);
    margin: auto;
}

.module-cell.user .module-actions {
    position: absolute;
    right: 16px;
}

.module-cell .headline {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.user .headline {
    line-height: 1.1765;
    font-size: 1.0625rem;
}

.module-cell .byline {
    font-size: 90%;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #5c5c5c;
    position: relative;
}

.module-cell .byline a {
    color: #5c5c5c;
    text-decoration: none;
}

.module-cell .byline a:hover {
    color: #e23137;
}

.module-cell .metadata {
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
    color: #65676b;
    margin: 4px 0 0 0;
    list-style: none;
    font-size: 10px;
    line-height: 10px;
}

.module-cell .metadata a {
    color: #bbbbbb;
}

.module-cell .metadata li {
    margin: 0 4px 0 0;
    padding: 0 10px 0 0;
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    position: relative;
    /* list-style: none; */
}

.module-cell .metadata li:after {
    content: '';
    background: #333;
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 5px;
    right: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.module-cell .metadata li:last-child {
    margin: 0;
    padding: 0;
}

.module-cell .metadata li:last-child:after {
    display: none;
}

.module-cell .actions {
    position: absolute;
    display: none;
    z-index: 4;
}

.module-cell .actions.primary {}

.module-cell.swiper .actions.primary {}

.module-cell.swiper.station .actions.primary {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    z-index: 0;
}

.module-cell.playing .actions.primary {
    display: block;
}

.module-cell .actions.primary .play-playlist {
    position: absolute;
    top: 46px;
    left: 46px;
}

.module-cell:hover .actions,
.module-cell:hover .favorite {
    display: block;
}

.module-cell:last-child {
    margin: 0;
}

.module-cell.no-byline .headline {
    margin: 6px 0 0 0;
}

.module-cell.no-metadata .headline {
    margin: 8px 0 0 0;
}

.module-cell.no-byline.no-metadata .headline {
    margin: 15px 0 0 0;
}

.module-cell.tall.album {
    float: left;
    width: 320px;
}

.module-cell .album-name {
    display: block;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.tall.album {
    margin: 0 15px 15px 0;
}

.module-cell.theme.module-cell {
    margin: 0 7px 15px 0;
    width: 150px;
}

.module-cell.theme.active .img-container {
    top: -1px;
    left: -1px;
    border: 2px solid #3892fd;
}

.module-cell.theme.active .module-inner {
    margin-top: -2px;
}

.module-cell.theme .img-container {
    width: 150px;
    height: 85px;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.module-cell.theme .module-inner {
    text-align: center;
    width: 150px;
}

.module-cell.grid-item {
    box-sizing: border-box;
    margin: 0;
    padding: 0px 8px 15px 8px;
}

.module-cell.playlist.swiper-slide,
.module-cell.user.swiper-slide,
.module-cell.userArtist.swiper-slide {
    width: 140px;
    margin: 0 15px 15px 0;
    padding: 0;
}

.module-cell.user {
    margin: unset;
    display: flex;
    align-items: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 16px;
    border-radius: 8px;
}

.subscribers .module-cell.user {
    /* width: 50%; */
    /* box-sizing: border-box; */
    /* margin: 0; */
    /* padding: 0px 15px 15px 0; */
}

.module-cell.user ul.metadata {
    line-height: 24px;
    margin: 0;
}

.module-cell.user ul.metadata li {
    font-size: 12px;
    line-height: 15px;
    /* display: block; */
}

.module-cell.user ul.metadata li:after {
    /* background: #333; */
}

.module-cell.user ul.metadata a {
    color: #333;
}

#playlist_digest .module-cell.playlist {
    /* width: 100%; */
}

.module-cell.grid-item .actions.primary {}

.module-cell.grid-item .actions.primary {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.module-cell.playlist.small .actions.primary .play-playlist,
.module-cell.user.small .actions.primary .play-playlist,
.module-cell.userArtist.small .actions.primary .play-playlist {
    top: 66px;
    left: 26px;
}

.module-cell.grid-item .actions.primary .btn {
    position: absolute;
    bottom: 20px;
    width: 36px;
    height: 36px;
    top: auto;
    /* margin-left: -18px; */
    /* margin-top: -18px; */
    transition: all .2s ease;
}

.module-cell.grid-item .actions.primary .btn.btn-play {
    left: 50%;
    margin-left: -18px;
    background: #fff;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .25);
}

.module-cell.grid-item .actions.primary .btn:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
}

.module-cell.grid-item .actions.primary .btn.btn-favorite {
    right: 10px;
    background: transparent;
    /* box-shadow: 0 3px 2px 0 rgba(0,0,0,.25); */
}

a.btn.btn-secondary.btn-icon-only.btn-favorite {}

.module-cell.grid-item .actions.primary .btn.btn-options {
    left: 10px;
    background: transparent;
    /* box-shadow: 0 3px 2px 0 rgba(0,0,0,.25); */
}

.module-cell.grid-item .actions.primary .btn.btn-options svg,
.module-cell.grid-item .actions.primary .btn.btn-favorite svg {
    /* width: 20px; */
    /* height: 20px; */
    fill: #fff;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
}

.module-cell.playlist.small .actions.primary .play-playlist:hover,
.module-cell.userArtist.small .actions.primary .play-playlist:hover,
.module-cell.playlist.small .favorite:hover,
.module-cell.userArtist.small .favorite:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1
}

.module-cell.playlist.small .favorite,
.module-cell.userArtist.small .favorite {
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    top: auto;
    transition: all .2s ease;
    position: absolute;
    padding: 0;
    border-radius: 18px;
    border: none;
    z-index: 1;
    background: #fff;
}

.module-cell.grid-item .actions.primary svg {
    position: absolute;
    fill: #000;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

.module-cell.playlist.small .actions.primary .play-playlist svg,
.module-cell.userArtist.small .actions.primary .play-playlist svg {}

.module-cell.user.small .img-container {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}

.module-cell.grid-item .img-container {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}

.module-cell.grid-item .img-container .edit-playlist-context-trigger {
    right: 10px;
    position: absolute;
    top: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    z-index: 1;
}

.module-cell.user .img-container {
    width: 80px;
    height: 80px;
}

.module-cell.playlist .img-container .img,
.module-cell.user .img-container .img,
.module-cell.userArtist .img-container .img {
    float: none;
    width: 100%;
}

.module-cell.user .img-container {
    border-radius: 50%;
}

.module-cell.playlist .byline,
.module-cell.user .byline,
.module-cell.userArtist .byline {
    display: block;
    margin-bottom: 5px;
}

.lg .module-cell.playlist,
.lg .module-cell.user,
.lg .module-cell.userArtist {
    width: 369px;
}

.module.tall .module-inner {
    margin-left: 95px;
}

.module.tall .headline {
    margin-top: 14px;
}

.module.tall .image {
    width: 80px;
    height: 80px;
}

.module.tall .actions.primary {
    top: 27px;
    left: 27px;
}

.module.tall.no-byline .headline {
    margin: 22px 0 0 0;
}

.module.tall.no-metadata .headline {
    margin: 23px 0 0 0;
}

.module.tall.no-byline.no-metadata .headline {
    margin: 31px 0 0 0;
}

.module.tall.suggested.user .title {
    margin-top: 2px;
    line-height: 18px;
}

.module.tall.suggested.user .meta-inner {
    line-height: 18px;
}

.module.tall.suggested.user .meta-inner .favorite {
    color: #5c5c5c;
}

.module.tall.suggested.user .meta-inner .success {
    color: #71af05;
}

.module.tall.suggested.user .meta-inner .success:hover {
    text-decoration: none;
}

.suggested .remove-suggestion {
    position: absolute;
    right: 0;
    top: 13px;
    cursor: pointer;
}

.suggested .remove-suggestion:hover .icon {
    background-position: -96px -64px;
}

.module-cell.vertical {
    margin-right: 24px;
    float: left;
}

.module-cell.vertical .img-container {
    margin: 0 0 5px 0;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}

.module-cell.vertical .module-inner {
    margin: 0;
    width: 100%;
}

.module-cell.vertical .actions.primary {
    display: none;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    background: none;
    margin-left: -22px;
    margin-top: -22px;
}

.module-cell.vertical .actions.secondary {
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
}

.module-cell.vertical .title {
    display: block;
    width: 100%;
    color: #e23137;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.vertical.no-byline .headline,
.module-cell.vertical.no-metadata .headline {
    margin: 0;
}

.module-cell.vertical:hover .actions.secondary {
    display: block;
}

.module-cell.vertical:hover .actions.primary {
    display: block;
}

.module-cell.vertical.album,
.module-cell.vertical.artist {
    position: relative;
    width: 16.6666%;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 0 15px 0;
}

.module-cell.album.small {
    width: 90px;
    margin-right: 15px;
}

.module-cell.album.small .img-container {
    /* width: 90px; */
    /* height: 90px; */
}

.module-cell.album.small .img-container .img {
    width: 90px;
    height: 90px;
}

.module-cell.album.small .actions.primary {
    top: 23px;
    left: 23px;
}

.module-cell.album.small .actions.secondary {
    display: none;
}

.module-cell.album.small .title {
    width: 90px;
}

.module-cell.album.medium {
    width: 120px;
    margin-right: 20px;
}

.module-cell.album.medium .img-container {
    width: 120px;
    height: 120px;
}

.module-cell.album.medium .img-container .img {
    width: 120px;
    height: 120px;
}

.module-cell.album.medium .actions.primary {
    top: 38px;
    left: 38px;
}

.module-cell.album.medium .actions.secondary {
    display: none;
}

.module-cell.album.medium .module-inner,
.module-cell.album.medium .title {
    width: 120px;
}

.module-cell.album.medium .title {
    clear: both;
}

.module-cell.album.medium .byline {
    display: block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-cell.language-cell {
    height: 36px;
}

.module-cell.language-cell a {
    text-align: center;
    background: #e4e6eb;
    border-radius: 8px;
    line-height: 36px;
    margin: 0;
    height: auto;
    -webkit-font-smoothing: antialiased;
}

.module-row {
    height: 32px;
    margin: -1px 0 0 0;
    padding: 0;
    border-bottom: solid 1px #f3f5f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    /* transition: all 1s; */
    list-style: none;
}

.module-row .module-row-cell {
    float: left;
    height: 30px;
    padding: 6px 7px 6px 7px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-row .module-row-cell.row-actions {
    height: 30px;
    padding: 0;
    line-height: 30px;
}

.module-row .module-row-cell.row-actions .btn-toolbar {
    margin: 0;
}

.module-row .module-row-cell.row-actions.primary {
    width: 41px;
}

.module-row .module-row-cell.row-actions.secondary {
    width: 127px;
}

.module-row .module-row-cell.song {
    width: calc(33.3333% - 56px);
}

.module-row .module-row-cell.artist {
    width: calc(33.3333% - 56px);
}

.module-row .module-row-cell.album {
    width: calc(33.3333% - 56px);
}

.module-row .module-row-cell.track-num {
    width: 60px;
}

.lg .module-row .module-row-cell.song {
    width: 206px;
}

.lg .module-row .module-row-cell.artist {
    width: 176px;
}

.lg .module-row .module-row-cell.album {
    width: 202px;
}

.full .module-row .module-row-cell.song {
    width: 271px;
}

.full .module-row .module-row-cell.artist {
    width: 241px;
}

.full .module-row .module-row-cell.album {
    width: 272px;
}

.no-artist-column .module-row .module-row-cell.song {
    width: calc(50% - 84px);
}

.no-artist-column .module-row .module-row-cell.album {
    width: calc(50% - 84px);
}

.no-album-column .module-row .module-row-cell.song {
    width: 220px;
}

.no-album-column .module-row .module-row-cell.artist {
    width: 180px;
}

.module-row .play-btn-container {
    position: absolute;
    top: 5px;
    left: 12px;
    padding: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.module-row .btn .caret {
    top: 7px;
    margin: 0;
    border-top-color: #5c5c5c;
}

.module-row.is-playing {
    background: #f5f5f5;
}

.module-row.is-playing .btn-group .btn {
    background: transparent;
}

.module-row:hover {
    background: #f7f9fa;
}

.module-row:hover .btn .caret {
    border-top-color: #333333;
}

.module-row.active {
    background: #3892fd;
    margin: -1px 0 0 0;
    border-top: solid 1px #2a6dbd;
    border-bottom: solid 1px #2a6dbd;
    z-index: 500;
}

.module-row.active .secondary-text {
    color: #fff;
}

.module-row.active:hover .btn .caret {
    border-top-color: #333333;
}

.module-row:last-child {
    margin: -1px 0 0 0;
}

.module-row .title {
    color: #666666;
}

.module-row .secondary-text {
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#artist-top-songs .module-row.song .title {
    width: 100%;
}

.has-row-numbers .module-row.song .row-number {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}

.module-row.song .btn-group {
    margin: 5px;
    padding: 1px;
}

.module-row.song .btn-group .btn {
    margin: 0 1px 0 0;
}

.module-row.song .btn-group .btn svg {
    margin: 0;
}

.module-row.song .btn-group .btn:last-child {
    margin: 0;
    padding: 1px 10px;
    width: 8px;
}

.module-row.song .btn-small {
    background: #fff;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.module-row.song .play-btn-container .btn-small {
    padding: 0;
}

.module-row.song .btn-small:active,
.module-row.song .btn-small.active {
    background: none;
    outline: 0;
    background-color: #e2e2e2;
    background-image: -moz-linear-gradient(top, #d5d5d5, #f5f5f5);
    background-image: -ms-linear-gradient(top, #d5d5d5, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d5d5d5), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #d5d5d5, #f5f5f5);
    background-image: -o-linear-gradient(top, #d5d5d5, #f5f5f5);
    background-image: linear-gradient(top, #d5d5d5, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d5d5d5', endColorstr='#f5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 3px 0px rgba(0, 0, 0, 0.4);
}

.module-row.song .btn-small:active:hover,
.module-row.song .btn-small.active:hover {
    color: #444;
}

.module-row.song .btn-small:active .caret,
.module-row.song .btn-small.active .caret {
    border-top-color: #2a69b4;
}

.module-row.song:hover .btn-group {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.module-row.song .btn.btn-secondary {
    background: #ededed;
}

.module-row.song .btn.btn-secondary svg {
    fill: #e23037;
}

.module-row.song:hover>.row-actions svg {
    fill: #000
}

.module-row.song:hover .play-btn-container {
    background: #8f8f8f;
}

.module-row.song:hover .btn-group {
    background: #8f8f8f;
}

.module-row.song.active .title {
    color: #fff;
}

.module-row.song.active .btn-group {
    background: none;
}

.module-row.song.active .btn-small {
    background: none;
}

.module-row.song.active .btn-small .caret {
    border-top-color: #2a69b4;
}

.module-row.song.active:hover .btn-group,
.module-row.song.active:hover .play-btn-container {
    background: #666666;
}

.module-row.song.active:hover .btn {
    background: #fff;
}

.module-row.song.active:hover .btn .caret {
    border-top-color: #333333;
}

.module-row.tall {
    height: 60px;
    cursor: auto;
}

.module-row.tall .trending-position {
    position: absolute;
    left: 0;
    top: 0;
    width: 66px;
    height: 60px;
}

.module-row.tall .trending-position:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-size: contain;
}

.module-row.tall .trending-position.up:after {
    background: url('../images/baseline-arrow_upward-24px.svg') no-repeat center;
    background-size: contain;
}

.module-row.tall .trending-position.down:after {
    background: url('../images/baseline-arrow_downward-24px.svg') no-repeat center;
    background-size: cover;
}

.module-row.tall .trending-position .current-position {
    line-height: 60px;
    font-size: 30px;
    text-align: center;
    display: block;
    color: #111;
}

.module-row.tall .trending-position .last-position {
    position: absolute;
    bottom: 0;
    font-size: 9px;
    text-align: center;
    width: 100%;
}

.module-row.tall.can-drag .drag-handle {
    position: absolute;
    top: 18px;
    left: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.module-row.tall .fav-btn {
    position: absolute;
    top: 18px;
    left: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.module-row.tall.show-number .fav-btn a {
    display: none;
}

.module-row.tall.show-number:hover .fav-btn a {
    display: block;
}
.module-row.tall.show-number:hover .fav-btn div {
    display: none;
}

.module-row.tall.can-drag .fav-btn {
    left: 50px;
}

.module-row.tall .fav-btn .btn {
    padding: 0;
    margin: 0;
    border: none;
    width: 24px;
    height: 24px;
    background: transparent;
}

.module-row.tall .fav-btn .btn svg {
    fill: #000
}

.module-row.tall.song .img-container {
    position: absolute;
    top: 8px;
    left: 50px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.module-row.tall.song.can-drag .img-container {
    left: 100px;
}

.module-row.tall .img-container {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 44px;
    height: 44px;
}

.module-row.tall .img-container img {
    display: block;
    width: 100%;
}

.module-row.tall .img-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.10;
    z-index: 2;
}

.module-row.tall .img-container .img {
    position: relative;
    border-radius: 3px;
}

.has-row-numbers .module-row.tall .img-container {
    padding-left: 0;
    left: 75px;
}

.module-row.tall .row-actions {}

.module-row.tall.genre .row-actions {
    right: 0;
    top: 50%;
    margin-top: -16px;
}

.module-row.tall.artist .row-actions.secondary,
.module-row.tall.playlist .row-actions.secondary,
.module-row.tall.user .row-actions.secondary {
    right: 0;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}

.module-row.tall.station .row-actions.primary {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    display: none;
    z-index: 3;
}

.module-row.tall.song .row-actions.secondary {
    top: 50%;
    right: 10px;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    z-index: 5;
    display: none;
}

.module-row.tall.song.artist-management .row-actions.secondary {
    width: auto;
}

.module-row.tall.song.artist-management .row-actions.secondary .btn {
    position: relative;
    width: 24px;
    margin-right: 12px;
}

.module-row.tall.song.artist-management .row-actions.secondary .btn:last-child {
    margin-right: 0;
}

.module-row.tall.song .row-actions.secondary .btn {
    background-image: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.module-row.tall .row-actions.secondary .btn svg {}

.tooltip .module-row.tall .row-actions.secondary {
    display: none;
}

.module-row.tall .row-actions.song-play-action {}

.module-row.tall.song .row-actions.primary {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    display: none;
    z-index: 3;
}

.module-row.tall.song .row-actions.primary .btn {}

.module-row.song.tall .metadata {
    position: absolute;
    top: 0;
    left: 130px;
    width: calc(100% - 170px);
    font-size: 12px;
    overflow: hidden;
    height: 60px;
}
.module-row.song.tall .metadata.meta-bpm {
    display: flex;
}
.module-row.tall .metadata {
    position: absolute;
    top: 0;
    left: 80px;
    width: calc(100% - 170px);
    font-size: 12px;
    overflow: hidden;
    height: 60px;
}

.module-row.station.tall .metadata {
    width: calc(100% - 80px);
    display: inline-grid;
    padding: 5px 0;
}

#column1 .module-row.tall.song .metadata {
    width: calc(100% - 170px);
    left: 130px;
}

#column1 .module-row.tall.song.artist-management .img-container {
    left: 0;
}

#column1 .module-row.tall.song.artist-management.can-drag .img-container {
    left: 50px;
}

#column1 .module-row.tall.song.artist-management .metadata {
    left: 70px;
    width: calc(100% - 230px);
}

#column1 .module-row.tall.song.artist-management.can-drag .metadata {
    left: 130px;
    width: calc(100% - 250px);
}

#column1 .module-row.tall.song.can-drag .metadata {
    width: calc(100% - 220px);
    left: 180px;
}

#column1 .has-row-numbers .module-row.tall .metadata {
    left: 160px;
    width: calc(100% - 215px);
}

.tooltip .module-row.tall .metadata {
    width: 235px;
}

.tooltip .module-row.tall .metadata .secondary {
    width: 235px;
}

.module-row.tall.genre .metadata {
    left: 5px;
}

.module-row.tall .title {
    display: block;
    padding-right: 10px;
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 60px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.module-row.tall.album .title {

    margin-top: 8px;

    line-height: 22px;
}
.module-row.genre .title {
    line-height: 28px;
    margin-top: 8px;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.module-row.tall.event .title {
    line-height: 28px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.module-row.tall .meta-inner {
    display: block;
    height: 22px;
    line-height: 22px;
    color: #b0b3b8;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-row.tall .meta-text {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #b0b3b8;
}

.module-row.tall .meta-text:hover {
    text-decoration: underline;
}

.snapshot .module-row.tall {
    margin: 0;
}

#column2 .snapshot .module-row.tall {
    border: 0;
}

.snapshot .module-row.tall .metadata {
    width: calc(100% - 80px);
}

.snapshot .module-row.tall .secondary {
    width: calc(100% - 80px);
}

.snapshot .module-row.tall.song .metadata {
    width: calc(100% - 130px);
}

.snapshot .module-row.tall .row-actions.secondary {
    width: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -16px;
    display: none;
}

.snapshot .module-row.tall:hover {
    background: #f7f9fa;
}

.snapshot .module-row.tall:hover .row-actions.secondary {
    display: block;
}

.module-row.tall.song:hover .row-actions,
.module-row.tall.song.playing .row-actions,
.module-row.tall.station:hover .row-actions {
    display: block;
}

.module-row.tall.song .row-actions.primary .btn svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    fill: #e23236;
}

.module-row.tall.song .row-actions.secondary .btn {
    width: 24px;
    height: 24px;
}

.module-row.tall.song .row-actions.secondary .btn svg {
    width: 24px;
    height: 24px;
    fill: #919191;
    padding: 0;
    margin: 0;
}

.module-row.tall.song .row-actions .btn .icon-pause {
}

.module-row.tall.song.playing .row-actions .btn .icon-play {
}

.module-row.tall.song.playing .row-actions .btn .icon-pause {
}

.module-row.tall:hover .row-actions.mobile {
    display: none;
}

.module-row.tall.active .title,
.module-row.tall.active .meta-inner,
.module-row.tall.active .meta-text,
.module-row.tall.active .row-number {
    color: #fff;
}

.module-row.song .module-row-cell.song {
    padding-right: 30px;
}

.module-row.song .song-link {
    display: none;
}

.module-row.song:hover .song-link {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.module-row.song.active .song-link.link {
    background-position: -304px -112px;
}

.module-row.song.active .song-link.comment {
    background-position: -112px -48px;
}

.module-row.tall.song .title,
.module-row.tall.song .artist,
.module-row.tall.song .created-by {
    padding-right: 0;
    margin-right: 0;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    float: left;
    line-height: 58px;
    font-size: 13px;
    padding-right: 20px;
    box-sizing: border-box;
}

.module-row.tall.song .title-home,
.module-row.tall.song .artist-home {
    padding-right: 0;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    float: left;
    line-height: 58px;
    font-size: 13px;
    padding-right: 20px;
    box-sizing: border-box;
}

.module-row.tall.song .meta-bpm .title,
.module-row.tall.song .meta-bpm .title-home,
.module-row.tall.song .meta-bpm .artist,
.module-row.tall.song .meta-bpm .artist-home {
    width: 42%;
}
.module-row.tall.song .meta-bpm .bpm {
    width: 16%;
    line-height: 60px;
}

/* .module-row.tall.song .title-home {
    width: calc(50% - 60px);
} */

.module-row.tall.song .title-home a {
    color: #000;
}

.module-row.tall.song .title a {
    color: #000;
}

.module-row.tall.song .artist {
    width: calc(30% - 60px);
}

.module-row.tall.song .artist a {
    color: #727272;
}

/* .module-row.tall.song .artist-home {
    width: calc(50% - 100px);
} */

.module-row.tall.song .artist-home a {
    color: #727272;
}

.module-row.tall.song .created-by {
    width: calc(20% - 60px);
}

.module-row.tall.song .created-by a {
    color: #727272;
}

.module-row.tall.song .duration-home {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 58px;
    font-size: 12px;
    padding-right: 20px;
    box-sizing: border-box;
    color: #727272;
}

.module-row.tall.song .duration {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 58px;
    font-size: 12px;
    padding-right: 20px;
    box-sizing: border-box;
    float: left;
    color: #727272;
}

.module-row.tall.song:hover .song-link {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 5px;
}

.module-row.tall.song.active .title {
    color: #f5f5f5;
}

.module-row.tall.station:hover .row-actions {
    display: block;
}

.module-row.tall.station:hover .row-actions .btn {}

.module-row.tall.station:hover .row-actions .btn svg {
    fill: #b63033;
    width: 16px;
    height: 16px;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

.module-row.tall.station .metadata .title {
    line-height: 25px;
}

.module-row.tall.station .metadata .description {
    display: block;
    padding-right: 10px;
    float: left;
    font-size: 13px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-row.tall.podcast {
    height: 108px;
    padding: 16px 0;
    overflow: hidden;
}
.module-row.tall.podcast .row-actions.primary {position: absolute;left: 3px;top: 33px;width: 24px;height: 24px;}
.module-row.tall.podcast:hover .row-actions {
    display: block;
}
.module-row.tall.podcast .row-actions .btn {

}
.module-row.tall.podcast .row-actions .btn {
    width: 24px;
    height: 24px;
    background: none;
}
.module-row.tall.podcast .row-actions .btn.play-object {
    display: none;
}
.module-row.tall.podcast:hover .row-actions .btn.play-object {
    display: block;
}
.module-row.tall.podcast:hover .row-actions .btn svg {width: 24px;height: 24px;top: 0;left: 0;margin: 0;}

.module-row.tall.podcast .metadata {

    left: auto;

    position: relative;

    margin-left: 30px;

    width: auto;

    width: calc(100% - 170px);

    height: auto;

    margin-right: 100px;
}
.module-row.tall.podcast .metadata .publish {

    text-transform: uppercase;

    line-height: 1.3333;

    font-weight: 500;
}

.module-row.tall.podcast .metadata .title {
    line-height: 26px;
    font-weight: 500;
    font-size: 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.module-row.tall.podcast .metadata .description {
    display: block;
    padding-right: 10px;
    float: left;
    font-size: 13px;
    line-height: 1.3333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.module-row.tall.podcast .row-actions.secondary {
    position: absolute;
    right: 8px;
    top: 42px;
    width: 100px;
}
.module-row.tall.podcast .row-actions.secondary .btn {border: 0;background: none;margin: 0;padding: 0 10px;}
.module-row.tall.podcast .row-actions.secondary .btn svg {
    /* fill: #e23036; */
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
}
.module-row.tall.podcast .row-actions.secondary .duration {

    font-size: 12px;

    font-weight: 600;

    line-height: 24px;

    float: right;
}
.module-row.tall.podcast:hover .row-actions.secondary .duration {
    display: none;
}
.module-row.tall.podcast .row-actions.secondary .btn.options{
    position: absolute;
    right: 8px;
    left: auto;
    top: 0px;
    display: none;
}
.module-row.tall.podcast:hover .row-actions.secondary .btn.options{
    display: block;
}
.module-row.tall.artist .btn.use-artist {
}

.module-row.tall.artist .title,
.module-row.tall.user .title {
}

.module-row.tall.genre .artist-link {
    color: #5c5c5c;
}

.module-row.tall.genre.active .artist-link {
    color: #fff;
}

.module-row.tall.event .date {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 6px 0 0 0px;
    float: left;
    border: 1px solid #acaeaf;
    margin-left: 6px;
}

.module-row.tall.event .month {
    display: block;
    height: 14px;
    background: #e23137;
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.module-row.tall.event .day {
    display: block;
    height: 32px;
    line-height: 32px;
    background: #fff;
    font-size: 14px;
    color: #333333;
    text-align: center;
    font-weight: bold;
}

.module-row.tall.genre {
    padding-left: 10px;
}

.module-row.tall.genre .play-genre {
    color: #333333;
}

.module-row.station .primary {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    display: none;
    z-index: 5;
}

.module-row.station .module-inner {
    left: 34px;
}

.snapshot .module-row.tall .title {
    width: 100%;
}

.grid-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

.grid-view .module-row.tall {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 20%;
    max-width: 20%;
    border: 0;
    height: auto;
    margin: 0;
    margin-bottom: 15px;
}

.grid-view .module-row.tall .fav-btn {
    display: none;
}

.grid-view .module-row.tall .img-container {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    margin: 0 0 10px;
}

.grid-view .module-row.tall .img-container:before {
    content: "";
    display: block;
}

.grid-view .module-row.tall .metadata {
    display: block;
    width: 100% !important;
    position: relative;
    height: auto;
    padding: 0;
    top: auto;
    left: auto !important;
    clear: both;
}

.grid-view .module-row.tall .metadata .duration {
    display: none;
}

.grid-view .module-row.tall .metadata .title {
    line-height: 24px;
    width: 100%;
}

.grid-view .module-row.tall .metadata .description,
.grid-view .module-row.tall .metadata .artist {
    line-height: 16px;
    width: 100%;
}

.grid-view .module-row.tall:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.grid-view .module-row.tall .row-actions,
.grid-view .module-row.tall:hover .row-actions {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50% !important;
    left: 50% !important;
    margin: -22px 0 0 -22px;
    background: none !important;
    z-index: 5;
}

.grid-view .module-row.tall .row-actions.secondary {
    display: none !important;
}

.grid-view .module-row.tall .row-actions .btn,
.grid-view .module-row.tall:hover .row-actions .btn {
    width: 44px;
    height: 44px;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    position: relative !important;
}

.grid-view .module-row.tall:hover .row-actions .btn svg {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
}

.module-row-header {
    background: #eee;
    height: 30px;
    border-bottom: solid 1px #ddd;
}

.module-row-header:before,
.module-row-header:after {
    display: table;
    content: "";
}

.module-row-header:after {
    clear: both;
}

.module-row-header .module-row-column {
    position: relative;
    height: 30px;
    float: left;
}

.module-row-header .module-row-column.primary {
    width: 41px;
}

.module-row-header .module-row-column.song,
.module-row-header .module-row-column.artist,
.module-row-header .module-row-column.album {
    width: calc(33.3333% - 56px);
}

.no-artist-column .module-row-column.song,
.no-artist-column .module-row-header .module-row-column.album {
    width: calc(50% - 84px);
}

.module-row-header .module-row-column.secondary {
    width: 127px;
}

.module-row-header .module-row-column a {
    display: block;
    height: 18px;
    padding: 6px 7px 6px 7px;
    line-height: 18px;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
}

.module-row-header .module-row-column:last-child {
    border: none;
}

.module-row-header .heading-actions a {
    width: 18px;
}

.module-row-header .drag-handle {
    position: absolute;
    width: 5px;
    height: 30px;
    top: 0;
    right: 0;
    border-right: solid 1px #fff;
}

.module-row-header .drag-handle.resizable {
    cursor: col-resize;
}

.module-row-header .module-row-column .caret {
    position: absolute;
    top: 13px;
    right: 7px;
    display: none;
}

.module-row-header .module-row-column.desc .caret {
    display: block;
    border-top: 0;
    border-bottom: 4px solid #000000;
}

.module-row-header .module-row-column.asc .caret {
    display: block;
}

.module-profile-card {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.module-profile-card:before,
.module-profile-card:after {
    display: table;
    content: "";
}

.module-profile-card:after {
    clear: both;
}

.module-profile-card .album-name {
    margin-top: 2px;
    margin-bottom: 2px;
}

.module-profile-card .album-name .album-link {
    color: #000;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
}

.module-profile-card .artist-name {
    margin-bottom: 5px;
    font-weight: bold;
}

.module-profile-card .artist-name .artist-link {
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
}

.module-profile-card .artist-name.secondary {
    font-weight: normal;
}

.module-profile-card .img-container {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 15px 0 0;
    overflow: hidden;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    border-radius: 5px;
}

.module-profile-card .label {}

.module-profile-card.small .img-container {
    width: 80px;
    height: 80px;
}

.module-profile-card .module-inner {
    margin: 0 0 0 142.5px;
}

.module-profile-card.small .module-inner {
    margin: 0 0 0 107px;
}

.module-profile-card.no-img .module-inner {
    margin: 0;
}

.module-profile-card .actions {
    float: right;
    position: relative;
    top: auto;
    left: auto;
}

.module-profile-card .metadata-link {
    color: #666666;
    text-decoration: none;
}

.module-profile-card .metadata-link:hover {
    color: #333333;
}

.module-profile-card .metadata-link:hover:after {
    color: #666666;
}

.module-profile-card .metadata-link:after {
    display: inline-block;
    padding: 0 5px;
    content: '\2022';
}

.module-profile-card .metadata-link:last-child:after {
    display: none;
}

.module-profile-card .metadata .artist-link {
    color: #666666;
    text-decoration: none;
}

.module-profile-card .metadata .artist-link:hover {
    color: #333333;
}

.module-profile-card .metadata .artist-link:hover:after {
    color: #666666;
}

.module-profile-card .icon.play {
    background-position: -176px -128px;
}

.module-profile-card .tags {
    margin-top: 10px;
}
.podcast-show {
    margin-top: 32px;
}
.podcast-show .img {
    margin: 0;
    position: relative;
    display: block;
    z-index: 1;
}
.podcast-show .img img {
    width: 100%;
    border-radius: 6px;
}
.podcast-artwork-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 90%;
}
.podcast-artwork-caption .podcast-report .icon {width: 16px;height: 16px;}
.podcast-artwork-caption .podcast-report svg {
    fill: #b0b3b8;
}
.podcast-artwork-caption .podcast-report span {
    margin-left: 8px
}
.podcast-description {
    padding: 16px 0;
    border-top: 1px solid #f3f5f7;
}

.podcast-comments {
    padding-top: 16px;
    border-top: 1px solid #f3f5f7;
    margin-bottom: 16px;
}

.podcast-show .inner {
    padding-top: 16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 16px;
}
.podcast-show .inner.mobile {
    display: none;
}
.podcast-show .inner h1 {
    margin: 0;
}

.podcast-show .inner .byline {
    line-height: 22px;
}

.podcast-show .inner .actions-primary {
    margin-top: 24px;
}
.episodes-container {
    border-top: 1px solid #f3f5f7;
}
.song-row-favorite.on svg {
    fill: #e23135 !important;
}

.song-row-favorite .on {
    display: none;
}

.song-row-favorite.on .off {
    display: none;
}

.song-row-favorite.on .on {
    display: block;
}

.song-row-add.on svg {
    fill: #7DB721 !important;
}

.sidebar-playlist {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 5px 0 5px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #bbbbbb;
    cursor: pointer;
}

.sidebar-playlist:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #e23136;
    content: '';
    width: 0;
    transition: width .2s linear;
}

.sidebar-playlist .playlist-link {
    position: absolute;
    display: block;
    height: 40px;
    top: 0;
    left: 47px;
    line-height: 40px;
    color: #000;
    right: 5px;
}

.sidebar-playlist .playlist-link .name {
    font-size: 90%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.sidebar-playlist .playlist-link:hover {
    text-decoration: none;
}

.sidebar-playlist .icon.playlist {
    position: absolute;
    display: block;
    top: 5px;
    left: 9px;
    float: left;
    width: 30px;
    height: 30px;
}

.sidebar-playlist .icon.playlist .img-container img {
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.sidebar-playlist .icon.vert-handle {
    position: absolute;
    display: none;
    top: 4px;
    right: 0;
}

.sidebar-playlist .btn {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 12px;
    float: left;
    padding: 0;
    margin-left: 0;
    background: #ffffff;
    border: none;
    box-shadow: none;
}

.sidebar-playlist .btn .icon.play {
    top: 4px;
    left: 4px;
}

.sidebar-playlist .btn .icon.play svg {
    fill: #e23137;
}

.sidebar-playlist:hover {
    background: #d8e0e5;
}

.sidebar-playlist:hover:before {
    width: 3px;
}

.sidebar-playlist:hover .playlist-link .name {
    width: 132px;
}

.sidebar-playlist:hover .btn {
    display: inline-block;
}

.sidebar-playlist:hover .icon.playlist {
}

.sidebar-playlist:hover .icon.vert-handle {
    display: block;
}

.sidebar-user {
    position: relative;
    width: 180px;
    height: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

.sidebar-user:before,
.sidebar-user:after {
    display: table;
    content: "";
}

.sidebar-user:after {
    clear: both;
}

.small .sidebar-user {
    width: 40px;
    height: 32px;
    padding: 0;
    background: #262626;
    border-top: solid 1px #2d2d2d;
    border-bottom: solid 1px #111;
}

.small .sidebar-user .user-img-link {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    left: 10px;
    margin: 0;
}

.small .sidebar-user .user-img-link .user-img {
    width: 20px;
    height: 20px;
}

.small .sidebar-user .user-name,
.small .sidebar-user .song-link,
.small .sidebar-user .play,
.small .sidebar-user :hover .play {
    display: none;
}

.sidebar-user .inner {
    width: 140px;
    overflow: hidden;
    float: left;
}

.sidebar-user .user-img-link {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    float: left;
}

.sidebar-user .user-name {
    display: block;
    width: 140px;
    font-size: 12px;
    color: #dddddd;
    line-height: 30px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.sidebar-user .song-link,
.sidebar-user .suggest-song {
    display: block;
    font-size: 11px;
    color: #5c5c5c;
    clear: both;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.sidebar-user:hover {
    background: #333333;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sidebar-user:hover .play {
    display: block;
}

.sidebar-user:hover .play .icon {
    top: 1px;
    right: 6px;
}

.sidebar-user.user-offline {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.sidebar-user.now-playing .user-name {
    line-height: 14px;
}

.module-feed-event {
    position: relative;
    min-height: 70px;
    * zoom: 1;
}

#notifications-container .module-feed-event {
    padding: 0 8px;
}

#notifications-container .module-feed-event:hover {
    background: #f2f2f2;
    border-radius: 8px;
}

.module-feed-event:before,
.module-feed-event:after {
    display: table;
    content: "";
}

.module-feed-event:after {
    clear: both;
}

.module-feed-event:first-child {
    border-top: 0;
}

.premium-user .module-feed-event .inner {
    max-width: 765px;
}

.module-feed-event .feed-user-image {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 15px;
    left: 0;
}

#notifications-container .module-feed-event .feed-user-image {
    left: 8px;
}

.module-feed-event .feed-user-image img {
    display: block;
    z-index: 0;
}

.feed-user-image .feed-user-online-bubble {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ffffff;
    right: 0;
    top: 27px;
    border-radius: 50%;
}

.feed-user-image .feed-user-online-bubble:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #31b916;
    left: 2px;
    top: 2px;
    border-radius: 50%;
}

.module-feed-event .feed-icon {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 24px;
    left: 49px;
    z-index: 1;
    background-color: #e23037;
    border-radius: 12px;
    text-align: center;
}

.module-feed-event.reactComment .feed-icon {
    background: none;
}

.module-feed-event.reactComment .feed-icon img {
    box-shadow: none;
}

.module-feed-event.postFeed .feed-icon {
    background: #1ca1f8;
}

.module-feed-event.sharedMusic .feed-icon {
    background: #34c657;
}

.module-feed-event.commentMusic .feed-icon,
.module-feed-event.commentMentioned .feed-icon, .module-feed-event.replyComment .feed-icon {
    background: #34c657;
}

.module-feed-event.addSong .feed-icon {
    background: #34c657;
}

.module-feed-event.addToPlaylist .feed-icon,
.module-feed-event.acceptedCollaboration .feed-icon,
.module-feed-event.inviteCollaboration .feed-icon {
    background: #1ca1f8;
}

.module-feed-event.followUser .feed-icon {
    background: #df2291;
}

.module-feed-event.followArtist .feed-icon {
    background: #7e46eb;
}

.module-feed-event.followPlaylist .feed-icon {
    background: #1ca1f8;
}

.module-feed-event.playSong .feed-icon {
    background: #27bca9;
}

.module-feed-event.collectSong .feed-icon {
    background: #eda209;
}

.module-feed-event .feed-icon svg {
    fill: #fff;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    position: absolute;
    width: 14px;
    height: 14px;
}

.module-feed-event .feed-icon.song {
    background-position: 0 0;
}

.module-feed-event .feed-icon.collection {
    background-position: 0 -24px;
}

.module-feed-event .feed-icon.favorite {
    background-position: 0 -48px;
}

.module-feed-event .feed-icon.playlist {
    background-position: 0 -72px;
}

.module-feed-event .feed-icon.user {
    background-position: 0 -96px;
}

.module-feed-event .feed-icon.artist {
    background-position: 0 -120px;
}

.module-feed-event .feed-icon.station {
    background-position: 0 -144px;
}

.module-feed-event .feed-icon.star {
    background-position: 0 -192px;
}

.module-feed-event .feed-content {
    position: relative;
    margin-left: 60px;
    padding: 15px 0 15px 20px;
    border-left: #eee 1px solid;
}

.module-feed-event .module-time {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 90%;
}

.module-feed-event .feed-content:before,
.module-feed-event .feed-content:after {
    display: table;
    content: "";
}

.module-feed-event .feed-content:after {
    clear: both;
}

.module-feed-event .event-action {
    font-size: .9375rem;
    color: #65676b;
}
.module-feed-event .event-action a {
    font-size: .9375rem;
    color: #050505;
}

.module-feed-event .event-action .notification-time {
    display: none;
}

#notifications-container .module-feed-event .event-action {
    font-size: 14px;
    color: #050505;
}

#notifications-container .module-feed-event .event-action .notification-time {}

.module-feed-event .event-action a {}

.module-feed-event .user-link {
    font-weight: bold;
}

.module-feed-event .feed-item {
    margin-bottom: 10px;
}

.module-feed-event .feed-item:before,
.module-feed-event .feed-item:after {
    display: table;
    content: "";
}

.module-feed-event .feed-item:after {
    clear: both;
}

.module-feed-event .feed-item-img {
    position: relative;
    display: block;
    margin: 0 10px 0 0;
    float: left;
}

.module-feed-event .feed-item-img img {
    display: block;
    z-index: 0;
    border-radius: 3px;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

.module-feed-event .feed-item-img.user-link img {
    border-radius: 50%;
}

.module-feed-event .feed-item-img img.circle {
    border-radius: 50%;
}

.module-feed-event .feed-item-img.circle:after {
    display: none;
}

.module-feed-event .feed-item-img.small {
    width: 40px;
    height: 40px;
    margin: 0 3px 3px 0;
}

.module-feed-event .item-title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.module-feed-event .item-subtitle {
    display: block;
    height: 14px;
    margin: -7px 0 5px 0;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#column1.community-feed .module-feed-event .module-item-respond input {}

.module-feed-event .row-feed-image {
    width: 40px;
    height: 40px;
    margin-right: 3px;
    image-rendering: -webkit-crisp-edges;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.module-feed-event .feed-img-medium {
    width: 80px;
    height: 80px;
    image-rendering: -webkit-crisp-edges;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.module-feed-event .feed-img-medium.circle {
    width: 80px;
    height: 80px;
    image-rendering: -webkit-crisp-edges;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.module-feed-event .feed-options {
    position: absolute;
    display: none;
    top: 15px;
    right: 0;
}

.module-feed-event .feed-options.active-context {
    display: block;
}

.module-feed-event .module-actions-footer {
    margin-bottom: 5px;
}

.module-feed-event .module-footer-link {
    display: inline-block;
    margin-right: 17px;
    color: #65676b;
}

#column1 .module-feed-event .module-footer-link span {
    display: block;
    float: left;
}

.module-feed-event .module-footer-link .caret {
    position: relative;
    top: 7px;
    margin-left: 4px;
}

#column1 .module-feed-event .module-footer-link:hover {
    cursor: pointer;
}

.module-feed-event:hover .feed-options,
.module-feed-event:hover .small-event-footer .delete-event-cta {
    display: block;
}

.module-feed-event .small-event-footer {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
}

.module-feed-event .small-event-footer .delete-event-cta {
    display: none;
    float: right;
}

.module-feed-event .small-event-footer .module-footer-right-time {
    color: #888;
}

.module-feed-event .module-actions-footer .module-footer-right-time {
    color: #888;
    float: right;
}

.module-feed-event .module-actions-footer .module-footer-right-time .time-short-string {
    display: none;
}

#small-activity-grid .module-feed-event .module-actions-footer .module-footer-right-time .time-short-string {
    display: block;
}

#small-activity-grid .module-feed-event .module-actions-footer .module-footer-right-time .time-full-string {
    display: none;
}

.module-feed-event.highlight {
    background-color: #FFFACF;
}

.module-feed-event .inner {
    float: left;
    width: calc(100% - 90px);
}

.module-feed-event .inner .item-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.module-feed-event .event-message {
    word-wrap: break-word;
}

#column1.single-feed-event .feed-content {
    margin-left: 0;
    border: none;
}

#column1.single-feed-event .module-feed-event .module-item-respond input {
    width: 525px;
}

.dashboard-list.module-row .metadata {
    width: 280px;
    float: left;
}

.dashboard-list.module-row .metadata .title,
.dashboard-list.module-row .metadata .secondary {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.dashboard-list.module-row .meta-inner {
    width: 280px;
}

.dashboard-list.module-row .columns {
    position: absolute;
    top: 0;
    left: 335px;
}

.dashboard-list.module-row .column-stat {
    display: block;
    width: 76px;
    height: 50px;
    margin-left: 5px;
    text-align: center;
    line-height: 52px;
    float: left;
    font-size: 11px;
    color: #666666;
}

.dashboard-list.module-row .column-stat.selected {
    color: #e23137;
}

.dashboard-list.module-row.user .metadata {
    height: 50px;
    padding: 0;
}

.dashboard-list.module-row.user .user-name {
    height: 50px;
    max-width: 190px;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.dashboard-list.module-row .controls {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    margin: 12px 0;
}

.dashboard-list.module-row .controls:before,
.dashboard-list.module-row .controls:after {
    display: table;
    content: "";
}

.dashboard-list.module-row .controls:after {
    clear: both;
}

.dashboard-list.module-row .controls .control-button {
    margin-left: 7.5px;
    float: right;
}

.dashboard-list.module-row .icon {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.dashboard-list.module-row.digest {
    width: 470px;
}

.dashboard-list.module-row.digest .metadata {
    width: 220px;
}

.dashboard-list.module-row.digest .metadata .title,
.dashboard-list.module-row.digest .metadata .secondary,
.dashboard-list.module-row.digest .metadata .user-name {
    max-width: 190px;
}

.dashboard-list.module-row.digest .meta-inner {
    width: 220px;
}

.dashboard-list.module-row.digest .columns {
    position: absolute;
    top: 0;
    left: 275px;
}

.dashboard-list.module-row.digest .column-stat {
    width: 58px;
    margin-left: 7px;
}

.dashboard-list.module-row.digest .controls {
    display: none;
}

.dashboard-list.module-row.active .column-stat {
    color: #fff;
}

.dashboard-list.module-row.active .user-name {
    color: #fff;
}

#grid.medium.songs .title {
    max-width: 410px;
}

#header-container {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 1em;
    height: 60px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    z-index: 110;
}

.top-hat #header-container {
    height: 79px;
}

#header {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.app-shrink #header {
    width: auto;
}

#header .caret {
    position: relative;
    display: inline-block;
    top: 23px;
    border-top: solid 4px #666666;
    margin-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
}

#header-login-btn {
    display: block;
    padding: 0 10px;
    line-height: 60px;
    font-size: 12px;
    font-weight: bold;
    float: right;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header-login-btn:hover {

}

#header-login-btn:first-child {
    padding: 0 10px 0 0;
}

#desktop-nav {
    position: relative;
    top: 10px;
    margin-right: 15px;
    float: left;
}

#desktop-nav .btn {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: solid 1px #111;
    cursor: pointer;
    background-color: #383838;
    background-image: -moz-linear-gradient(top, #3b3b3b, #333333);
    background-image: -ms-linear-gradient(top, #3b3b3b, #333333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#333333));
    background-image: -webkit-linear-gradient(top, #3b3b3b, #333333);
    background-image: -o-linear-gradient(top, #3b3b3b, #333333);
    background-image: linear-gradient(top, #3b3b3b, #333333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#3b3b3b', endColorstr='#333333', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
    -moz-box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
    box-shadow: 0 1px 0 0 #242424, inset 0 1px 0 0 #454545;
}

#desktop-nav .btn:active,
#desktop-nav .btn.active {
    background: #181818;
    -webkit-box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
    -moz-box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
    box-shadow: 0 1px 0 0 #242424, inset 0 1px 3px 0 #111111;
}

#header-back-btn .caret {
    position: absolute;
    top: 9px;
    left: 7px;
    margin: 0;
    border-right: solid 5px #5c5c5c;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
}

#header-back-btn:hover .caret {
    border-right-color: #fff;
}

#header-forward-btn .caret {
    position: absolute;
    top: 9px;
    left: 12px;
    margin: 0;
    border-left: solid 5px #5c5c5c;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
}

#header-forward-btn:hover .caret {
    border-left-color: #fff;
}

#comments {}

#logo {
    position: relative;
    top: 15px;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    float: left;
}

#logo .logo-link {
    position: relative;
    display: block;
    width: 30px;
    line-height: 30px;
    height: 30px;
    text-indent: -9999em;
    background: url('../images/small-logo.png') center center no-repeat;
    background-size: 30px 30px;
    border-radius: 3px;
    overflow: hidden;
}

.app-shrink #logo {
    margin-left: 15px;
}

.app-shrink #logo .active {
    margin-left: 13px;
}

#logo-caret {
    position: absolute;
    top: 7px;
    right: 14px;
}

#header-user-assets {
    position: relative;
    float: right;
    list-style: none;
    margin-left: auto;
}

.app-shrink #header-user-assets {
    margin-right: 15px;
}

#header-user-assets .user-asset {
    float: right;
    height: 60px;
}

#header-user-assets .user-asset .btn-group {
    margin-top: 16px;
}

#header-signup {
    float: left;
    height: 49px;
}

#header-signup .btn {
    position: relative;
    top: 12px;
}

#header-search-container {
    position: relative;
    float: left;
    outline: none;
}

#header-search {
    position: relative;
    display: block;
    width: 284px;
    height: 34px;
    top: 12px;
    padding: 0 22px 0 12px;
    margin: 0;
    background: #eff3f5;
    border: solid 1px #eff3f5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 17px;
}

#header-search input {
    position: relative;
    display: block;
    height: 24px;
    line-height: 24px;
    top: 5px;
    left: 0;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    z-index: 10;
    vertical-align: middle;
    background: #eff3f5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0;
    -moz-box-shadow: 0 0 0 0, 0 0 0 0;
    box-shadow: 0 0 0 0, 0 0 0 0;
}

#header-search input::placeholder {
    color: #a3a3a3;
    opacity: 1;
    /* Firefox */
}

#header-search input:focus::placeholder {
    color: #a3a3a3;
}

#header-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a3a3a3;
}

#header-search input:focus:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a3a3a3;
}

#header-search input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a3a3a3;
}

#header-search input:focus::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a3a3a3;
}

.airbridge #header-search {
    width: 228px;
}

.airbridge #header-search input {
    width: 228px;
}

#header-search .placeholder {
    position: absolute;
    top: -1px;
    left: 12px;
    color: #222222;
    font-size: 13px;
    line-height: 30px;
    z-index: 20;
}

#header-search .prediction {
    position: absolute;
    top: 6px;
    left: 12px;
    color: #5c5c5c;
    font-size: 13px;
    line-height: 15px;
    z-index: 5;
}

#header-search .icon.search {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 0;
    top: 9px;
    right: 8px;
    z-index: 20;
    fill: #5c5c5c;
}

#profile-button {
    position: relative;
    display: block;
    height: 44px;
    margin-top: 8px;
    background: none;
    outline: none;
    * zoom: 1;
}

#profile-button:before,
#profile-button:after {
    display: table;
    content: "";
}

#profile-button:after {
    clear: both;
}

#profile-button .profile-img {
    position: relative;
    display: inline-block;
    float: left;
    border: solid 1px #e3e3e3;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

#profile-button .profile-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    z-index: 2;
}

#profile-button .title {
    display: inline-block;
    height: 25px;
    padding: 0 0 0 7px;
    margin-right: 5px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    line-height: 25px;
}

#profile-button .caret {
    margin-top: 20px;
    margin-left: 10px;
    display: inline-block;
    float: left;
    border-top-color: #000;
}

#profile-button:hover .title,
#profile-button.active-context .title {
    color: #fff;
}

#profile-button:hover .caret,
#profile-button.active-context .caret {
    border-top-color: #fff;
}

#dropdown-login-form-box {
    position: absolute;
    top: 49px;
    z-index: 9000;
    background: #f5f5f5;
    padding: 15px;
    border: #666 solid 1px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#dropdown-login-form-box form {
    margin: 0;
}

#dropdown-login-form-box label {
    margin-bottom: 0;
}

#dropdown-login-form-box .control-group {
    margin-bottom: 5px;
}

#dropdown-login-form-box .loginLink {
    display: block;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
}

#dropdown-login-form-box .forget {
    height: 24px;
    line-height: 24px;
}

#dropdown-login-form-box hr {
    margin: 10px 0;
}

#header-login-submit {
    margin-top: 10px;
}

#header-notifications-group {
    width: 30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#account-buttons {
    float: right;
}

#account-buttons .btn {
    width: 28px;
    height: 28px;
    border-right: 0;
    padding: 0;
    color: #000;
    line-height: 28px;
    display: block;
    border: none;
    background: none;
    margin: 0 .5em;
}

#account-buttons .btn:last-child {
}

#account-buttons .btn .header-icon {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 50;
}

#account-buttons .btn:hover {
    border: none;
}

#account-buttons .btn svg {
    fill: #000;
    width: 20px;
}

#account-buttons .btn:hover svg {
}

#account-buttons .btn:active,
#account-buttons .btn.active,
#account-buttons .btn.active-context {
    background: none;
}

#account-buttons .btn:active svg {
}

#header-signup-btn {
    position: relative;
    top: 16px;
    height: 28px;
    padding: 0 7px;
    margin-right: 0;
    float: right;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    background: #e23236;
    border-radius: 3px;
    color: white;
}

.notification-pill {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: -4px;
    right: -10px;
    z-index: 100;
    background-color: #e23137;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 8px;
}

#header-notification-pill.hide {
    display: none;
}

#header-notification-pill.boom {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.notification-count {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
    text-shadow: none;
}

.header-notifications {
    width: 350px;
    height: 434px;
    position: fixed;
    z-index: 110;
    background: white;
    border: 1px solid #b2b2b2;
    border-radius: .3em;
}

.header-notifications-scroll {
    height: 398px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.header-notifications:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: -15px;
    border-bottom-color: rgb(178, 178, 178);
    border-width: 7px;
    right: 7px;
    margin-left: -7px;
}

.header-notifications:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: -12px;
    border-bottom-color: rgb(249, 249, 249);
    border-width: 6px;
    right: 8px;
    margin-left: -6px;
}

.header-notification {
    width: 310px;
    padding: 5px;
    border-bottom: solid 1px #ccc;
}

#notifications-container {
    padding: 8px;
}

#notifications-container .module-feed-event .feed-content {
    margin-left: 48px;
    padding: 15px 0 0 10px;
    border: none;
}

#notifications-container .module-feed-event .event-action {
    font-size: .9375rem;
}

#notifications-container .module-feed-event .module-time {
    font-size: 11px;
    color: #5c5c5c;
}

.header-notification .header-notification-link {
    display: block;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.header-notification .header-notification-link:before,
.header-notification .header-notification-link:after {
    display: table;
    content: "";
}

.header-notification .header-notification-link:after {
    clear: both;
}

.header-notification .header-notification-link .img {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.header-notification .header-notification-link .inner {
    display: block;
    width: 250px;
    float: left;
}

.header-notification .header-notification-link .notif-desc {
    font-size: 12px;
    margin-bottom: 2px;
    line-height: 16px;
}

.header-notification .header-notification-link .meta {
    height: 16px;
    line-height: 16px;
}

.header-notification .header-notification-link .icon {
    margin-right: 5px;
    vertical-align: middle;
}

.header-notification .header-notification-link .time {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 11px;
    color: #5c5c5c;
}

.header-notification .header-notification-link:hover {
    color: #fff;
    background: #e23137;
}

.header-notification .header-notification-link:hover .notif-desc {
    color: #fff;
}

.header-notification .header-notification-link:hover .time {
    color: #fff;
}

.header-notifications .feed-icon {
    top: 36px;
    left: 34px;
}

.header-notifications .module-time {
    display: none;
}

.header-notifications .module-feed-event .event-action .notification-time {
    display: block;
    font-size: .8125rem;
}

#top-hat-notif {
    position: relative;
    background: #111;
    text-align: center;
    border-bottom: solid 1px #2D2D2D;
}

#top-hat-notif p {
    height: 29px;
    margin: 0;
    padding: 0;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
}

#top-hat-notif .btn {
    position: absolute;
    top: 4px;
    right: 5px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: none;
}

#sidebar {
    display: none;
    width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-top: 1px solid #d2d6d8;
}

#sidebar.scrollable {}

.sidebar-small #sidebar,
#sidebar.sidebar-small {
    width: 40px;
}

.sidebar-open #sidebar {
    display: block;
}

#sidebar .content {
    padding: 10px 0;
    margin: 0;
}

#sidebar .collapser {
    display: block;
    height: 25px;
    font-size: 10px;
    padding: 0 6px;
    color: #5c5c5c;
    line-height: 25px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#sidebar .collapser .caret {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 3px;
    float: left;
    margin-right: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5c5c5c;
}

#sidebar .collapser .caret.point-right {
    top: 7px;
    left: 5px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #5c5c5c;
}

#sidebar .collapser .title {
    margin-right: 5px;
    font-weight: bold;
}

#sidebar .collapser .tiny-gray-loading {
    position: relative;
    display: none;
    top: -2px;
}

#sidebar .collapser.loading .tiny-gray-loading {
    display: inline-block;
}

#sidebar .collapsable.collapsed {
    display: none;
}

#sidebar .grid-header {
    display: none;
}

#sidebar .viewport {
    position: relative;
}

#sidebar .overview {
}

#sidebar .scrollbar {
    position: absolute;
    width: 10px;
    right: 0;
    z-index: 500;
    opacity: 0;
    filter: alpha(opacity=0);
}

#sidebar .track {
    position: relative;
    height: 100%;
    width: 6px;
}

#sidebar .thumb {
    position: absolute;
    width: 6px;
    top: 0;
    left: 0;
    background: #666666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sidebar .drop-active {
    background: #111;
}

#sidebar .drop-active>a,
#sidebar .drop-active .playlist-link {
    color: #fff;
}

#sidebar .small-separator {
    position: relative;
    display: block;
    height: 10px;
    border-top: solid 1px #4e4e4e;
    border-bottom: solid 1px #111;
    background-color: #404040;
    background-image: -moz-linear-gradient(top, #444444, #3b3b3b);
    background-image: -ms-linear-gradient(top, #444444, #3b3b3b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#3b3b3b));
    background-image: -webkit-linear-gradient(top, #444444, #3b3b3b);
    background-image: -o-linear-gradient(top, #444444, #3b3b3b);
    background-image: linear-gradient(top, #444444, #3b3b3b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#444444', endColorstr='#3b3b3b', GradientType=0);
}

#sidebar-filter-container:before,
#sidebar-filter-container:after {
    display: table;
    content: "";
}

#sidebar-filter-container:after {
    clear: both;
}

#sidebar-community {
    position: relative;
    overflow: hidden;
    * zoom: 1;
}

#sidebar-community:before,
#sidebar-community:after {
    display: table;
    content: "";
}

#sidebar-community:after {
    clear: both;
}

.filter-open #sidebar-community {
    bottom: 62px;
}

.sidebar-small #sidebar-community,
#sidebar-community.sidebar-small {
    width: 40px;
    top: 0;
    bottom: 31px;
    overflow: hidden;
}

.sidebar-small #sidebar-community .viewport,
#sidebar-community.sidebar-small .viewport {
    top: 0;
}

#sidebar-community .overview {
    padding: 0 0 19px 0;
}

#sidebar-community .search-bar {
    margin: 0 auto;
}

#playlists-link {
    border-bottom: none;
}

#sidebar-playlists {
    overflow: hidden;
    position: relative;
}

.sidebar-title {
    position: relative;
    display: block;
    height: 30px;
    padding: 0 8px;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sidebar-title .drag-handle {
    position: absolute;
    display: block;
    width: 15px;
    height: 10px;
    left: 50%;
    top: 5px;
    margin-left: -7px;
}

.sidebar-item .icon {
    position: relative;
    display: inline-block;
    margin-right: 7px;
}

.sidebar-link {
    display: block;
    height: 30px;
    margin: 0 5px 0 5px;
    padding: 0 2px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sidebar-link:hover {
    background: #d8e0e5;
    text-decoration: none;
}

.sidebar-link:hover>.icon svg {
    fill: #9000fe;
}

#sidebar-playlists-grid .grid-viewport {
}

#sidebar-playlists-grid .sidebar-playlist:hover .name {
    color: #e23137;
}

#section-resize-handle {
    cursor: pointer;
}

#sidebar-friends {
    position: relative;
    margin-bottom: 30px;
}

#sidebar-friends:before,
#sidebar-friends:after {
    display: table;
    content: "";
}

#sidebar-friends:after {
    clear: both;
}

#sidebar-friends .module-cell {
    width: 100%;
    display: inline-block;
    height: 50px;
    background: none;
    margin: 0;
}

#sidebar-friends .module-cell:hover {
    background: #d8e0e5;
}

#sidebar-friends .module-cell .img-container {
    width: 36px;
    display: inline-block;
    height: 36px;
    float: left;
    background: none;
    margin: 7px 8px;
    border-radius: 18px;
    box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
}

#sidebar-friends .module-cell .img-container .img {
}

#sidebar-friends .module-cell .module-inner {
    float: left;
    width: calc(100% - 52px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    display: grid;
}

.sidebar-minimum #sidebar-friends .module-cell .module-inner {
    display: none;
}
.sidebar-minimum #sidebar-friends .module-cell .offline {
    display: none;
}
.sidebar-minimum #sidebar-friends .module-cell .online {
    top: auto;
    margin: 0;
    bottom: 3px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    border: 2px solid #f7f7f7;
}
.sidebar-minimum #sidebar-no-friends,
.sidebar-minimum #sidebar-invite-cta, .sidebar-minimum .contact-sidebar .sidebar-title {
    display: none;
}
.sidebar-minimum #sidebar-offline-msg, .sidebar-minimum #sidebar-filter-container {
    display: none;
}

.sidebar-minimum #filter-toggle, .sidebar-minimum .new-playlist.sidebar-util, .sidebar-minimum #sidebar-settings {
    display: none;
}
.sidebar-minimum #toggle-sidebar {
    width: 100%;
    border: 0;
}
.sidebar-minimum #toggle-sidebar .icon {transform: rotate(180deg);}
#sidebar-friends .module-cell .headline {
    width: 100%;
    color: #050505;
    line-height: 22px;
    font-weight: 500;
    font-size: 14px;
}

#sidebar-friends .module-cell .headline.no-song {
    line-height: 34px;
}

#sidebar-friends .module-cell .subtitle {
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    color: rgb(136, 136, 136);
    line-height: 12px;
    margin-left: 14px;
    position: relative;
}

#sidebar-friends .module-cell .subtitle:before {
    content: '';
    background-image: url(../images/black_playing_queue.gif);
    width: 10px;
    height: 10px;
    position: absolute;
    left: -14px;
    border: 0;
    background-size: cover;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #sidebar-friends .module-cell .subtitle:before {
        background-image: url(../images/black_playing_queue@2x.gif);
    }
}

#sidebar-friends .module-cell .online {
    position: absolute;
    width: 12px;
    height: 12px;
    background: rgb(66, 183, 42);
    right: 8px;
    border-radius: 6px;
    top: 50%;
    margin-top: -6px;
}

#sidebar-friends .module-cell .offline {
    position: absolute;
    font-size: 10px;
    width: 70px;
    height: 6px;
    color: #636363;
    right: 6px;
    border-radius: 3px;
    top: 50%;
    margin-top: -10px;
    line-height: 20px;
    text-align: right;
}

#sidebar-friends .tiny-gray-loading {
    position: absolute;
    left: 92px;
    top: 12px;
}

#sidebar-invite-cta {
    padding-bottom: 15px;
    margin: 0 10px 0 10px;
    text-align: center;
}

#sidebar-invite-cta .invite-friends {
    float: none;
}

#sidebar-filter-container {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    bottom: 31px;
    padding: 4px 8px;
    border-top: solid 1px #e3e3e3;
    background-color: #f7f7f7;
}

#sidebar-filter-container:before,
#sidebar-filter-container:after {
    display: table;
    content: "";
}

#sidebar-filter-container:after {
    clear: both;
}

#sidebar-filter-container .icon.search {
    top: 4px;
    left: 6px;
}

#sidebar-filter-container .search-bar {
    position: relative;
    height: 22px;
    top: auto;
    margin: 0 auto;
    display: flex;
}
#sidebar-filter-container .search-bar .clear-filter {margin: 2px;margin-left: 8px;}
#sidebar-filter-container .search-bar input {
    width: calc(100% - 24px);
    height: 22px;
    background: #f0f3f5;
    border: 1px solid #bbbbbb;
    padding: 0 20px 0 25px;
    line-height: 22px;
}

#sidebar-filter-container .search-bar input:focus,
#sidebar-filter-container .search-bar input.active {
}

#sidebar-filter-container .placeholder {
    left: 25px;
    height: 22px;
    line-height: 22px;
    color: #222222;
}

#hide-sidebar-filter {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 7px;
    top: 5px;
}

#hide-sidebar-filter:hover .ex {
    background-position: -192px -64px;
}

#sidebar-utility {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    border-top: solid 1px #e3e3e3;
    z-index: 500;
}

.sidebar-util {
    position: relative;
    width: 25%;
    height: 30px;
    float: left;
    border-right: solid 1px #e3e3e3;
    cursor: pointer;
    background-color: #f5f5f5;
}

.sidebar-util:last-child,
.sidebar-util.last {
    border-right: none;
}

.sidebar-util .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    transition: all 0.5s;
}

.sidebar-util .icon.sidebar-open {
    left: 12px;
}

.sidebar-util:hover .search {
    background-position: -96px -160px;
}

.sidebar-util:hover .plus {
    background-position: -368px -144px;
}

.sidebar-util:hover .gear {
    background-position: -208px -80px;
}

.sidebar-util:hover .sidebar-open {
    background-position: -352px -160px;
}

.sidebar-util:hover .sidebar-close {
    background-position: -320px -160px;
}

.sidebar-small #toggle-sidebar {
    width: 40px;
}

.sidebar-gradient {
    position: absolute;
    height: 19px;
    width: 200px;
    bottom: 0;
    left: 0;
    z-index: 500;
    pointer-events: none;
}

#chat-disconnected {
    text-align: center;
    padding: 15px;
}

#chat-disconnected:before,
#chat-disconnected:after {
    display: table;
    content: "";
}

#chat-disconnected:after {
    clear: both;
}

#chat-disconnected p {
    color: #f5f5f5;
}

#manatee-reconnect {
    float: none;
}

#sidebar-shadow {
    position: absolute;
    width: 4px;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 5000;
}

.sidebar-empty {
    position: relative;
    padding: 10px;
    z-index: 260;
    overflow: hidden;
    text-align: center;
}

.sidebar-empty#sidebar-no-playlists .illustration {
    width: 136px;
    height: 91px;
}

.sidebar-empty#sidebar-no-friends {
    margin-bottom: 30px;
}

.sidebar-empty#sidebar-no-friends:before,
.sidebar-empty#sidebar-no-friends:after {
    display: table;
    content: "";
}

.sidebar-empty#sidebar-no-friends:after {
    clear: both;
}

.sidebar-empty#sidebar-no-friends .illustration {
    width: 96px;
    height: 57px;
}

.sidebar-empty .illustration {
    margin: 0 auto 15px auto;
}

.sidebar-empty .label {
    font-size: 12px;
    color: #5c5c5c;
}

.sidebar-empty .btn {
    float: none;
    text-align: center;
}

.sidebar-empty .btn:active {
    color: #fff;
}

#sidebar-offline-msg {
    position: absolute;
    width: 100%;
    bottom: 31px;
    padding: 10px;
    z-index: 1;
    border-top: solid 1px #e3e3e3;
    background-color: #f5f5f5;
    font-size: 90%;
}
.filter-on #sidebar-offline-msg {
    bottom: 62px;
}
#sidebar-offline-msg a {
    color: #e23137;
}
.filter-open #sidebar-offline-msg {
    bottom: 62px;
}

#close-offline-msg {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#friends-failed p {
    margin: 15px;
    color: #999;
    text-align: center;
}

#playlists-failed p {
    margin: 40px 15px 15px 15px;
    color: #999;
    text-align: center;
}

.tags {
    display: block;
    margin: 0;
    padding: 0;
}

.tags .more-tags {
    margin-left: 5px;
    font-size: 11px;
    color: #999;
}

.tags .genre-link {
    display: inline-block;
    margin-bottom: 1px;
    text-decoration: none;
}

.tag {
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 8px 0 8px;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
    text-transform: lowercase;
    background-color: #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tag .icon {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

a.tag {
    color: #ffffff;
    text-decoration: none;
}

a.tag:hover {
    background-color: #5c5c5c;
    text-decoration: none;
}

#tagsDigest .tag {
    margin-bottom: 5px;
}

.tag-important {
    background-color: #c12023;
}

a.tag-important:hover {
    background-color: #ab1c1f;
}

.tag-warning {
    background-color: #e23137;
}

a.tag-warning:hover {
    background-color: #de7200;
}

.tag-success {
    background-color: #71af05;
}

a.tag-success:hover {
    background-color: #619604;
}

.ui-tagging {
    position: relative;
    height: auto;
    border: 1px solid #B4BBCD;
    background: #fff;
}

.ui-tagging .ui-tagging-highlight {
    position: absolute;
    padding: 5px 10px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}

.ui-tagging .ui-tagging-highlight .tag-highlight {
    color: transparent;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ui-tagging .ui-tagging-wrap {
    position: relative;
    overflow: hidden;
    zoom: 1;
    border: 0;
}

.ui-tagging .tag-highlight>.ui-corner-all {
    background-color: #D8DFEA;
    font-weight: normal !important;
}

.ui-tagging textarea,
.ui-tagging input {
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    background: transparent;
    border-width: 0;
    font-size: 13px;
    outline: none;
    resize: none;
    vertical-align: top;
    overflow: hidden;
}

.ui-autocomplete {
    width: 0;
    font-size: 13px;
    background-color: white;
    border: 1px solid black;
    margin-bottom: -5px;
    list-style: none;
    padding: 5px;
}

.ui-autocomplete .ui-state-hover {
    background: #e23137;
    color: #fff;
}

#theme-wall {
    position: absolute;
}

#theme-header {
    position: relative;
}

#theme-expand {
    position: absolute;
}

.hide {
    display: none !important;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.deleted {
    text-decoration: line-through;
}

.first-child {
    margin: 0px !important;
}

.last-child {
    border-right: none !important;
    margin-right: 0px !important;
}

#infinity-loading {
    height: 50px;
    margin: 30px auto;
    width: 50px;
    position: relative;
}

#infinity-loading:after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top: -13px;
    content: " ";
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #e23137;
    border-color: #e23137 transparent #e23137 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** Custom css which effect to Embed Player */
#queue-menu-btn {
    display: none;
}

#embed_display_text #embed_display_song:after {
    content: "by";
    margin-left: 10px;
    color: #888;
}

#queue-menu-btn {
    float: right;
    width: 175px;
    height: 44px;
    cursor: pointer;
    text-align: center;
    display: block;
    margin-top: 8px;
}

#queue-menu-btn.active {
    background: #1e1e1e;
}

#queue-menu-btn:hover,
#embed_list_icon:hover {}

#embed_display {
    right: 376px;
}

#embed_large_repeat,
#embed_large_shuffle,
#embed_volume_speaker {
    margin-right: 20px;
}

#embed_list_icon #embed_list_icon_badge {
    display: none;
}

#queue-menu-btn-label {
    color: #000;
    line-height: 100px;
    font-size: 12px;
    font-weight: bold;
}

.button-process-container {
    position: absolute;
    height: 100%;
    width: 100%;
}

.button-progress-circle {
    position: relative;
    top: 3px;
    left: 3px;
    text-align: center;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: #E6F4F7
}

.button-progress-active-border {
    position: relative;
    text-align: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #e23137;
    background-image: linear-gradient(90deg, transparent 50%, #fff 50%), linear-gradient(90deg, #fff 50%, transparent 50%);
}

#subscription-plans {
    text-align: center;
    padding: 10px 0;
}

label.sub-plan {
    width: 100%;
}

.plan-title {
    font-size: 30px;
    line-height: 30px;
}

.plan-desc {
    font-size: 14px;
}

.card-element-helper {
    text-align: center;
}

#card-errors {
    color: #be1010;
}

.StripeElement {
    padding: 10px 12px;
    border-bottom: 1px solid #ced4da;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    border-bottom: 1px solid #e23137;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.mobile {
    display: none;
}

.switch {
    position: relative;
    display: inline-block !important;
    width: 32px;
    height: 12px;
    padding: 0 !important;
    margin: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    vertical-align: unset !important;
    margin: 0;
    border: none;
    box-shadow: none;
}

.switch input:focus {
    outline-style: none;
    box-shadow: none;
    visibility: hidden;
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b2b2b2;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    /* height: 23px; */
    /* width: 23px; */
    /* left: -5px; */
    /* bottom: -5px; */
    /* background-color: white; */
    /* -webkit-transition: .4s; */
    /* transition: .4s; */
    /* box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); */
}

input:checked+.slider {
    background-color: #e23136;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}

.slider.round {
    border-radius: 10px;
}

.slider.round:before {
    border-radius: 50%;
}

aside {
    display: block;
    width: 190px;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 60px;
    transition: transform .2s;
    transform: translateX(0);
    background: #f7f7f7;
    border-right: #e3e3e3 solid 1px;
    bottom: 0;
}

@media (max-width: 1200px) {
    aside {
        display: none;
    }
}

aside.active {
    transform: translateZ(0);
    background: #fff;
    box-shadow: 4px 0 9px 0 rgba(0, 0, 0, .14);
    top: 0;
    z-index: 600;
}

aside h2 {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
}

aside h2,
aside h2 a {
    color: #333;
}

aside h2 span {
    vertical-align: sub;
    display: inline-block;
    margin-right: 5px;
}

aside ul {
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    text-decoration: none;
    list-style: none;
}

aside ul li {
    padding: 0 0 0 20px;
    display: list-item;
    text-align: -webkit-match-parent;
    height: 35px;
    position: relative;
}

aside ul li svg {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

aside ul li:hover svg,
aside ul li.active svg {
    fill: #e23137;
}

aside ul li:hover,
aside ul li.active {
    background: #d8e0e5;
}

aside ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #e23137;
    content: '';
    width: 0;
    transition: width .2s linear;
}

aside ul li:hover:before,
aside ul li.active:before {
    width: 3px;
}

aside ul li span {
    line-height: 35px;
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    padding-left: 30px;
}

aside ul li:hover span,
aside ul li.active span {
    color: #e23137;
}

aside ul li.active span {
    font-weight: 600;
}

aside ul li._ah a {
    color: hsla(0, 0%, 100%, .5);
    font-weight: 500;
    display: block;
    padding: 11px 0;
}

.contact-sidebar {
    width: 230px;
    position: fixed;
    right: 0;
    top: 60px;
    transition: transform .5s;
    background: #f7f7f7;
    border-left: #e3e3e3 solid 1px;
    bottom: 0;
    display: none;
}
.sidebar-minimum .contact-sidebar {
    width: 54px;
}
.signed-in .contact-sidebar {
    display: block;
}

@media (max-width: 1050px) {
    .signed-in .contact-sidebar {
        display: none;
    }
}

#column1 .module-cell.grid-item {
    width: 25%;
}

.morris-hover {
    position: absolute;
    z-index: 1000
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0
}

.select2-container {}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #bbbbbb !important;
    border-radius: 3px;
    height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #888 !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border: none !important;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    height: 30px !important;
    padding-left: 8px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e23037 !important;
}

/** custom jquery ui dragable, sortable */
/** for playlist sortalble songs */
.sortable-playlist-song-placeholder {
    border: none;
    width: 100%;
    position: relative;
}

.sortable-playlist-song-placeholder:after {
    content: '';
    position: absolute;
    border: 1px solid #8bc34a;
    width: 100%;
}

.sortable-playlist-song-helper {
    background: #eff3f5;
    border: 1px solid #999;
    border-radius: 3px;
    height: 30px !important;
    line-height: 30px;
    padding: 0 10px;
    width: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px !important;
}

/** queue sortable and drag song to queue */
.sortable-queue-helper {
    background: #eff3f5;
    border: 1px solid #999;
    border-radius: 3px;
    height: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    width: auto !important;
    line-height: 30px !important;
    list-style: none;
}

.sortable-queue-helper:after,
.sortable-queue-helper:before {
    display: none !important
}

#queueSortableTextHelper {
    position: fixed;
    bottom: 66px;
    width: 66px;
    height: 30px;
    background: #e23135;
    z-index: 2000;
    color: #fff;
    text-align: center;
    font-size: 85%;
    border-radius: 3px;
    line-height: 30px;
    left: -1000px;
}

#queueSortableTextHelper:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e23135;
    border-width: 6px;
    margin-left: -6px;
}

#embed_list_middle .ui-sortable-placeholder {
    position: relative;
    width: 2px !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    height: 60px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    margin-left: -5px !important;
    margin-right: 3px !important;
    text-indent: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    left: auto !important;
}

#embed_list_middle .ui-sortable-placeholder.queue-sortable-placeholder.first-drop {
    position: absolute;
    width: 195px !important;
    height: 50px !important;
    background: #e22f35;
    left: 8px !important;
    top: 5px !important;
}

.embed_large_queue #embed_list_middle .ui-sortable-placeholder {
    height: 130px !important;
}

.embedplayer10 #embed_list_middle .ui-sortable-placeholder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: #e22e35 !important;
}

.embedplayer10 .queue-droppable-placeholder {
    background: #e23137;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.embedplayer10 .queue-droppable-placeholder:before {
    content: '';
    border: 2px dashed #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.embedplayer10 .queue-droppable-placeholder:after {
    content: '';
    border: .5px solid #ffffff;
    position: absolute;
    top: 18px;
    left: 50%;
    bottom: 18px;
}

.embedplayer10 .queue-droppable-placeholder div:first-child {
    position: absolute;
    right: 50%;
    color: #f4b3b5;
    text-transform: uppercase;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    padding-right: 20px;
    font-size: 110%;
}

.embedplayer10 .queue-droppable-placeholder div:last-child {
    position: absolute;
    left: 50%;
    color: white;
    text-transform: uppercase;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    padding-left: 20px;
    font-weight: 700;
    font-size: 110%;
}

/* for blog */
#blogs {
    max-width: 1240px;
    margin: 70px auto 100px;
}

#blogs.post {}

#blogs.artwork {
    margin: -160px auto 100px;
}

#blogs * {}

#blogs h1.recent {
    text-align: center;
    font-size: 300%;
    margin-bottom: 60px;
}

#blogs .article-grid {
    width: 33.3333%;
    box-sizing: border-box;
    float: left;
    padding: 0 20px;
}

#blogs .article-grid .article-content {
    background: #1c1c1c;
}

#blogs .article-grid .article-content .img-container {
    overflow: hidden;
    position: relative;
}

#blogs .article-grid .article-content .img-container img {
    transition: all .4s ease;
    position: relative;
}

#blogs .article-grid .article-content .img-container img:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    position: relative;
}

#blogs .article-grid .article-content .img-container img:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: -1;
}

#blogs .article-grid .article-inner .article-category {
    display: block;
    margin-bottom: 20px;
    font-size: 120%;
    text-transform: uppercase;
    color: #e33136;
    font-weight: 300;
}

#blogs .article-grid .article-inner {
    padding: 40px;
}

#blogs .article-grid .article-inner .article-title {
    display: block;
    font-size: 120%;
    margin-bottom: 20px;
}

#blogs .article-grid .article-inner .article-description {
    font-size: 105%;
}

#blogs .article-grid .article-footer {
    padding: 0 40px 40px;
    /* margin-bottom: 40px; */
}

#blogs .article-grid .article-footer .article-author {}

#blogs .article-grid .article-footer .article-publish {}

#blogs .blogs-catalogs {
    clear: both;
    overflow: hidden;
}

#blogs .article-catalog {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 0 0 0 20px;
}

#blogs .article-catalog .article-content {}

#blogs .article-catalog .article-content p {
    font-size: 15px;
    line-height: 1.8;
}

#blogs .article-catalog .article-content .img-container {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    line-height: 0;
}

#blogs .article-catalog .article-content .img-container img {
    transition: all .4s ease;
    position: relative;
    width: 100%;
}

#blogs .article-catalog .article-content .img-container img:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    position: relative;
}

#blogs .article-catalog .article-content .img-container img:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: -1;
}

#blogs .article-catalog .article-inner .article-category {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #e33136;
}

#blogs .article-catalog .article-inner {
    padding: 40px 0;
}

#blogs .article-catalog .article-inner .article-details {
    margin-bottom: 20px;
}

#blogs .article-catalog .article-inner .article-details a {
    margin-right: 30px;
}

#blogs .article-catalog .article-inner .article-details a:last-child {
    margin-right: 0;
}

#blogs .article-catalog .article-inner .article-title {
    display: block;
    font-size: 150%;
    margin-bottom: 20px;
    font-weight: 700;
}

#blogs .article-catalog .article-inner .article-description {
    font-size: 105%;
}

#blogs .article-catalog .article-footer {
    padding: 0 40px 40px;
}

#blogs .article-catalog .article-footer .article-author {}

#blogs .article-catalog .article-footer .article-publish {}

.featured-image-overlay {
    position: relative;
    max-width: 880px;
    height: auto;
    margin: 3rem auto 0;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
}

.featured-image-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s ease;
}
.featured-image-overlay img {
    width: 100%;
}
#blogs.post,
.blogs .comments-container {
    position: relative;
    max-width: 760px;
}

.blogs .comments-container {
    margin: 0 auto 100px;
}

#blogs.post .post-content {
    font-size: 16px;
    line-height: 1.333;
}

#blogs.post .post-content a {
    color: #e23236;
}

#blogs.post .post-content a:hover {
    text-decoration: underline;
}

#blogs.post mark,
#blogs.post .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

#blogs.post mark {
    color: inherit;
    padding: 0;
    background: 0 0;
    background-image: linear-gradient(120deg, rgba(255, 193, 7, .4) 0, rgba(255, 193, 7, .4) 100%);
    background-repeat: no-repeat;
    background-size: 0 .3em;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-size: 100% .3em;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition-delay: .25s;
}

#blogs.post blockquote,
article figure {
    margin: 4rem 0;
    color: #52b54a;
    border-left: 2px solid #52b54a;
    font-size: 1.5rem;
    padding-left: 3rem;
}

#blogs.post h1 {
    text-align: center;
    font-size: 300%;
    line-height: 1.2;
}

#blogs.post .post-details {
    text-align: center;
    margin-bottom: 80px;
}

#blogs.post .post-details span {
    margin-right: 40px;
}

#blogs.post .post-details a:last-child {
    margin-right: 0
}

#blogs.post .post-details .post-author {
    font-size: 15px;
}

#blogs.post .post-details .post-publish {}

#blogs.post .post-details .post-category {}

#blogs ul li {
    line-height: 2;
}

#blogs ul,
#blogs ol {
    margin: 0;
}

#blogs.post pre,
#blogs.post code {
    padding: 1rem;
    background: #2c3038;
    color: #e83e8c;
    border-radius: .3125rem;
    font-size: .8em;
}

#blogs .widget {
    border: 1px solid #ebebeb;
    padding: 30px;
    margin-bottom: 50px;
}

#blogs .widget .widget-title {
    margin: 0 -31px;
    margin-top: -31px;
    margin-bottom: 35px;
    border: 1px solid #ebebeb;
    border-top-color: #e33136;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.11em;
    -webkit-font-smoothing: antialiased;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}

#blogs .widget .widget-title span {
    line-height: 44px;
}

#blogs .widget-posts ul {
    margin: 0;
    padding: 0;
}

#blogs .widget-posts .post {
    margin-bottom: 25px;
    list-style: none
}

#blogs .widget-posts .image-link img {
    margin-right: 22px;
}

#blogs .widget-posts .image-link img {
    float: left;
    width: auto;
    margin: 0;
    margin-right: 24px;
}

#blogs .widget-posts .inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#blogs .widget-posts .inner a.post-title {
    font-weight: 600;
}

#blogs .widget-posts .inner .inner-meta {}

#blogs .widget-posts .inner .inner-meta .post-cat {
    color: #e33136;
    text-transform: uppercase;
    font-size: 85%;
}

#blogs .widget-posts .inner .inner-meta .post-date {
    color: #b4b4b4;
    font-size: 85%;
}

#blogs .widget-categories ul {
    margin-bottom: 0;
}

#blogs .widget-categories ul li {
    height: 46px;
    border-bottom: 1px solid #ebebeb
}

#blogs .widget-categories ul li a {
    line-height: 46px;
}

#blogs .widget-categories ul li span {
    line-height: 46px;
    float: right;
    color: #b4b4b4;
}

#blogs .widget .widget-tag-list {
    display: block;
    overflow: hidden;
}

#blogs .article-catalog.fixed .article-category {
    display: block;
    text-align: center;
    font-size: 120%;
}

#blogs .article-catalog.fixed .article-category span {
    font-style: italic;
}

#blogs .article-catalog.fixed .article-category a {
    color: #e33136;
    text-transform: uppercase;
}

#blogs .article-catalog.fixed {
    margin-bottom: 100px;
}

#blogs .article-catalog.fixed .article-title {
    display: block;
    text-align: center;
    font-size: 250%;
    font-weight: 700;
    line-height: 1.4;
    margin: 30px 0;
}

#blogs .article-catalog.fixed .article-meta {
    text-align: center;
    margin-bottom: 40px;
}

#blogs .article-catalog.fixed .article-meta .article-publish {
    margin-right: 30px;
    color: #b4b4b4;
    text-transform: uppercase;
}

#blogs .article-catalog.fixed .article-meta .article-comments {
    text-transform: uppercase;
}

#blogs .article-catalog.fixed .article-content .btn {
    line-height: 36px;
    float: initial;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 150px;
}

/* player style when share box on */
.embed_share_box_on #embed_display_seek_thumb {
    left: auto !important;
}

.embed_share_box_on #embed_display_progressed {
    width: 0 !important;
    left: auto !important;
}

.embed_share_box_on .embed_pause_button #embed_icon_play {
    display: block !important;
}

.embed_share_box_on .embed_pause_button #embed_icon_pause {
    display: none !important;
}

@media (max-width: 2560px) {
    .module-cell.grid-item {}

    #column1 .module-cell.grid-item {
        width: 25%;
    }

    #column1.full .module-cell.grid-item {
        width: 16.666%;
    }

    .module-cell.small-radio-cat {
        width: 10%;
    }
}

@media (max-width: 2400px) {
    .module-cell.grid-item {}

    #column1 .module-cell.grid-item {}

    #column1.full .module-cell.grid-item {
        width: 16.666%;
    }

    .module-cell.small-radio-cat {
        width: 10%;
    }
}

@media (max-width: 1920px) {
    .module-cell.grid-item {
        width: 12.5%;
    }

    #column1 .module-cell.grid-item {
        width: 25%;
    }

    #column1.full .module-cell.grid-item {
        width: 16.666%;
    }

    .module-cell.small-radio-cat {
        width: 12.5%;
    }
}

@media (max-width: 1600px) {
    .module-cell.grid-item {
        width: 16.66%;
    }

    #column1 .module-cell.grid-item {
        width: 25%;
    }

    #column1.full .module-cell.grid-item {
        width: 20%;
    }

    .module-cell.small-radio-cat {
        width: 16.66%;
    }
}

@media (max-width: 1367px) {
    .module-cell.grid-item {
        width: 20%;
    }

    #column1 .module-cell.grid-item {
        width: 33.3333%;
    }

    #column1.full .module-cell.grid-item {
        width: 25%;
    }

    .module-cell.small-radio-cat {
        width: 20%;
    }

    .module-cell.user {
        padding: 16px 0;
    }
}

@media (max-width: 1100px) {

    #column1,
    #column2 {
        width: 100%;
    }

    .module-cell.grid-item {
        width: 25%;
    }

    #column1 .module-cell.grid-item {
        width: 33.33%;
    }

    #column1.full .module-cell.grid-item {
        width: 25%;
    }

    .module-cell.small-radio-cat {
        width: 20%;
    }
}

#sideMenu #side-logo {
    width: 100%;
    height: 60px;
    background: #e62c30;
}

#sideMenu #side-logo img {
    width: 30px;
    height: 30px;
    fill: #fff;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: none;
}

#sideMenu #side-logo span {
    line-height: 30px;
    position: absolute;
    top: 15px;
    left: 60px;
    color: #fff;
    font-size: 140%;
}

@media (max-width: 1024px) {
    #logo {
        display: none;
    }
    #header-search-container {
        margin-left: 36px;
    }
    #header-user-assets {
    }
    #header-nav-btn {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        left: 1em;
        transition: background 0.8s;
        display: block;
    }
    aside.active {
        display: block;
    }
    aside.active #side-logo {
        display: block;
    }
}

@media (max-width: 950px) {
    .module-cell.small-radio-cat {
        width: 25%;
    }

    .module-cell.user {}

    .grid-view .module-row.tall {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.333%;
    }
}

@media (max-width: 600px) {
    .module-cell.grid-item {
        width: 33.33%;
    }

    #column1 .module-cell.grid-item {
        width: 33.33%;
    }

    #column1.full .module-cell.grid-item {
        width: 33.33%;
    }

    .module-cell.small-radio-cat {
        width: 33.33%;
    }

    .grid-view .module-row.tall {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 450px) {
    .module-cell.grid-item {
        width: 50%;
    }

    #column1 .module-cell.grid-item {
        width: 50%;
    }

    #column1.full .module-cell.grid-item {
        width: 50%;
    }

    .module-cell.small-radio-cat {
        width: 50%;
    }

    .grid-view .module-row.tall {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    body {
        background: #fff;
    }

    .no-scroll {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .container {
        padding: 0;
    }

    .context-menu-settings:after,
    .context-menu-profile:after {
        display: none;
    }

    .lb-nav-container .row {

        margin-right: -8px;

        margin-left: -8px;

    }
    .lb-nav-container .row .col{padding-right: 8px;padding-left: 8px;width: 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 8px;}
    .lb-nav-container .row .col:last-child {
        margin-bottom: 0;
    }
    a.overlay-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
    }

    .mobile-toolbar {
        margin-bottom: 10px;
        margin-left: -5px;
        margin-right: -5px;
        position: relative;
        overflow: hidden;
    }

    .mobile-toolbar .btn {
        width: 33.333%;
        height: 40px;
        border: none;
        background: none;
        border-radius: 6px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 0 10px 0;
        position: relative;
        box-sizing: border-box;
        background: none !important;
    }

    .mobile-toolbar .btn.half {
        width: 50%;
    }

    .mobile-toolbar .btn:before {
        content: '';
        background: #1c1c1c;
        position: absolute;
        left: 5px;
        top: 0;
        right: 5px;
        bottom: 0;
        width: auto;
        height: 100%;
        z-index: -1;
        display: block;
        border-radius: 6px;
    }

    .mobile-toolbar .btn.active:before {
        background: #e23036;
    }

    .mobile-toolbar .btn span {
        text-align: left;
        padding-left: 15px;
        color: #fff;
        line-height: 40px;
        font-weight: 600;
    }

    .mobile-toolbar .btn .icon {
        width: 20px;
        height: 20px;
        fill: white;
        position: absolute;
        right: 15px;
        top: 50%;
        margin: -10px 0 0 0;
    }

    input,
    textarea {
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    a:hover {
        text-decoration: none !important;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block;
    }

    #page-content .linear-header h1 {
        font-size: 28px;
    }

    aside {
        transform: translateX(-120%);
        width: 80vw;
        border: none;
        display: block;
    }

    .contact-sidebar {
        transform: translateX(120%);
        width: 80vw;
        border: none;
    }

    .sidebar-open #sidebar {
    }

    .sidebar-open #main {
        margin-right: 0;
    }

    .sidebar-open #embed_bottom_player {
        right: 0;
    }

    #stage {
        padding-top: 0;
        padding-bottom: 40px;
    }

    #page-wrapper {
        padding: 0;
    }

    #page-content {
        padding: 20px 10px 0;
        background-image: none !important;
    }
    #page-content.home {
        margin-bottom: 0;
    }
    #page {
        border: none;
        border-radius: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding-bottom: 50px;
    }

    #main {
        padding: 0;
    }

    #page-inner {
        padding: 0;
    }

    #sidebar-playlists {}

    #page-nav {
        border-radius: 0;
        background-image: none;
        z-index: 20;
        box-shadow: none;
        background: none;
        border: none;
        background: #fff;
        box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    }

    #page-nav.home-nav {
        display: block;
    }

    #page-nav .outer {
        left: 0;
        width: 100%;
    }

    #page-nav ul {
        left: 0;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    #page-nav ul {
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }

    #page-nav ul::-webkit-scrollbar {
        display: none; // Safari and Chrome
    }

    #page-nav li {
        width: 23%;
        text-align: center;
        flex: 0 0 auto;
    }

    #page-nav li:first-child:nth-last-child(1) {
        width: 100%;
    }

    #page-nav li:first-child:nth-last-child(2),
    #page-nav li:first-child:nth-last-child(2)~li {
        width: 50%;
    }

    #page-nav li:first-child:nth-last-child(3),
    #page-nav li:first-child:nth-last-child(3)~li {
        width: 33.3333%;
    }

    #page-nav li:first-child:nth-last-child(4),
    #page-nav li:first-child:nth-last-child(4)~li {
        width: 25%;
    }

    #page-nav .page-nav-link {
        background: none;
        border: none;
        box-shadow: none;
        text-shadow: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0;
    }

    #page-nav .page-nav-link.active {
        color: #333;
        background: none;
        border: none;
        box-shadow: none;
        border-bottom: 2px solid #e23137;
        text-shadow: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0;
    }

    #page-nav .page-nav-link:hover {
        text-shadow: none;
    }

    #page-nav li:before,
    #page-nav li:after {
        display: none;
    }

    .linear-header {
        margin-top: -20px;
        margin-left: -10px;
        margin-right: -10px;
        position: absolute;
        width: 100%;
    }
    .linear-header.upload {
        height: 400px;
        width: calc(100% + 20px);
    }
    .upload-container {
        height: auto;
        padding: 16px;
        display: inline-block;
    }
    .linear-header.upload .upload-container {
        padding: 16px;
        height: auto;
        position: absolute;
    }
    .upload-container h1 {
        font-size: 22px !important;
        text-align: center !important;
        line-height: 1;
        padding: 0;
        margin-bottom: 20px;
    }
    .upload-container p {
        font-size: 100%;
        text-align: center;
    }
    .upload-helper p {
        font-size: 100%;
        text-align: center;
    }
    .upload-container #upload-file-button {
        position: relative;
        height: 50px;
        line-height: 50px;
        top: auto;
        right: auto;
        left: 50%;
        margin: 16px 0 0;
        transform: translateX(-50%);
    }
    .processing-overlay {
        height: 360px;
        line-height: 1.33;
        font-size: 150%;
        padding: 130px 32px 0;
    }
    .uploaded-files {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .upload-info-block {

    }
    .upload-info .img-container {float: initial;margin: 0 auto 16px;}

    .upload-info .song-info-container {
        width: 100%;
        float: initial;
    }
    .previous-pageable-nav, .next-pageable-nav, .share-content, .insert-emoji, .settings .description, #primary-actions, #home-dashboard, #page-nav .page-nav-link.active .arrow {
        display: none !important;
    }

    .module-cell.genre,
    .module-cell.radio {
        width: 50%;
    }

    .module-row .btn.btn-secondary.btn-icon-only {
        background: #fff;
        box-shadow: none;
    }

    .module-row .btn.btn-secondary.btn-icon-only svg {
        fill: #fff;
    }

    #column1,
    #column2 {
    }

    #page-content.home #column1 {
        padding: 0
    }

    #column2 {
        margin-top: 30px;
    }

    #lightbox-outer {
        padding: 0;
        bottom: 0;
        position: fixed;
        background: #fff;
    }

    #lightbox-outer:before {
        display: none;
    }

    .lightbox-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
    }

    .lightbox-content {
        border: none;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: -webkit-fill-available;
    }

    .lightbox {
        border: none;
        width: 100% !important;
        border-radius: 0;
        height: 100%;
        background: #ffffff;
        margin: 0 !important;
        padding-bottom: 66px;
        max-height: 100%;
    }

    .dark-theme .lightbox {
        background: #2e2e2e
    }

    .lightbox-close {
        right: 17px;
        top: 17px;
        width: 24px;
        height: 24px;
    }

    .lightbox.lightbox-login .lightbox-footer-left {
        margin: 0;
    }

    .lightbox-close .icon {
        width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    .lb-nav-container.btn-group .btn {
        width: 80px;
    }

    #settings-password,
    #settings-password1,
    #settings-password2 {
        width: 100%;
    }

    #header {
        width: auto;
        min-width: auto;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    aside ul li {
        height: 40px
    }

    aside ul li svg {}

    aside ul li span {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    #logo:hover>.header-explore {
        display: none;
    }

    #header-search-container,
    #header-user-assets .user-asset,
    #logo {
        display: none;
    }

    .sidebar-open #header-container {
        margin: 0;
    }

    .dark-theme #header-container {
        box-shadow: none;
    }

    #header-nav-btn {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        left: 1em;
        transition: background 0.8s;
    }

    #header-nav-logo {
        width: 40px;
        height: 24px;
        position: absolute;
        left: 40px;
        top: 18px;
    }

    #header-nav-logo svg {
        width: 100%;
        height: 100%;
    }

    #header-nav-btn:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #403e3e 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(13, 13);
        opacity: 0;
        transition: transform .5s, opacity 1s;
        -webkit-background-image: none;
    }

    .dark-theme #header-nav-btn:after {
        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-background-image: none;
    }

    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) {
            #header-nav-btn:after {
                display: none;
            }

            .dark-theme #header-nav-btn:after {
                display: none;
            }
        }
    }

    #header-nav-btn:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s;
    }

    #header-nav-btn svg {
        /* fill: black; */
    }
    #header-cart-menu {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        right: 10em;
    }

    #header-settings-menu {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        right: 4em;
    }

    #header-search-menu {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        right: 7em;
    }

    #header-nav-title {
        position: absolute;
        width: calc(100% - 240px);
        height: 24px;
        left: 50px;
        line-height: 60px;
        font-size: 130%;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        height: 60px;
    }

    #header-nav-title span.group-badge {
        width: 16px;
        height: 16px;
        padding-left: 8px;
    }

    #header-nav-title span.group-badge svg {
        width: 16px;
        height: 16px;
    }

    #header-nav-title .verified-badge {
        display: none;
    }

    #header-user-menu {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 18px;
        right: 1em;
    }

    #header-user-menu img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        box-shadow: none;
    }

    #header-nav-btn svg {
        fill: black;
        width: 20px;
        height: 20px;
        margin: 2px;
    }

    #header-container {
        position: relative;
        margin: 0;
        background: #fff;
        border: none;
        box-shadow: none;
        height: 60px;
        box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    }

    #search,
    #search_pre {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    .search ._in,
    .search ._in_pre {
        width: calc(100% - 20px);
        position: relative;
        margin: 0 auto;
    }

    .search ._in_pre input[type=text],
    .search ._in input[type=text] {
        text-rendering: auto;
        color: initial;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0;
        text-shadow: none;
        display: inline-block;
        text-align: start;
        margin: 0;
        font-size: 13px;
        font-weight: 300;
        width: calc(100%);
        height: 40px;
        padding: 0 10px 0 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border: none;
        box-shadow: none;
        background: #f0f0f0;
    }

    .search ._s {
        position: absolute;
        top: 54%;
        left: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    #page-content .home-section .sub-header .actions-primary {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    #blogs .article-catalog {
        padding: 0;
    }

    #user-settings-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2000;
        overflow: scroll;
        background-color: #fff;
        -webkit-overflow-scrolling: touch;
        display: none;
    }

    .user-section.usermenupage {
        height: 100vh;
        overflow-y: auto;
    }

    .user-section .inner_us {
        padding: 15px;
    }

    .user-section .back-arrow {
        display: inline-block;
        margin: 15px;
        position: relative;
    }

    .user-subscription-helper {
        background: linear-gradient(to right, rgb(157, 52, 165) 0%, rgb(235, 48, 124) 80%);
        height: 100px;
        margin: 15px 20px 0;
        border-radius: 6px;
        position: relative;
        padding: 0 20px;
    }

    .user-subscription-helper .user-subscription-text {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        line-height: 50px;
        color: white;
    }

    .user-subscription-helper .user-subscription-button {
        width: 168px;
        background: white;
        display: block;
        height: 30px;
        border-radius: 15px;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
        color: black;
    }

    .user-section .user-info {
        position: relative;
        margin-top: 30px;
        margin-bottom: 15px;
        padding: 0 20px;
    }

    .user-section .user-info .info-profile {
        position: relative;
    }

    .user-section .user-info .info-profile .info-name {
        line-height: 30px;
        font-size: 24px;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .user-section .user-info .info-profile .info-link {
        line-height: 20px;
        color: #e72c30;
    }

    .user-section .user-info .info-artwork {
        position: absolute;
        right: 20px;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        top: 6px;
    }

    .user-section .user-info .info-artwork img {
        width: 100%;
    }

    .user-section .back-arrow svg {
        fill: #000
    }

    .head_lg {
        position: relative;
        margin-bottom: 20px;
        padding-right: 15px;
    }

    .head_lg ._lt ._h1 {
        font-size: 23px;
        margin-bottom: 5px;
        max-width: calc(100% - 50px);
        overflow: hidden;
        display: block;
    }

    .separate {
        border-top-color: rgba(0, 0, 0, .15);
        border-top-width: 1px;
        border-top-style: solid;
    }

    .user_options>li {
        font-size: 15px;
        margin-left: -15px;
        padding: 10px 0 10px 15px;
        position: relative;
        list-style: none;
        line-height: 30px;
    }

    .user_options>li .switch {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -6px;
    }

    .user_options>li ._ic {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        position: relative;
    }

    .user-section .user_options li a {
        color: #000;
    }

    .setting-wrap {
        padding: 20px 0 0;
    }

    .logout-wrap,
    .user-setting-wrap {
        padding: 28px 0 12px;
    }

    .reg-wrap {
        padding: 40px 30px;
        text-align: center;
    }

    .reg-wrap p {
        font-size: 16px;
        line-height: 1.44;
        text-align: center;
        font-weight: 300;
    }

    .red_btn {
        background-color: #e72c30;
        color: #fff;
        position: relative;
        text-align: center;
        font-size: 16px;
        padding: 8px 0;
        border-radius: 2px;
        -webkit-border-radius: 3px;
        margin-top: 40px;
        display: block;
    }

    .switch {
        color: #000;
    }

    .switch input {
        display: none;
    }

    input:checked+.slider {
        background-color: #e72c30;
    }

    #grid-toolbar-container {
    }

    .module-row,
    .module-row:hover {
        border: none;
        background: none;
    }

    .module-row.song:hover .btn-group {
        background: none;
        border: none;
    }

    .module-row.song .btn-group .btn.song-row-add,
    .module-row.song .btn-group .btn.song-row-share {
        display: none;
    }

    #column2 .snapshot {
        border: none
    }

    #page-content.home .sub-header .actions-primary .btn {
        border: none;
        font-weight: 600;
        padding: 0;
        background: none;
        line-height: initial;
    }

    #page-content.home .sub-header .actions-primary .btn span {
        float: right;
    }

    .container.subscription {
        margin-top: 170px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #sticky_header.fixed-nav {
        transform: translateZ(0);
    }

    #sticky_header {
        background: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        box-shadow: 0px 1px 8px 0px rgba(199, 199, 199, 0.5);
    }

    #sticky-nav {
        background: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 200;
        left: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    }

    .dark-theme #sticky_header {
        background: #333333;
        box-shadow: none;
    }

    #sticky_header .sticky_wrapper {
        height: 60px;
        padding: 0 15px;
        position: relative;
        z-index: 26;
        top: 0;
    }

    #sticky_header .sticky_wrapper .left_menu {
        float: left;
        height: inherit;
        width: 30px;
    }

    #sticky_header .sticky_wrapper .left_menu a {
        display: inline-block;
        height: inherit;
        vertical-align: middle;
        margin-right: 10px;
    }

    #sticky_header .sticky_wrapper .left_menu a svg {
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
    }

    .dark-theme #sticky_header .sticky_wrapper a svg {
        fill: #fff;
    }

    #sticky_header .sticky_wrapper .sticky_search {
        width: calc(100% - 100px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    #sticky_header .sticky_wrapper .sticky_search input[type=text] {
        width: calc(100%);
        height: 40px;
        padding: 0 10px 0 30px;
        border-radius: 3px;
        text-rendering: auto;
        color: initial;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0;
        text-shadow: none;
        display: inline-block;
        text-align: start;
        margin: 0;
        font-size: 16px;
        font-weight: 300;
        -webkit-border-radius: 3px;
        border: none;
        box-shadow: none;
        background: #f0f0f0;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::placeholder {
        color: #818181;
        opacity: 1;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::focus::placeholder {
        color: #818181;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::-ms-input-placeholder {
        color: #818181;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::focus:-ms-input-placeholder {
        color: #818181;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::-ms-input-placeholder {
        color: #818181;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text]::focus::-ms-input-placeholder {
        color: #818181;
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search input[type=text] {
        background: #ffffff;
        color: #000;
    }

    #sticky_header .sticky_wrapper .sticky_search span {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    .dark-theme #sticky_header .sticky_wrapper .sticky_search svg {
        fill: #818181;
    }

    #sticky_header .sticky_wrapper .right_menu {
        float: right;
        height: inherit;
        width: 30px;
        text-align: right;
    }

    #sticky_header .sticky_wrapper .right_menu a {
        display: inline-block;
        height: inherit;
        vertical-align: middle;
    }

    #sticky_header .sticky_wrapper .right_menu a svg {
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .page-header {
        background: none;
        border: none;
    }

    .settings .page-header {
        display: none;
    }

    .page-header .img {
        width: 140px;
        height: 140px;
        display: block;
        float: none;
        left: 50%;
        margin-left: -70px;
        margin-bottom: 20px;
        border: none;
        border-radius: 6px;
    }

    .page-header .inner {
        width: 100%;
        float: none;
        height: auto;
    }

    .page-header.artist-management .inner {
        width: 100%;
    }

    .artist .page-header .byline {
        display: none;
    }

    .page-header.main.medium .img {
        width: 140px;
        height: 140px;
        display: block;
        float: none;
        left: 50%;
        margin-left: -70px;
        margin-bottom: 20px;
    }

    .page-header.main.medium .inner {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .page-header .actions-primary {
        position: relative;
        margin-top: 20px;
    }

    .page-header.main.medium .inner .btn.fav,
    #now-playing-profile-card.main.medium .inner .btn.play,
    .page-header.main.medium .inner .btn.play,
    #now-playing-profile-card.main.medium .inner .btn.options,
    .page-header.main.medium .inner .btn.options,
    .inner .actions-primary .btn {
        border: none;
        background: none;
        box-shadow: none;
        text-shadow: none;
        float: none;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        margin: 0 6px;
    }

    .page-header.main.medium .inner .btn.on[data-type='song'] svg {
        fill: #e23137;
    }

    .page-header.main.medium .inner .btn.play {
        background: #e23137 !important;
        text-transform: uppercase;
        border-radius: 18px;
    }

    .page-header.main.medium .inner .btn.play span {
        color: #fff;
        font-weight: 300;
        text-align: center;
        width: 100%;
        font-size: 16px;
        letter-spacing: 3px;
        height: 30px;
    }

    .page-header h1 {
        width: 100%;
        padding: 0;
        margin: 0;
        max-width: 100%;
        text-align: center;
        float: none;
    }

    .page-header .stat-summary {
        position: relative;
        display: none;
    }

    .snapshot .module-row.tall .metadata,
    .snapshot .module-row.tall .secondary {}

    #column2 .sub-header .view-more {
        text-align: right;
    }

    .module-row.tall .metadata {
        left: 70px
    }

    #page-content .blurimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        z-index: 0;
        display: block;
        max-height: 290px;
    }

    #page-content .blurimg:before {
        content: '';
        background: hsla(0, 0%, 100%, .4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .dark-theme #page-content .blurimg:before {}

    .page-header .img {
        padding: 0;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .25);
    }

    #page-content .blurimg:after,
    #page-content .blurimg img {
        width: 100%;
        display: block;
        height: 100%;
    }

    #page-content.artist .blurimg {
        height: 350px;
    }

    .module-row.song .btn-small,
    .module-row.song:hover .btn {}

    .page-header.user.small {
        display: none;
    }

    .playlists-grid .grid-canvas {
        margin-left: -10px;
        margin-right: -10px;
        width: 100%;
    }

    .module-cell.playlist.small .img-container {
        width: 100%;
        height: unset;
    }

    .module-cell.playlist.small .img-container {
        width: 100%;
    }

    .module-cell.user .img-container {
        width: 80px;
        height: 80px;
    }

    .module-cell.user .module-inner {
        margin-left: 5px;
        margin-right: 0;
        width: calc(100% - 93px);
    }

    .module-cell.user ul.metadata {
        margin: 0;
    }

    .module-profile-card .actions .play-station {
        display: none;
    }

    .module-profile-card .img-container,
    .module-cell.playlist .img-container,
    .module-cell.user .img-container,
    .module-cell.userArtist .img-container {}

    .module-profile-card .module-inner {
        margin: 0 0 0 102.5px
    }

    .grid-albums-vertical,
    .grid-artists-vertical {
        margin-left: -10px;
        margin-right: -10px;
    }

    .grid-albums-vertical .grid-canvas {
        width: 100%;
    }

    .module-cell.vertical.album,
    .module-cell.vertical.artist {
        width: 50%;
        margin: 0;
        padding: 10px;
    }

    .module-cell.user,
    .module-cell.userArtist,
    .subscribers .module-cell.user {
        width: 100%;
    }

    .module-cell.playlist.small .actions.primary,
    .module-cell.user.small .actions.primary,
    .module-cell.userArtist.small .actions.primary {
        display: none;
    }

    #now-playing-header {}

    #playlist_digest .module-cell.playlist {
        width: 50%;
    }

    #now-playing-profile-card .play-pause {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -19px;
        margin-top: -19px;
    }

    #column1 .module-row.tall .trending-position {
        width: 40px;
    }

    #column1 .module-row.tall .trending-position .current-position {
        font-size: 20px;
        text-align: right;
    }

    #column1 .module-row.tall .trending-position .last-position {
        display: none;
    }

    #column1 .has-row-numbers .module-row.tall .img-container {
        left: 60px;
    }

    #column1 .module-row.tall.song .metadata {
        width: calc(100% - 155px);
        left: 120px;
    }

    #column1 .has-row-numbers .module-row.tall .metadata {
        width: calc(100% - 170px);
        left: 130px;
    }

    #column1 .module-row.tall.genre .metadata {
        left: 5px
    }

    .module-row.song.tall .metadata.meta-bpm {
        display: initial;
    }
    #lightbox-login-form .control-group {
        width: 100%;
        margin: 0 0 30px 0;
    }

    #lb-twitter-login,
    .lb-google-login,
    .lb-facebook-login {
        width: 100%;
        display: block;
        padding: 0;
    }

    #lb-twitter-login:first-child,
    .lb-google-login:first-child,
    .lb-facebook-login:first-child {
    }

    .lb-google-login:first-child {
        margin: 0
    }

    .lightbox.lightbox-signup .signup-stage {
        margin: 0;
    }

    .lightbox.lightbox-signup .control-group {
        width: 100%;
    }

    #notifications {
        /* display: none; */
        left: 10px;
        right: 10px;
        bottom: 70px;
    }

    .embed_queue_open #notifications,
    .embed_queue_open.embed_large_queue #notifications {
        bottom: 10px;
    }

    #notifications .notification {
        width: 100%;
    }

    #comments .first-comment-message,
    #activity .first-comment-message {
        display: none;
    }

    .tooltip.animation {
        animation: animation 0.7s;
    }

    @keyframes animation {
        0% {
            transform: scale(0.5);
        }

        50% {
            transform: scale(1.2);
        }

        80% {
            transform: scale(1);
        }

        100% {
            transform: scale(1);
        }
    }

    .settings .content .fields {
        width: 100%;
    }

    .settings .content .control {
        margin: 0;
        width: 100%;
    }

    .form-dob-day,
    .form-dob-year,
    .form-gender {
        width: 100%;
        margin: 10px 0 0;
    }

    .module-row.tall.song .row-actions.secondary {
        right: 0;
        display: block;
    }

    .module-row.song .btn-group .btn {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0 !important;
        width: 24px !important;
    }

    .module-row.song .btn-group .btn svg {
        margin: 0;
        width: 24px;
        height: 24px;
    }

    #column1 .comment-form {
        background: none;
        border: none;
    }

    .btn.awesome-play-button {}

    .btn.awesome-play-button:before,
    .btn.awesome-play-button:after {
        display: none
    }

    .module-row.tall.song .title,
    .module-row.tall.song .artist,
    .module-row.tall.song .created-by {
        width: 100% !important;
        line-height: 20px;
        display: flex;
    }

    .module-row.tall.song .title {
        margin-top: 10px;
    }
    #now-playing-profile-card .actions-container, .page-header .actions-container {position: relative;flex-direction: column;}
    .inner .actions-primary {
        text-align: center;
        width: 100%;
    }
    .page-header .actions-container .tags-container {
        margin-top: 16px;
    }
    #now-playing-profile-card .description, .page-header .description {
        margin-top: 16px;
    }

    .inner .actions-primary .btn {
        float: none;
        margin: 0;
        background: transparent !important;
        height: 36px;
        line-height: 36px;
        border: none;
        box-shadow: none;
        background-color: transparent !important;
        padding: 0 15px 0 15px;
    }

    .inner .actions-primary .btn svg {
        width: 24px;
        height: 24px;
        margin: 6px 0 0;
        fill: #000;
    }

    .inner .actions-primary .btn:hover {
        background: none;
    }

    .inner .actions-primary .btn span {}

    .inner .actions-primary .btn.play-station {
        background: rgb(226, 49, 53) !important;
        border-radius: 18px;
        text-transform: uppercase;
        margin: 0 10px;
    }

    .inner .actions-primary .btn.play-station span {
        display: block;
        color: #fff;
        font-weight: 300;
        text-align: center;
        width: 100%;
        font-size: 13px;
        letter-spacing: 3px;
    }

    .inner .actions-primary .btn.play-station svg {
        display: none;
    }

    .settings .subscription-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .settings .content {
        border: none;
    }

    .form-dob-month,
    .form-dob-day,
    .form-dob-year {
        margin: 0;
        width: 33.3333%;
    }

    .btn.third-party .icon {
    }

    .user-section .user_options li a {
        color: #000;
        padding-left: 40px;
        display: block;
    }

    .user_options>li svg {
        fill: #000;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
    }

    .user-section .user_options li .header-notification-count {
        position: absolute;
        right: 16px;
        background: #e72c30;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 12px;
        top: 13px;
        color: white;
        font-size: 12px;
    }

    #now-playing-profile-card.main.small-img .img,
    #now-playing-profile-card.main.medium .img {
        width: 100px;
        height: 100px;
    }

    #now-playing-profile-card.main.medium.small-img .inner,
    #now-playing-profile-card.main.medium .inner {
        width: calc(100% - 125px);
        height: auto;
    }
    .reactions-box {
        left: -40px;
        top: -52px;
    }
    .home-content-container .grid-view {
    padding-left: 16px;
    padding-right: 16px;
    }
}

/* beautiful carousel for mobile phone only */
@media (max-width: 500px) {
    .home-content-container {
        margin-left: -15px;
        margin-right: -15px;
        overflow: hidden;
    }

    .home-grid-container.pagable {
        height: auto;
    }

    .home-content-container .swiper-wrapper {
        padding-left: 20px;
    }

    .home-content-container .swiper-wrapper .module-cell {
        width: calc(50% - 25px);
        margin-right: 10px;
    }

    .home-content-container .swiper-wrapper .module-cell .img-container {
        width: 100%;
        height: auto;
    }

    .home-content-container .swiper-wrapper .module-cell .img-container img {
        width: 100%;
    }

    .home-content-container .swiper-wrapper .module-cell.swiper {
        width: calc(100% - 40px);
        height: auto;
    }

    .module-cell .module-inner {
        width: 100%;
    }

    #blogs.post h1 {
        font-size: 200%;
    }

    #blogs.post .post-details a {
        margin-right: 20px;
        font-size: 100%;
    }

    .lightbox-content .lightbox-with-artwork-block .img-container {
        float: inherit;
        margin: 0 auto 15px;
    }

    .lightbox-content .lightbox-with-artwork-block .input-container {
        width: 100%;
    }

    .module-feed-event .module-actions-footer .module-footer-right-time .time-short-string {
        display: block;
    }

    .module-feed-event .module-actions-footer .module-footer-right-time .time-full-string {
        display: none;
    }
    .podcast-show {
        margin-top: 0;
    }
    .podcast-show .img {
        display: flex !important;
    }
    .podcast-show .img img {
        width: 145px;
        height: 145px;
        margin-right: 16px;
    }
    .podcast-show .podcast-description {
        margin-top: 16px;
    }
    .podcast-show .inner {border: 0;}
    .podcast-show .inner h1 {
        font-size: 18px;
    }
    .podcast-show .inner.mobile {
        display: block;
    }
    .podcast-show .inner .byline {
    }

    .podcast-show .inner .actions-primary {text-align: left;}

    .podcast-show .inner .actions-primary .btn {
        background: #2e2e2e;
        border: solid 1px #838383;
        break-after: avoid;
        color: #e4e6eb;
        height: 30px;
        line-height: 30px;
    }
    .podcast-show .inner .actions-primary .btn.btn-favorite.on {
        background: #8BC34A !important;
        border-color: #8BC34A;
        color: white;
    }
    .podcast-show .inner .actions-primary .btn svg {
        margin: 0 4px 0 0;
        width: inherit;
        height: inherit;
    }
    .module-row.tall.podcast .row-actions .btn.play-object {
        display: block;
        top: 0;
        left: 0;
        margin: 0;
    }
    .module-row.tall.podcast .row-actions .btn.play-object svg {
        width: 24px;
        height: 24px;
        top: 0;
        left: 0;
        margin: 0;
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .home-grid-container.pagable {
            height: auto;
        }
    }
}

/**
* for safari only
*/
@media not all and (min-resolution:.001dpcm) {
    @media {
        @media (max-width: 500px) {
            .home-grid-container.pagable {
                height: intrinsic;
            }

            select,
            textarea,
            input {
                font-size: 16px;
            }
        }
    }
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

#chartjs-tooltip * {
    color: white
}

.artist-management {
    border-collapse: collapse;
}

.artist-management tr td {
    padding: 7px 0;
}

.artist-management tr td .img-container {
    width: 44px;
    height: 44px;
    position: relative;
}

.artist-management tr td .img-container img {
    width: 44px;
    height: 44px;
    position: relative;
}

.artist-management tr td .img-container .row-actions.primary {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    display: none;
    z-index: 3;
}

.artist-management tr:hover td .img-container .row-actions.primary {
    display: block;
}

.artist-management tr td.secondary-actions-container {
    width: auto;
}

.artist-management tr td .row-actions.secondary {
    width: 108px;
    height: 24px;
    margin: 0;
    padding: 0;
}
.artist-management tr td .row-actions.secondary.two-action {
    width: 72px;
    height: 24px;
    margin: 0;
    padding: 0;
}
.artist-management tr td .row-actions.secondary a {
    width: 24px;
    height: 24px;
    margin-right: 12px !important;
}

.artist-management tr td .row-actions.secondary a:last-child {
    /* margin-right: 0 !important; */
}

.artist-management tr td .row-actions.secondary .btn {
    background-image: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.artist-management tr td .row-actions.secondary svg {
    width: 24px;
    height: 24px;
    fill: #919191;
    margin: 0;
}

.artist-management tbody tr:hover {
    background: #f7f9fa;
}

.bootbox-radiobutton-list {
    display: block;
}

.bootbox-radiobutton-list .form-check {}

.bootbox-radiobutton-list .form-check.radio {
    padding-left: 0;
    margin-right: 16px;
}

.bootbox-radiobutton-list .form-check.radio .form-check-label {
    background: #e4e6eb;
    font-size: .9375rem;
    border-radius: 20px;
    position: relative;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    padding: 0 16px;
    font-weight: 500;
    color: #050505;
    width: fit-content;
    float: left;
    margin-right: 12px;
    margin-bottom: 6px;
    margin-top: 6px;
    -webkit-font-smoothing: antialiased;
}

.bootbox-radiobutton-list .form-check.radio .form-check-label:hover {
    background: #d9dadf;
}

.bootbox-radiobutton-list .form-check.radio .form-check-label .bootbox-input-radio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 20px;
}

.bootbox-radiobutton-list .form-check.radio .form-check-label .bootbox-input-radio:checked {
    background: rgba(226, 48, 54, 0.5);
}

/* mention and hashtag */
.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    overflow: hidden;
    z-index: 50;
}

.atwho-view .atwho-header {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-bottom: solid 1px #eaeff1;
    color: #6f8092;
    font-size: 11px;
    font-weight: bold;
}

.atwho-view .atwho-header .small {
    color: #6f8092;
    float: right;
    padding-top: 2px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: normal;
}

.atwho-view .atwho-header:hover {
    cursor: default;
}

.atwho-view .cur {
    background: #f2f2f2;
}

.atwho-view .cur small {
    color: white;
}

.atwho-view strong {
    font-weight: inherit;
}

.atwho-view .cur strong {}

.atwho-view ul {
    width: 260px;
    list-style: none;
    padding: 0;
    margin: auto;
    max-height: 280px;
    overflow-y: auto;
}

.atwho-view ul li {
    display: flex;
    padding: 8px 10px;
    cursor: pointer;
    align-items: center;
}

.atwho-view ul li img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 20px;
}

.atwho-view ul li span {
    font-weight: 600;
}

.atwho-view small {
    font-size: smaller;
    color: #777;
    font-weight: normal;
}

.atwho-inserted {
    background: rgba(24, 119, 242, 0.2);
}

.tag-cloud-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tag-cloud-container .tag-cloud-item {
    height: 40px;
    display: inline-flex;
    background-color: #e4e6eb;
    border-radius: 20px;
    margin-right: 12px;
    vertical-align: middle;
    margin-top: 12px;
    padding: 0 16px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 40px;
}
.tag-cloud-container .tag-cloud-item:hover {
    background-image: linear-gradient(rgb(0 0 0 / 5%),rgb(0 0 0 / 5%));
    color: inherit;
}
[data-toggle='collection'] .collection-on {
    display: block;
}
[data-toggle='collection'] .collection-off {
    display: none;
}
[data-toggle='collection'][data-init='true'] .collection-on {
    display: none;
}
[data-toggle='collection'][data-init='true'] .collection-off {
    display: block;
}

/* landing */
#landing-lindo {
    padding-bottom: 60px;
    z-index: 100;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #ffffff;
    overflow: auto;
    bottom: 0;
}
#landing-lindo .container {
    padding-right: 15px;
    padding-left: 15px;
}
#landing-hero {
    padding-bottom: 60px;
    /* z-index: 100; */
    z-index:10;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #ffffff;
    overflow: auto;
    bottom: 0;
}
#landing-hero .container {
    padding-right: 15px;
    padding-left: 15px;
}
#landing-hero .va-section-footer.secondary {
    background-color: #f0f0f0;
}
#landing-hero .va-section-footer.secondary.blue {
    background-color: #2979ff;
    
}

#landing-hero .claim-h3 {
    color: inherit;
}
#landing-hero img {
    box-shadow: none;
}
#landing-hero .va-section-footer img, #landing-hero .va-section img {
    box-shadow: none;
    max-height: 175px;
}
#landing-hero .custom-grid-image img {
    box-shadow: none;
    max-height: 100%;
}
.custom-grid-wrapper {
    margin-bottom: -1.5rem;
}
.custom-grid {
    margin-bottom: 1.5rem;
}
#landing-hero .va-section h1 {
    font-size: 2rem;
}
.custom-grid h5 {
    font-size: 1rem;
    line-height: 1.33;
    color: white;
}
.custom-grid-cover {
    color: #fff;
    background-color: rgba(13,13,13,.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.custom-grid:hover .custom-grid-cover {
    display: block;
}
.position-center-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-height: 100%;
}
.position-center-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-height: 100%;
}
.landing-icon {
    display: inline-block;
    position: relative;
    top: .1666667em;
}
.landing-icon svg {
    fill: currentColor;
    height: 1em;
    width: 1em;
}

.bg-gradient-primary {
    background-color: #4e73df;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4e73df), to(#224abe));
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    background-size: cover
}

.bg-gradient-secondary {
    background-color: #858796;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #858796), to(#60616f));
    background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
    background-size: cover
}

.bg-gradient-success {
    background-color: #1cc88a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #1cc88a), to(#13855c));
    background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
    background-size: cover
}

.bg-gradient-info {
    background-color: #36b9cc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #36b9cc), to(#258391));
    background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
    background-size: cover
}

.bg-gradient-warning {
    background-color: #f6c23e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f6c23e), to(#dda20a));
    background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
    background-size: cover
}

.bg-gradient-danger {
    background-color: #e74a3b;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e74a3b), to(#be2617));
    background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
    background-size: cover
}

.bg-gradient-light {
    background-color: #f8f9fc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f8f9fc), to(#c2cbe5));
    background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
    background-size: cover
}

.bg-gradient-dark {
    background-color: #5a5c69;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #5a5c69), to(#373840));
    background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
    background-size: cover
}
.card-image {
    width: 50%;
}
.va-section .button-white, .va-section-footer .button-white.button-red {
    background: #e64a4e;
    color: white !important;
}
.header-ad {
    max-width: 720px;
    max-height: 90px;
    margin: 12px auto;
    padding: 0 12px;
}
.footer-ad {
    max-width: 720px;
    max-height: 90px;
    margin: 12px auto;
    padding: 0 12px;
}
.sidebar-ad {
    max-width: 320px;
    max-height: 320px;
    margin: 12px auto;
    padding: 0 12px;
    display: block;
    text-align: center;
}
.track-waveform.ready {
    opacity: .6;
}
.track-waveform {
    position: relative;
    margin-bottom: 16px;
    height: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.track-waveform #waveform {
    width: 100% !important;
}
.track-waveform waveform {
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 0;
    display: block;
    box-sizing: border-box;
    transition: opacity .25s ease-in-out;
}
.track-waveform .song-waveform-visualizer {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}
.next-generation {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    z-index: 1;
    pointer-events: none;
}
.next-generation.video-playing {
    background: rgba(0,0,0,.8);
    z-index: 1000;
}
.next-generation .next-video {
    position: relative;
    width: 720px;
    height: 100%;
    pointer-events: auto;
}
.next-generation .next-video .next-video-close {position: absolute;right: 16px;bottom: 16px;background: white;z-index: 1;color: black;border-radius: 2px;padding: 4px 8px;font-size: 17px;font-weight: bold;cursor: pointer;}
.next-generation .next-video video {width: 720px;height: auto;pointer-events: none;}
.next-generation .next-html {
    position: absolute;
    bottom: 96px;
    z-index: 100000;
    pointer-events: auto;
}
.next-generation .next-html .next-html-close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: black;
    right: 0;
    top: 0;
    cursor: pointer;
}
@media (max-width: 500px) {
    .next-generation .next-video {
        max-width: 100%;
        width: 100%;
    }
    .next-generation .next-video video {
        width: 100%;
        max-width: 100%;
    }
    .next-generation .next-html {
        bottom: 56px;
        left: 12px;
        right: 12px;
    }
}
.lyric-container {
    margin-bottom: 32px;
}
.lyric-content {
    line-height: 22px;
    font-size: 15px;
}
.card .pagination {
    margin: 0;
}
.landing-section-title {
    margin-bottom: 60px;
    font-size: 72px;
    line-height: 120%;
    font-weight: 700;
    text-align: left;
}
.landing-heading-small {
    margin-bottom: 8px;
    color: #ff5353;
    font-size: 20px;
    font-weight: 500;
}
.pub-reach-section {
    height: 700px;
    background-image: url(../images/reach-bg.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    /* background-color: red; */
}

.description.padd-top140 {
    height: auto;
    min-height: 400px;
    padding-top: 0;
    padding-left: 40px;
    padding-top: 120px;
}
.landing-heading-title {
    margin-top: 0;
    margin-bottom: 40px;
    padding-right: 40px;
    font-family: Gordita,sans-serif;
    color: white;
    font-size: 42px;
    line-height: 56px;
}
.h3-20---regular {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 40px;
    padding-left: 0;
    float: right;
    font-family: Gordita,sans-serif;
    color: white;
    font-size: 20px;
    line-height: 32px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
}
.landing-text-section {
    padding: 160px 0;
}
.landing-media-icon {
    width: 60px;
    height: 60px;
    background: #ffeeec;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.landing-media-icon svg {
    width: 24px;
    height: 24px;
    fill: #ff5353;
}
@media (max-width: 768px) {
    .landing-section-title {
        font-size: 42px;
        text-align: center;
    }
}