@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {color: #0000ff;font-family: 'Open Sans', Tahoma, Arial, sans-serif;font-size:13px;margin:0;padding:0;background: #FFF;}
img {  }

h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
h3 { font-size: 28px; margin: 0; }
h4 { font-size: 24px; margin: 10px 0 0 0; }

h1, h3, h4, h5 {
    font-weight: 300;
}
a {
    color: #0000ff;
    text-decoration: none;
}
a:hover {
    color: #000;
}
code, pre {
    word-wrap: break-word;
}
code.api-request {
    background: #f2f2f2;
}
option:hover {
    cursor: pointer;
}
table {
    border-collapse:collapse;
}
table, td, th {
    border: 1px solid #CCC;
    padding: 3px;
}

img { border: 0 }

form {
    margin: 0 0 0 0; /* Firefox fix - creates a blank space on the edit user page */
}
input, textarea, select{ font-family: inherit; }
/* Selectie */
::selection {
    background:#000;
    color:#fff;
}
::-moz-selection {
    background:#000;
    color:#fff;
}
::-webkit-selection {
    background:#000;
    color:#fff;
}
input[type="submit"] {
    color: #AAA;
    font-size: 13px;
    background: #FFF;
    border: 1px solid #BFBFBF;
    text-align: center;
    width: auto;
    padding: 6px 10px 6px 10px !important;
    text-decoration: none;
    margin: 0;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    font-weight: bold;
}
input[type="submit"]:hover {
    border: 1px solid #AAA;
    color: #666;
}
input[type="submit"]:active{
    border: 1px solid #888;
    background: #888;
    color: #FFF !important;
}
input:-webkit-autofill {
    box-shadow: 0 0 0 1100px white inset;
}
/* This fixes the ugly native rounded corners & shadows on iOS */
input[type="text"], input[type="submit"], textarea {
    -webkit-appearance: none;
}
select {
    max-width: 175px;
    outline: 0;
}
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-inherit {
    float: inherit !important;
}
.embed-error-container {
    width: 100%;
    height: 140px;
}
.go-pro-btn-container {
    margin: 0 auto 0 auto;
    padding: 15px 15px 5px 15px;
    text-align: center;
}
.go-pro-features-title {
    margin: 20px;
    padding: 15px;
}
.font-weight-bold {
    font-weight: bold !important;
}
.row-top {
    background: #fff;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #c3c3c3;
    overflow: auto;
}
.row-page {
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1120px;
    overflow: auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.row-body {
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1120px;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}
.row-footer {
    padding: 20px 0 10px 0;
    overflow: auto;
}
.row-body .one { width: 8.333%; }
.row-body .two { width: 16.667%; }
.row-body .three { width: 25%; }
.row-body .four { width: 33.333%; }
.row-body .five { width: 41.667%; }
.row-body .six { width: 50%; }
.row-body .seven { width: 58.333%; }
.row-body .eight { width: 66.667%; }
.row-body .nine { width: 75%; }
.row-body .ten { width: 83.333%; }
.row-body .eleven { width: 91.667%; }
.row-body .twelve { width: 100%; }

.row-page .three { width: 25%; float: right; }
.row-page .nine { width: 75%; float: left; }
.row-page .stats-container {  width: 25%; padding-top: 10px;}
.row-body .stats-container {  padding-top: 10px;}
.row-page .twelve { width: 100%; }
.row-page .table-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-mail { width: 45%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-edit { width: 8%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-delete { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-category-name { width: 83%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-type { width: 13%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-report-message { width: 20%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-safe { width: 10%; padding: 5px 0; word-wrap: break-word;}
.admin-rows { width: 100%; float: left; overflow: auto; }
.admin-rows a { cursor: pointer }
.dash-stats {
    width: 33.333%;
}
.dash-half {
    width: 50%;
    float: left;
}
.stats-values {
    font-size: 14px;
    font-weight: bold;
}
.dashboard-info {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.dashboard-info a {
    color: #fe4646;
    font-weight: bold;
}
.dashboard-info a:hover {
    color: #de4242;
}
.neutral {
    color: #999;
}
.positive {
    color: #27ae60;
}
.negative {
    color: #FF5757;
}
.dash-values {
    font-size: 22px;
}
.chart {
    display: table;
    table-layout: fixed;
    width: 80px;
    height: 30px;
    margin: 0;
    padding: 15px 0 0 0;
}
.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 30px;
    padding-right: 1px;
}
.chart span {
    margin: 0 0;
    display: block;
    background: #fe4646;
}
.chart span:hover {
    background: #de4242;
}
.stats-container h3 {
    font-weight: 400;
    font-size: 22px;
}
.payment-content {
    padding: 5px 0;
    width: 100%;
    float: left;
}
.payment-row {
    padding: 5px 0;
}
.list-content {
    padding-bottom: 5px;
    overflow: auto;
    clear: both;
}
.list-button {
    margin: 2px 0 0 0 !important;
}
.page-button {
    float: left !important;
    margin: 10px 10px 0 0 !important;
}
.report-title {
    font-size: 18px;
}
.report-content {
    padding: 5px 0;
    width: 100%;
    float: left;
    white-space: pre-line;
}
.report-content img {
    margin-bottom: -2px;
}
.manage-users-container {
    padding: 10px 20px;
    border-bottom: 1px solid #EEE;
}
.manage-users-container a {
    text-decoration: none;
    cursor: pointer;
}
.manage-users-image img {
    width: 35px;
    float: left;
}
.manage-users-content {
    padding: 0 55px 0 45px;
    word-break: break-all;
}
.manage-users-buttons {
    float: right;
    overflow: auto;
    margin-top: -35px;
}
.manage-users-buttons a {
    float: right;
}
.manage-list-name {
    font-size: 14px;
    padding-bottom: 5px;
}
.manage-list-buttons {
    margin-top: -30px;
}
.row-top .threeads {
    width: 33.3333%;
}
.row-one {
    float: left;
    width: 15%;
}
.row-two {
    float: left;
    width: 10%;
}
.row-three {
    float: left;
    width: 60%;
    word-break:break-all;
}
.row-four {
    float: left;
    width: 15%;
    text-align: right;
}
.row-welcome {
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    background-size: cover;
    background-position: center;
}
.background-1 {
    background-image: url('images/background_1.jpg');
}
.background-2 {
    background-image: url('images/background_2.jpg');
}
.background-3 {
    background-image: url('images/background_3.jpg');
}
@-webkit-keyframes background {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-moz-keyframes background {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@keyframes background {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
.row {
    width: 100%;
    margin: 0 auto;
    max-width: 1100px;
    overflow: auto;
}
.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }

.column, .columns {
    float: left;
    min-height: 1px;
    position: relative;
}
[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.header {
    margin: 0 auto;
    max-width: 1100px;
    overflow: auto;
    padding: 0 10px;
}
.topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    height: 55px;
    background: #0000FF;
    margin-bottom: 40px;
}
.topbar_margin {
    width: 100%;
    height: 55px;
}
.bottombar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    height: 55px;
    background: #F1F1F1;
    border-top: 1px solid #CCC;
}
.bottombar-container {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 10px;
}
.menu-image {
    float: right;
    height: 55px;
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
    cursor: pointer;
}
.menu-image:hover {
    background: rgba(0, 0, 0, .12);
}
.menu-image:active {
    background: rgba(0, 0, 0, .35);
}
.menu-image-active {
    background: rgba(0, 0, 0, .12);
}
.menu_hover_messages, .menu_hover_notifications {
    background: rgba(0, 0, 0, .12);
}
.menu_visitor {
    float: right;
    margin-top: 20px;
    padding-right: 10px;
    color: #fff;
}
.menu_arrow {
    margin: 25px 0 0 5px;
    float: right;
    min-width: 10px;
    min-height: 5px;
    background: url('images/downarrow.png') no-repeat;
    background-size: 10px;
}
.menu-dd-container {
    max-width: 1120px;
    width: 100%;
    top: 55px;
    position: absolute;
    display: none;
    padding-right: 20px;
    box-sizing: border-box;
}
.menu-dd-content {
    background: #252525;
    min-width: 200px;
    width: auto;
    float: right;
}
.menu-dd-row {
    padding: 10px;
    text-align: right;
}
.menu-dd-row:hover {
    background: #333;
}
.menu-dd-extra {
    color: #FF6060
}
.menu-dd-mobile {
    display: none;
}
.menu-divider {
    height:1px;
    width: 100%;
    background: #333;
}
.menu-dd-content a {
    color: #DDD;
    text-decoration: none;
    width: 100%;
}
.menu-dd-content a:hover {
    color: #FFF;
}
.menu_img {
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 12px;
}
.menu_img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.menu_btn {
    padding: 0 6px;
    float: right;
    height: 55px;
}
.menu_btn img {
    margin-top: 19px;
    width: 16px;
    height: 16px;
}
.menu_btn:hover {
    background: rgba(0, 0, 0, .12);
}
.menu_btn:active {
    background: rgba(0, 0, 0, .35);
}
.menu-btn {
    padding: 5px 10px;
    margin: 13px 0 0 10px;
    float: right;
    color: #C6C6C6;
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    cursor: pointer;
}
.menu-btn:hover, .menu-btn:active {
    border: 1px solid #FE4646;
    background: #FE4646;
    color: #FFF;
}
.search-input {
    float: left;
}
.search-input input {
    border-radius: 3px;
    outline: none;
    border: 0;
    padding: 7px;
    margin-top: 12px;
    background: #ffffff;
    width: 150px;
    color: #000;
}
.search-input input:hover, .search-input input:focus {
    background: #f1f1f1;
}
.search-container, .search-list-container {
    max-width: 1120px;
    width: 100%;
    display: none;
    top: 55px;
    margin: 0 auto;
    color: #BBB;
    padding: 0 10px;
    box-sizing: border-box;
}
.search-list-container .search-content {
    background: #FFF;
}
.search-container a {
    color: #DDD;
}
.search-container a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #FFF;
}
.search-content {
    z-index: 999;
    top: 55px;
    background: #252525;
    overflow: auto;
}
.search-content .notification-inner, .search-content .track-inner {
    padding: 10px 20px;
    border-bottom: 1px solid #333;
}
.search-content .track-inner:hover {
    background: #2b2b2b;
}
.search-results {
    width: 100%;
    float: left;
}
.search-results .subscribe_btn, .search-results .edit_profile_btn, .search-results .sub-loading, .search-results .message_btn {
    position: inherit;
}
.search-results .sound-inner {
    border-top: 1px solid #EEE;
}
.search-image img {
    width: 25px;
    float: left;
    overflow:auto;
}
.search-text {
    padding: 2px 0 5px 35px;
}
.search-icons {
    float: right;
    margin-top: -20px;
}
.search-icons img {
    width: 15px;
    height: 15px;
}
.hashtag {
    border-bottom: 1px solid #333;
    overflow: auto;
}
.hashtag-inner {
    padding: 10px 20px;
}
.hashtag a {
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: auto;
}
.hashtag a:hover {
    background: #2b2b2b;
    text-decoration: none;
}
.content {
    background: #FFF;
    overflow: auto;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.cover-container {
    padding: 0;
}
.cover-content {
    border-bottom: 1px solid #EEE;
    background: #fff;
    color: #6B6B6B;
    overflow: auto;
}
.cover-image {
    float: left;
    top: 0;
    padding-top: 166px;
    width: 100%;
}
.cover-image img {
    width: 100%;
}
.cover-description {
    width: 100%;
    float: left;
    overflow: auto;
    min-height: 35px;
}
.cover-description-content {
    margin-left: 20px;
    padding-bottom: 5px;
    margin-right: 10px;
}
.cover-avatar-content {
    width: 112px;
    margin: 0 0 10px 20px;
    overflow: auto;
}
.cover-avatar {
    float: left;
    position: absolute;
    margin-top: -140px;
    width: 112px;
}
.cover-avatar a {
    overflow: hidden;
    height: 106px;
    float: left;
}
.cover-avatar img {
    width: 100%;
    margin-bottom: -3px;
}
.cover-description-buttons {
    margin: -60px 20px 0 0;
    position: absolute;
    width: 100px;
    right: 0;
}
.cover-buttons {
    float: left;
    margin: 0 0 0 20px;
}
a.cover-button {
    float: left;
    text-decoration: none;
    color: #999;
    margin: 0 20px 0 0;
    padding: 0 0 13px 0;
}
a.cover-button:hover {
    color: #777;
    border-bottom: 3px solid #fe4646;
    padding-bottom: 10px;
}
a.cover-button-active {
    color: #777;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #fe4646;
}
.cover-text-container {
    float: left;
    font-size: 22px;
    margin: -146px 60px 0 125px;
    position: absolute;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.cover-text-container a {
    padding: 3px 5px;
    color: #FFF;
}
.cover-text-container a:hover {
    color: #FFF;
}
.cover-text-container img {
    margin: 0 0 -2px 7px;
    width: 17px;
    height: 17px;
}
.cover-username {
}
.cover-location {
    padding: 3px 5px;
    font-size: 14px;
    color: #FFF;
    display: inline-block;
}
.message-container {
    border-right: 1px solid #EEE;
}
.message-container a {
    color: #666;
    text-decoration: none;
}
.message-container a:hover {
    color: #E45C5C;
}
.message-content {
    color: #999;
}
.message-inner, .sidebar-inner {
    padding: 10px 20px;
}
.track-inner, .list-inner {
    padding: 10px;
}
.divider {
    height: 1px;
    width: 100%;
    background: #EEE;
}
.list-container {
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    overflow: auto;
    padding: 10px;
}
.sound-inner {
    padding: 10px;
}
.track-actions {
    width: 100%;
    overflow: auto;
}
.track-actions-content {
    padding: 5px 0 0 0;
}
.track-actions-content a {
    color: #666;
}
.track-actions-content a:hover {
    color: #333;
}
.track-actions a {
    cursor: pointer;
}
.list-avatar {
    width: 60px;
    float: left;
    overflow:auto;
}
.list-avatar img {
    width: 60px;
}
.track-author {
    padding: 0 0 3px 0;
}
.track-author a {
    color: #444;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.track-author a:hover {
    color: #E45C5C;
}
.message-message {
    padding-top: 5px;
    word-wrap: break-word;
}
.list-top {
    padding: 2px 0 5px 70px;
}
.list-time {
    overflow: auto;
    color: #AAA;
    font-size: 12px;
    padding-top: 1px;
}
.track-actions-container {
    padding: 10px 0 0 132px;
}
.message-reply-container {
    width: 100%;
    padding-top: 10px;
    overflow: auto;
}
.message-reply-container .delete_btn, .message-reply-container .report_btn {
    display: none;
}
.message-reply-container:hover .delete_btn, .message-reply-container:hover .report_btn {
    display: block;
}
.message-reply-content {
    color: #666;
    padding-top: 2px;
}
.message-reply-author {
    float: left;
    padding-right: 10px;
}
.comments-container {
    padding: 10px 0 0 0;
}
.comment-active {
    border-bottom: 3px solid #fe4646;
}
.chat-container .message-reply-author {
    padding-right: 0;
}
.chat-container iframe {
    margin-top: 5px;
    display: block;
}
.message-reply-author a {
    color: #666;
    cursor: pointer;
    font-weight: bold;
}
.message-reply-message {
    padding: 0 15px 10px 42px;
    word-wrap: break-word;
}
.message-comment-box-container {
    padding: 20px 0 0 0;
    overflow: auto;
    width: 100%;
}
.message-comment-box-form {
    padding: 0 0 5px 42px;
}
.comment-reply-textarea {
    padding: 6px 7px;
    color: #6B6B6B;
    font-size: 13px;
    overflow: hidden;
    width: 100%;
    resize: none;
    box-sizing: border-box;
    border: 1px solid #DDD;
    max-width: 100%;
    outline: 0;
    min-height: 32px;
    border-radius: 3px;
    height: 32px;
}
.comment-reply-textarea:focus {
    border: 1px solid #AAA;
}
.message-reported {
    padding-bottom: 5px;
}
.blocked-button {
    float: right;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
}
.blocked-button a {
    cursor: pointer;
    color: #999;
    text-decoration: none;
}
.blocked-button a:hover {
    color: #666;
    text-decoration: underline;
}
.unblock-button a {
    color: #666;
}
.unblock-button a:hover {
    color: #000;
}
.playlist-button {
    padding: 5px 8px 5px 26px;
    margin-right: 5px;
    border: 1px solid #00f;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/playlist_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    display: inline-block;
    float: left;
}
.playlist-button:hover {
    background: #EFEFEF url('images/icons/playlist_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.share-button {
    padding: 5px 8px 5px 26px;
    margin-right: 5px;
    border: 1px solid #00f;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/share_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    display: inline-block;
    float: left;
}
.share-button:hover {
    background: #EFEFEF url('images/icons/share_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.delete-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/delete_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.delete-button:hover {
    background: #EFEFEF url('images/icons/delete_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.buy-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/buy_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.buy-button:hover {
    background: #EFEFEF url('images/icons/buy_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.private-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/private_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.private-button:hover {
    background: #EFEFEF url('images/icons/private_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.public-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/public_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.public-button:hover {
    background: #EFEFEF url('images/icons/public_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.shuffle-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/shuffle_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.shuffle-button:hover {
    background: #EFEFEF url('images/icons/shuffle_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.shuffle-button-active, .shuffle-button-active:hover {
    background: #EFEFEF url('images/icons/shuffle_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.like-button {
    padding: 5px 8px 5px 26px;
    margin-right: 5px;
    border: 1px solid #00f;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/like_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    display: inline-block;
    float: left;
}
.like-button:hover {
    background: #EFEFEF url('images/icons/like_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.liked-button {
    padding: 5px 8px 5px 26px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: #f1f1f1 url('images/icons/like_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    display: inline-block;
    float: left;
}
.liked-button:hover {
    background: #f1f1f1 url('images/icons/like_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.download-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #00f;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/icons/download_btn_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    width: auto;
    display: inline-block;
    float: left;
}
.download-button:hover {
    background: #EFEFEF url('images/icons/download_btn_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.loading-button {
    padding: 5px 8px 5px 18px;
    margin-right: 5px;
    border: 1px solid #DDD;
    overflow: auto;
    border-radius: 3px;
    cursor: pointer;
    height: 15px;
    background: url('images/loader.gif') 5px center no-repeat;
    background-size: 15px;
    width: auto;
    display: inline-block;
    float: left;
}
.small-loader {
    background: url('images/loader.gif') no-repeat;
    background-size: 15px;
    float: right;
    width: 15px;
    height: 15px;
    margin-top: 1px;
}
.vertical-divider {
    padding: 0 10px;
    color: #EEE;
    float: right;
    font-size: 12px;
}
.counter {
    width: auto;
    padding: 0 0 0 30px;
    height: 17px;
    float: right;
    color: #0000ff;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 10px 0;
    font-size: 12px;
}
.views_counter {
    background-image: url('images/icons/views.png');
}
.comments_counter {
    background-image: url('images/icons/comment_n.png');
}
.downloads_counter {
    background-image: url('images/icons/download_btn_n.png');
}
.like_btn {
    background-image: url('images/icons/like_n.png');
}
.comments_counter:hover, .like_btn:hover, .views_counter:hover, .downloads_counter:hover {
    color: #00f;
}
.like_btn_extended {
    float: none;
    display: inline;
    margin-right: 6px;
    padding-right: 0;
}
.playlist-title {
    font-size: 15px;
    word-wrap: break-word;
}
.playlist-play-content {
    padding: 2px 0 10px 0;
    float: left;
}
.playlist-content a {
    text-decoration: none;
}
.playlist-content-info {
    padding-left: 100px;
}
.playlist-buttons-container {
    font-size: 12px;
}
.playlist-actions-container {
    padding: 10px 0 0 100px;
}
.playlist-actions {
    width: 100%;
    overflow: auto;
}
.playlist-actions-content {
    font-size: 12px;
    float: left;
    padding: 1px 0 10px 0;
}
.playlist-artwork {
}
.playlist-artwork img {
    width: 75px;
}
.playlist-stats {
    float: right;
    padding: 6px 0 10px 0;
}
.tracks-small-icon {
    background: url(images/icons/tracks_small.png) no-repeat left center;
    background-size: 12px;
    padding-left: 15px;
    color: #666;
    float: left;
}
.liked-content {
    color: #777;
    line-height: 22px;
}
.liked-content a {
    color: #555;
    text-decoration: none;
}
.liked-content a:hover {
    color: #000;
}
.like_user_avatar {
    float: none;
    display: inline;
    margin-right: 6px;
}
.like_user_avatar img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
}
.like_text_snippet {
    color: #999;
    margin-top: 2px;
    overflow: auto;
}
.comment-btn {
    float: right;
    display: none;
}
.comment-btn a {
    float: right;
    border-radius: 3px;
    padding: 5px 10px;
    color: #BFBFBF;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid;
    border-color: #BFBFBF;
    font-weight: bold;
}
.comment-btn a:hover {
    border-color: #AAA;
    color: #AAA;
}
.comment-btn a:active {
    background: #888;
    border-color: #888;
    color: #FFF;
}
.close_btn {
    width: 17px;
    height: 17px;
    float: right;
    background: url('images/icons/close.png');
    background-size: 17px;
    cursor: pointer;
}
.close_btn:hover {
    background: url('images/icons/close_h.png');
    background-size: 17px;
}
.delete_btn {
    width: 17px;
    height: 17px;
    float: right;
    background: url('images/icons/delete.png');
    background-size: 17px;
    cursor: pointer;
}
.delete_btn:hover {
    background: url('images/icons/delete_h.png');
    background-size: 17px;
}
.report_btn {
    width: 17px;
    height: 17px;
    float: right;
    background: url('images/icons/report.png');
    background-size: 17px;
    cursor: pointer;
}
.report_btn:hover {
    background: url('images/icons/report_h.png');
    background-size: 17px;
}
.subscribe_btn {
    background-color: rgba(255, 255, 255, 0.6);
    background-image: url(images/icons/subscribe.png);
    background-size: 25px;
    background-position: center;
    color: #6B6B6B;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
    border: 1px solid #DDD;
}
.subscribe_btn:hover {
    background-color: #f1f1f1;
    background-image: url(images/icons/subscribe_h.png);
}
.subscribe_btn:active, .subscribe_btn:focus {
    background-color: #DDD;.sub-loading
background-image: url(images/icons/subscribe_h.png);
}
.unsubscribe {
    background-image: url(images/icons/unsubscribe.png);
}
.unsubscribe:hover, .unsubscribe:active {
    background-image: url(images/icons/unsubscribe_h.png);
}
.sub-loading {
    background-color: #fff;
    background-image: url(images/loader.gif);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    color: #6B6B6B;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
}
.list-container .sub-loading {
    border: 1px solid #DDD;
}
.edit_profile_btn {
    background-color: rgba(255, 255, 255, 0.6);
    background-image: url(images/icons/profile_edit.png);
    background-size: 25px;
    background-position: center;
    color: #6B6B6B;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
    border: 1px solid #DDD;
}
.edit_profile_btn:hover {
    background-color: #f1f1f1;
    background-image: url(images/icons/profile_edit_h.png);
}
.edit_profile_btn:active, .edit_profile_btn:focus {
    background-color: #DDD;
    background-image: url(images/icons/profile_edit_h.png);
}
.message_btn {
    background-color: #FFF;
    background-image: url(images/icons/message_btn.png);
    background-size: 25px;
    background-position: center;
    color: #6B6B6B;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    border: 1px solid #DDD;
}
.message_btn:hover {
    background-color: #f1f1f1;
    background-image: url(images/icons/message_btn_h.png);
}
.message_btn:active, .message_btn:focus {
    background-color: #DDD;
    background-image: url(images/icons/message_btn_h.png);
}
.cover-content .message_btn, .cover-content .edit_profile_btn, .cover-content .subscribe_btn {
    border: 0;
    background-color: rgba(255, 255, 255, 0.6);
}
.cover-content .message_btn:hover, .cover-content .edit_profile_btn:hover, .cover-content .subscribe_btn:hover {
    background-color: #FFF;
}
.cover-content .message_btn:active, .cover-content .message_btn:focus, .cover-content .edit_profile_btn:active, .cover-content .edit_profile_btn:focus, .cover-content .subscribe_btn:focus, .cover-content .subscribe_btn:active {
    background-color: #DDD;
}
.load-more-comments, .load-more-chat {
    padding: 5px 0;
    text-align: center;
    height: 17px;
}
.load-more-comments a, .load-more-chat a {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
.load-more-comments a:hover, .load-more-chat a:hover {
    color: #666;
}
.load-more-comments img, .load-more-chat img {
    width: 85px;
    vertical-align: center;
}
.last-comment-wrong {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.comments_preloader {
    width: 100%;
}
.delete_preloader img, .comments_preloader img {
    width: 85px;
}
.message-reply-avatar {
    width: 32px;
    float: left;
    overflow:auto;
}
.message-reply-avatar img {
    border-radius: 0;
    width: 32px;
    height: 32px;
}
.button-normal {
    border: 1px solid #BFBFBF;
    background: #fff;
    color: #AAA;
    border-radius: 3px;
    overflow: auto;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    text-decoration: none;
    display: inline;
}
.button-normal:hover {
    border: 1px solid #AAA;
    color: #666;
}
.button-normal:active {
    border: 1px solid #888;
    background: #888;
    color: #FFF;
}
#load-more {
    padding: 15px 0 6px 0;
    height: 30px;
    border-right: 1px solid #EEE;
}
.load-more-comments {
    padding: 15px 0 6px 0;
    height: 30px;
}
.load_more {
    text-align: center;
    padding: 3px;
    height: 13px; /* The height of preloader-retina-large */
}
.load_more a {
    border: 1px solid #BFBFBF;
    background: #fff;
    color: #BFBFBF;
    border-radius: 3px;
    overflow: auto;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}
.load_more a:hover {
    border: 2px solid #AAA;
    color: #AAA;
}
.load_more a:active {
    border: 2px solid #888;
    background: #888;
    color: #FFF;
}
.load_more img {
    width: 85px;
}
.new-message {
    box-shadow: 0px 1px 1px #CCC;
    border: 1px solid #BFBFBF;
    background: #fff;
    color: #6B6B6B;
    border-radius: 3px;
    overflow: auto;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.new-message:hover {
    border: 1px solid #AAA;
    color: #888;
}
.new-message:active {
    box-shadow: #CCC 0px 1px 3px inset;
}
.new-message-url a {
    color: #898F9C;
    text-decoration: none;
}
.new-message-url a:hover {
    color: #666;
}
.timeago, .timeago-standard {
    color: #999;
    display: inline-block;
}
.timeago:hover, .timeago-standard:hover {
    color: #666
}
.pro-icon {
    background: url('images/icons/pro.png') no-repeat;
}
.pro-small {
    background-size: 13px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px 3px;
}
.pro-normal {
    background-size: 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 0 -2px 0;
}
.sidebar-container {
    padding: 0 0 10px 0;
    margin-left: -1px;
    border-left: 1px solid #eee;
}
.sidebar-content {
    background: #fff;
    color: #6B6B6B;
    overflow: hidden;
}
.sidebar-header {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px solid #EEE;
}
.sidebar-header a {
    color: #777;
    text-decoration: none;
}
.sidebar-header a:hover {
    color: #222;
}
.sidebar-header-extra {
    float: right;
}
.sidebar-header-extra a {
    color: #CCC;
}
.sidebar-header-extra a:hover {
    color: #FF6060;
}
.sidebar-subscriptions {
    width: 33.333%;
    float: left;
}
.sidebar-subscriptions img {
    width: 100%;
    margin-bottom: -4px;
}
.sidebar-subscriptions-padding {
    padding: 5px;
}
.sidebar-suggestions {
    width: 100%;
    float: left;
}
.sidebar-suggestions a {
    text-decoration: none;
    color: #888;
}
.sidebar-suggestions a:hover {
    color: #000;
}
.sidebar-suggestions-inner {
    padding: 10px 20px 0 20px;
    overflow: auto;
}
.sidebar-suggestions-image {
    float: left;
    width: 35px;
}
.sidebar-suggestions-image img {
    width: 35px;
    border-radius: 3px;
}
.sidebar-suggestions-info {
    margin: 0 30px 0 45px;
}
.sidebar-suggestions-small {
    font-size: 11px;
    padding-top: 5px;
    cursor: default;
}
.sidebar-suggestions-track {
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-suggestions-track a {
    color: #333;
}
.sidebar-suggestions-tracks {
    background: url('images/icons/tracks_small.png') no-repeat center left;
    background-size: 12px;
    padding: 0 20px 0 15px;
    float: left;
    color: #8A8A8a;
}
.sidebar-suggestions-followers {
    background: url('images/icons/followers.png') no-repeat center left;
    background-size: 14px;
    padding: 0 20px 0 17px;
    float: left;
    color: #8A8A8a;
}
.sidebar-link img {
    vertical-align: middle;
    margin-right: 7px;
    height: 20px;
    width: 20px;
    margin-top: -3px;
}
.sidebar-link a {
    padding: 8px 20px 4px 20px;
    display: block;
    text-decoration: none;
    color: #8A8A8A;
    height: 23px;
}
.sidebar-link a:hover {
    background: #F1F1F1;
    color: #666;
}
.sidebar-link-divider {
    padding: 0 20px;
}
.sidebar-report a {
    color: #999;
    font-size: 12px;
    text-decoration: none;
}
.sidebar-report a:hover {
    color: #333;
}
.sidebar-tag a {
    background: #333;
    color: #efefef;
    border-radius: 3px;
    padding: 5px;
    float: left;
    margin: 0 10px 10px 0;
    text-decoration: none;
}
.sidebar-tag a:hover {
    background: #DDD;
    color: #666;
}
.sidebar-stats-container {
    padding: 10px 20px 0 20px;
    font-size: 10px;
    font-weight: bold;
    color: #777;
    overflow: auto;
}
.sidebar-stats-box {
    width: 50%;
    float: left;
    padding-top: 13px;
    text-transform: uppercase;
}
.sidebar-stats-today {
    color: #FE4646;
}
.sidebar-text-right {
    text-align: right;
    font-size: 20px;
    font-weight: normal;
    padding: 3px 0 0 0;
    height: 28px;
}
.sidebar-stats-box-right {
    text-align: right;
}
.upload-status-bar, .sidebar-stats-bar {
    margin-top: 13px;
    height: 6px;
    width: 100%;
    overflow: hidden;
    background: #CCC;
    float: left;
}
.upload-status-bar {
    margin-top: 11px;
}
.sidebar-stats-divider {
    margin-top: 13px;
    float: left;
}
.upload-status-bar-percentage, .sidebar-stats-bar-percentage {
    background-color: #0000ff;
    height: 6px;
}
.upload-text {
    font-size: 11px;
    font-weight: bold;
    color: #777;
    overflow: auto;
    text-transform: uppercase;
}
.sidebar-users {
    cursor: pointer;
}
.sidebar-users img {
    vertical-align: middle;
    margin-right: 7px;
}
img.sidebar-status-icon {
    height: 25px;
    width: 12px;
}
.sidebar-users a {
    margin-top: -1px;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #EEE;
    display: block;
    text-decoration: none;
    color: #898F9C;
}
.sidebar-users a:hover {
    background: #f1f1f1;
    color: #666;
}
.sidebar-link-active a, .sidebar-link-active a:hover {
    background: #f7f7f7;
    color: #666;
}
.sidebar-online-users {
    float: left;
    width: 25%;
}
.sidebar-online-users a {
    text-decoration: none;
}
.sidebar-online-users img {
    width: 100%;
    border-radius: 5px;
}
.sidebar-online-users-padding {
    padding: 10px 10px 0 0;
}
.sidebar-online-users-inner {
    overflow: hidden;
    padding: 0 10px 0 20px;
}
.plus-button {
    overflow: auto;
    background: #FFF;
    border-radius: 5px;
    border: 2px solid #BBB;
    color: #BBB;
    text-align: center;
    line-height: 40px;
    height: 42px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}
.plus-sign {
    margin-left: -5px;
}
.plus-button:hover {
    color: #fff;
    background: #BBB;
}
.sidebar-chat-list {
    max-height: 456px;
    overflow: auto;
}
.sidebar-header input {
    outline: 0;
    border: 1px solid #FFF;
    background: url('images/icons/search.png') no-repeat top right;
    background-size: 12px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 16px;
}
.sidebar-divider {
    height:1px;
    width: 100%;
    background: #EEE;
    float: left;
}
.sidebar-list {
    margin-top: -1px;
    padding: 7px 10px;
    border-top: 1px solid #EEE;
    font-size: 12px;
}
.sidebar-list img {
    width: 20px;
    height: 20px;
    margin-left: 3px;
    vertical-align: middle;
}
.sidebar-description {
    padding: 10px 20px 0 20px;
    word-wrap: break-word;
}
.sidebar-license {
    margin-top: 3px;
}
.sidebar-social-container {
    overflow: auto;
    padding: 10px 10px 0 20px;
}
.social-icon {
    width: 100%;
    border-radius: 3px;
    height: 34px;
}
.share-social-icon {
    height: 34px;
    width: 34px;
    border-radius: 3px;
}
.website-icon {
    background: #EEE url('images/icons/social/website.png') center center no-repeat;
    background-size: 16px;
}
.website-icon:hover {
    background: #888 url('images/icons/social/website_h.png') center center no-repeat;
    background-size: 16px;
}
.facebook-icon {
    background: #EEE url('images/icons/social/facebook.png') center center no-repeat;
    background-size: 18px;
}
.facebook-icon:hover {
    background: #3b579d url('images/icons/social/facebook_h.png') center center no-repeat;
    background-size: 18px;
}
.twitter-icon {
    background: #EEE url('images/icons/social/twitter.png') center center no-repeat;
    background-size: 20px;
}
.twitter-icon:hover {
    background: #55acee url('images/icons/social/twitter_h.png') center center no-repeat;
    background-size: 20px;
}
.gplus-icon {
    background: #EEE url('images/icons/social/instagram.png') center center no-repeat;
    background-size: 18px;
}
.gplus-icon:hover {
    background: #000 url('images/icons/social/instagram_h.png') center center no-repeat;
    background-size: 18px;
}
.youtube-icon {
    background: #EEE url('images/icons/social/youtube.png') center center no-repeat;
    background-size: 18px;
}
.youtube-icon:hover {
    background: #CC201F url('images/icons/social/youtube_h.png') center center no-repeat;
    background-size: 18px;
}
.vimeo-icon {
    background: #EEE url('images/icons/social/vimeo.png') center center no-repeat;
    background-size: 18px;
}
.vimeo-icon:hover {
    background: #1ab7ea url('images/icons/social/vimeo_h.png') center center no-repeat;
    background-size: 18px;
}
.soundcloud-icon {
    background: #EEE url('images/icons/social/soundcloud.png') center center no-repeat;
    background-size: 18px;
}
.soundcloud-icon:hover {
    background: #F7640F url('images/icons/social/soundcloud_h.png') center center no-repeat;
    background-size: 18px;
}
.lastfm-icon {
    background: #EEE url('images/icons/social/lastfm.png') center center no-repeat;
    background-size: 18px;
}
.lastfm-icon:hover {
    background: #D00A01 url('images/icons/social/lastfm_h.png') center center no-repeat;
    background-size: 18px;
}
.tumblr-icon {
    background: #EEE url('images/icons/social/tumblr.png') center center no-repeat;
    background-size: 18px;
}
.tumblr-icon:hover {
    background: #37465d url('images/icons/social/tumblr_h.png') center center no-repeat;
    background-size: 18px;
}
.reddit-icon {
    background: #EEE url('images/icons/social/reddit.png') center center no-repeat;
    background-size: 18px;
}
.reddit-icon:hover {
    background: #ff4500 url('images/icons/social/reddit_h.png') center center no-repeat;
    background-size: 18px;
}
.linkedin-icon {
    background: #EEE url('images/icons/social/linkedin.png') center center no-repeat;
    background-size: 18px;
}
.linkedin-icon:hover {
    background: #0e76a8 url('images/icons/social/linkedin_h.png') center center no-repeat;
    background-size: 18px;
}
.myspace-icon {
    background: #EEE url('images/icons/social/myspace.png') center center no-repeat;
    background-size: 18px;
}
.myspace-icon:hover {
    background: #018CDD url('images/icons/social/myspace_h.png') center center no-repeat;
    background-size: 18px;
}
.pinterest-icon {
    background: #EEE url('images/icons/social/pinterest.png') center center no-repeat;
    background-size: 18px;
}
.pinterest-icon:hover {
    background: #D0383F url('images/icons/social/pinterest_h.png') center center no-repeat;
    background-size: 18px;
}
.email-icon {
    background: #EEE url('images/icons/social/email.png') center center no-repeat;
    background-size: 18px;
}
.email-icon:hover {
    background: #666 url('images/icons/social/email_h.png') center center no-repeat;
    background-size: 18px;
}
.social-icon-container {
    width: 20%;
    float: left;
}
.social-icon-padding {
    padding: 0 10px 10px 0;
}
.share-icon-container {
    float: left;
}
.share-icon-container a {
    cursor: pointer;
}
.share-icon-container .social-icon-padding {
    padding: 5px 5px 0 0;
}
.sidebar-social img {
    margin-right: 3px;
    width: 16px;
    height: 16px;
    vertical-align: top;
    font-size: 12px;
}
.sidebar-list a {
    color: #6B6B6B;
}
.sidebar-avatar {
    width: 50px;
    float: left;
}
.sidebar-avatar img {
    border-radius: 3px;
}
.sidebar-avatar-desc {
    height: 42px;
    margin-left: 60px;
    padding-top: 8px;
    font-size: 12px;
}
.sidebar-avatar-edit a {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}
.page-header {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px solid #EEE;
}
.page-header-extra {
    border-right: 1px solid #EEE;
}
.message-form-private {
    float: right;
}
.private-profile-content {
    border-right: 1px solid #EEE;
    background: #fff;
    color: #6B6B6B;
    overflow: auto;
}
.selected-files {
    border-bottom: 1px solid #EEE;
    padding: 5px 10px;
    display: none;
    color: #a9a9a9;
}
.header-loader {
    float: right;
}
.chat-container {
    height: 410px;
    padding: 0 20px;
    overflow: auto;
}
.chat-form-inner {
    padding: 10px 20px;
}
.chat-form-inner input {
    border: 0;
    outline: 0;
    width: 100%;
    resize: none;
    height: 25px;
    min-height: 25px;
    max-width: 100%;
    overflow: hidden;
}
.chat-error {
    padding: 10px 0;
}
textarea {
    width: 100%;
    max-width: 500px;
    height: 100px;
    box-sizing: border-box;
}
.logo {
    height: 45px;
    width: 150px;
    float: left;
    margin: 5px 10px 5px 0;
    background: url('images/logo.png') no-repeat;
    background-size: 150px 55px;
}
.info {
    border: 1px solid #38A8FF;
    background: #BEDBFF;
    border-radius: 3px;
    color: #2A4E9B;
    width: 91%;
    padding: 5px 7px;
}
.page-settings-container {
    padding: 0 0 10px 0;
    border-right: 1px solid #EEE;
}
.page-login-container {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
.page-container {
    border-right: 1px solid #EEE;
    padding: 0 0 10px 0;
}
.page-content {
    background: #fff;
    color: #6B6B6B;
    overflow: auto;
}
.page-inner {
    padding: 10px 20px;
    overflow: auto;
}
.page-input-container {
    width: 100%;
    overflow: auto;
    padding: 10px 0;
}
.page-input-container input, .page-input-container select, .page-input-container textarea, input.playlist-input {
    padding: 6px 8px;
    border: 1px solid #BFBFBF;
    border-radius: 3px;
    outline: none;
    margin: 0;
}
.page-input-container input:hover, .page-input-container select:hover, .page-input-container textarea:hover {
    border: 1px solid #AAA;
}
.page-input-container input:focus, .page-input-container select:focus, .page-input-container textarea:focus  {
    border: 1px solid #888;
}
.page-input-container input[type="submit"] {
    margin-top: 0;
}
.page-input-container input[type="file"] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
}
.page-input-container input[type="file"]:hover {
    border: 1px solid #AAA;
}
.page-input-content {
    width: 100%;
    padding-left: 95px;
    box-sizing: border-box;
}
.page-input-left {
    padding-left: 0;
}
.page-input-title, .page-input-title-img {
    text-align: right;
    width: 85px;
    margin-right: 10px;
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
    float: left;
    color: #444;
}
.page-input-title-img img {
    border-radius: 3px;
    margin-top: 5px;
}
.page-input-sub {
    color: #666;
    font-size: 11px;
    padding-top: 4px;
}
.report-checkbox {
    padding-bottom: 10px;
    max-width: 500px;
}
.report-checkbox textarea {
    min-height:100px;
}
.report-checkbox input {
    float: left;
}
.report-checkbox label {
    padding-left: 5px;
}
.page-title {
    font-size: 18px;
}
.page-input-title-img-wall {
    width: 100%;
}
.page-input-title-img-wall img {
    width: 100%;
}
.stats-boxes-container {
    overflow: auto;
    width: 100%;
    padding-bottom: 10px;
}
.container-short {
    overflow: auto;
}
.container {
    padding: 15px 0;
    overflow: auto;
    width: 100%;
    float: left;
}
.chart-container {
    padding-left: 15px;
}
.chart img {
    width: 100%;
}
.preloader {
    padding: 10px 0;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.preloader-normal {
    width: 110px;
    height: 10px;
}
.preloader-dark {
    width: 110px;
    height: 10px;
    background: url('images/preloader_dark.gif');
}
.preloader-retina {
    width: 85px;
    height: 8px;
    background: url('images/preloader.gif');
    background-size: 85px 8px;
}
.preloader-retina-large {
    width: 110px;
    height: 10px;
    background: url('images/preloader.gif');
    background-size: 110px 10px;
}
.preloader-center {
    margin: 0 auto;
}
.preloader-left {
    display: inline-block;
}
.retrieving-results {
    display: inline;
}
.footer {
    padding: 0px 0 55px 0;
}
.footer-container {
    font-size: 13px;
    color: #919191;
    padding: 10px 0;
}
.footer-links, .footer-languages {
    padding-bottom: 5px;
}
.footer-links a, .footer-languages a {
    color: #7E7E7E;
}
.footer-links a:hover, .footer-languages a:hover {
    color: #444;
}
.footer-links span:not(:last-child):after, .footer-languages span:not(:last-child):after {
    content: " - ";
}
.pages-content {
    padding: 20px;
}
.text-inputs {
    padding: 3px 0;
}
.ads1 {
    margin-top: 10px;
    width: 100%;
    height: auto;
    float: left;
}
.info-message {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
}
.error {
    padding: 5px;
    border: 1px solid #cc0000;
    background: #ffc0cf;
    color: #b40a34;
    border-radius: 3px;
    margin: 0 0 10px 0;
}
.theme-content {
    color: #999;
    width: 100%;
    float: left;
}
.theme-inner {
    padding: 10px 0;
}
.theme-icon {
    width: 60px;
    float: left;
    overflow: auto;
}
.theme-icon img {
    border-radius: 3px;
    width: 60px;
}
.theme-top {
    padding: 5px 0 5px 70px;
}
.forgot-password {
    padding-top: 4px;
    float: right;
    font-size: 12px;
}
.forgot-password a {
    color: #AAA;
}
.forgot-password a:hover {
    color: #666;
}
.register-captcha img {
    border-radius: 3px;
    width: 75px;
    float: right;
    border: 1px solid #BFBFBF;
}
.welcome-content {
    background: #fff;
    border: 0;
    padding: 40px 0;
    border-bottom: 1px solid #EEE;
}
.welcome-content .row-body, .welcome-pro .row-body {
    padding: 0 20px;
}
.wc-lc {
    overflow: auto;
    padding: 0 0 0 0;
}
.wc-lc .row-body {
    padding-top: 50px;
}
.welcome-pro {
    padding: 25px 0;
}
.welcome-bg-0 {
    background: #FFF;
}
.welcome-bg-1 {
    background: #f5f5f5;
}
.welcome-inner {
    overflow: auto;
    padding: 0 20px;
}
.welcome-tracks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1120px;
}
.welcome-tracks .welcome-track .welcome-pseudo {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 1rem rgba(0,0,0,.03)!important;
}
.welcome-items-width {
    max-width: 150px;
    width: 100%;
}
.welcome-tracks .song-titles {
    padding: 0;
}
.welcome-tracks .song-title div {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}
.welcome-tracks .song-title div, .welcome-tracks .song-author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.welcome-track {
    margin: 20px 10px 10px 10px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.welcome-track a {
    overflow: hidden;
}
.welcome-track img {
    width: 100%;
    z-index: 1;
    display: block;
}
.welcome-player-container {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}
.welcome-player-background {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
}
.welcome-track.current-song .welcome-pseudo .welcome-player-button,
.welcome-track.current-song .welcome-pseudo .welcome-player-background,
.welcome-pseudo:hover .welcome-player-button,
.welcome-pseudo:hover .welcome-player-background {
    display: block;
}
.welcome-track .player-controls {
    padding: 0;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 99;
}
.welcome-track .welcome-player-button {
    padding: 0;
}
.welcome-track .song-play-btn {
    position: absolute;
    z-index: 999;
}
.welcome-track .player-controls a.jp-play, .welcome-track .player-controls a.jp-pause {
    margin: 0;
}
.welcome-track .jp-progress, .welcome-track .jp-time-holder {
    display: none !important;
}
.wc-button {
    padding-top: 15px;
    line-height: 30px;
}
.welcome-message {
    float: left;
    width: 100%;
    color: #FFF;
    margin: 65px 0;
    text-align: center;
}
.welcome-title {
    font-size: 34px;
    font-weight: normal;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.welcome-desc {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5em;
    max-width: 550px;
    margin: 20px auto;
    color: #FFF;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.welcome-tagline {
    font-size: 18px;
    padding-bottom: 17px;
}
.text-primary {
    color: #0000ff !important;
}
.text-muted {
    color: #757575!important;
}
.text-dark {
    color: #262626 !important;
}
.text-center {
    text-align: center !important;
}
.welcome-button {
    margin: 15px 25px 0 0;
    min-height: 40px;
    display: inline-block;
}
.welcome-button:last-child {
    margin-right: 0;
}
.welcome-button a {
    padding: 10px 25px;
    border: 1px solid #0000ff;
    color: #0000ff;
    border-radius: 3px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    display: block;
}
.welcome-button a:hover {
    background: #0000ff;
    border: 1px solid #0000ff;
    color: #FFF;
}
.welcome-message .welcome-button a {
    border: 1px solid #FFF;
    background: #FFF;
    color: #0000ff;
}
.welcome-message .welcome-button a:hover {
    border: 1px solid #0000ff;
    background: #0000ff;
    color: #FFF;
}
.welcome-section-title {
    font-weight: 600;
    font-size: 32px;
    margin: 0 auto;
    display: inline-flex;
}
.welcome-section-title .pro-icon {
    align-self: center;
    margin: 0 10px;
}
.welcome-section-desc {
    font-size: 18px;
    margin: 5px auto 35px auto;
    max-width: 500px;
}
.welcome-bar {
    border-bottom: 1px solid #DDD;
    padding: 20px 0;
    background: #fff;
}
.welcome-menu {
    text-align: center;
    font-size: 15px;
}
.welcome-menu a {
    margin: 0 20px 0 0;
}
.welcome-box {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 0 50px 0;
    color: #666;
}
.welcome-box:first-child {
    padding: 25px 0 0 0;
}
.welcome-box-section {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}
.welcome-centered-text {
    text-align: center;
}
.welcome-box-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.welcome-box-desc {
    padding: 3px 0 0 0;
    font-size: 15px;
}
.wcf {
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33.33%;
    align-items: center;
}
.wcf-content {
    width: 100%;
    text-align: center;
    padding: 0 50px;
    box-sizing: border-box;
}
.feature-image svg {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    margin: 10px 0;
}
.notification-box {
    padding: 5px 10px 10px 10px;
    border: 0px solid;
    position: relative;
    margin: 10px 20px 0 20px;
    color: #fff;
    border-radius: 3px;
}
.notification-box a {
    color: #FFF;
}
.notification-box a:hover {
    color: #F6F6F6;
}
.notification-box-modal {
    margin: 10px 10px 0 10px;
}
.notification-box h5 {
    font-size: 20px;
    margin: 0;
}
.notification-box-error {
    background: #FF5757;
}
.notification-box-success {
    background: #0000ff;
}
.notification-box-info {
    background: #0000ff;
}
.notification-box > p {
    padding-top: 5px;
    padding-right: 20px;
    margin: 0;
}
.notification-close {
    padding: 5px 4px;
    position: absolute;
    right: 0;
    top: 5px;
    background: url(images/icons/close_h.png) no-repeat center left;
    background-size: 17px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    opacity: 0.75;
}
.notification-close:hover {
    opacity: 1;
}
.notification-container {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    display: none;
    top: 55px;
    color: #AAA;
    padding: 0 10px;
    box-sizing: border-box;
}
.notification-content {
    background: #252525;
    max-width: 350px;
    width: 100%;
    float: right;
}
.notification-content a {
    color: #DDD;
    text-decoration: none;
}
.notification-content a:hover {
    color: #FFF;
}
.notification-inner {
    padding: 10px;
}
.notification-container .notification-row {
    float: left;
    width: 100%;
    border-top: 1px solid #333;
    border-right: 0;
}
.notification-row {
    float: left;
    width: 100%;
    border-top: 1px solid #EEE;
    border-right: 1px solid #EEE;
}
.notification-image {
    float: left;
}
.notification-text {
    padding-left: 39px;
}
.notification-text img {
    vertical-align: bottom;
    width: 15px;
    height: 15px;
}
.notification-text .chat-snippet {
    font-style: italic;
    word-wrap: break-word;
}
.notification-container .notification-unread {
    background: #252525;
}
.notification-unread {
    background: #F1F1F1;
}
.notification-container .notification-padding {
    padding: 5px 10px;
    overflow: auto;
}
.notification-padding {
    padding: 10px 20px;
    overflow: auto;
}
#notifications-content .timeago {
    float: none;
}
#notifications-content .timeago:hover {
    text-decoration: none;
    color: #999;
    cursor: default;
}
#notifications-content img.notifications {
    height: 33px;
    width: 33px;
    border-radius: 3px;
    margin-right: 5px;
}
#notifications-content {
    max-height: 435px;
    overflow: auto;
}
#notifications-page {
    margin-top: -1px;
}
#notifications-page .timeago {
    float: none;
}
#notifications-page .timeago:hover {
    text-decoration: none;
}
#notifications-page img.notifications {
    height: 33px;
    width: 33px;
    border-radius: 3px;
    margin-right: 5px;
}
.sidebar-button-container {
    width: 100%;
}
.sidebar-button-container a {
    text-decoration: none;
}
.edit-button, .back-button {margin: 20px 20px 10px 20px;border: 2px solid #0000ff;height: 50px;border-radius: 5px;text-align: center;line-height: 48px;color: #0000ff;cursor: pointer;}
.edit-icon {
    background: url('images/icons/edit_n.png') no-repeat;
    background-size: 20px;
    width: 32px;
    padding: 0 15px 10px 15px;
    margin-left: -10px;
}
.edit-button:hover {
    background: #0000ff;
    border-color: #0000ff;
    color: #FFF;
}
.edit-button:hover .edit-icon {
    background: url('images/icons/edit_h.png') no-repeat;
    background-size: 20px;
    width: 32px;
    padding: 0 15px 10px 15px;
    margin-left: -10px;
}
.back-icon {
    background: url('images/icons/back_n.png') no-repeat;
    background-size: 20px;
    width: 32px;
    padding: 0 15px 10px 15px;
    margin-left: -10px;
}
.back-button:hover {
    background: #0000ff;
    border-color: #0000ff;
    color: #FFF;
}
.back-button:hover .back-icon {
    background: url('images/icons/back_h.png') no-repeat;
    background-size: 20px;
    width: 32px;
    padding: 0 15px 10px 15px;
    margin-left: -10px;
}
.upload-button {
    margin: 20px 20px 10px 20px;
    border: 2px solid #0000ff;
    height: 50px;
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    color: #0000ff;
    cursor: pointer;
}
.upload-button:hover {
    background: #0000ff;
    border-color: #0000ff;
    color: #FFF;
}
.upload-icon {
    background: url('images/icons/upload_n.png') no-repeat;
    background-size: 22px;
    width: 32px;
    padding: 0 20px 10px 15px;
    margin-left: -10px;
}
.upload-button:hover .upload-icon {
    background: url('images/icons/upload_h.png') no-repeat;
    background-size: 22px;
    width: 32px;
    padding: 0 20px 10px 15px;
    margin-left: -10px;
}
.sidebar-fa-image {
    float: left;
}
.sidebar-fa-image img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
}
.sidebar-fa-text {
    font-size: 12px;
    padding-left: 37px;
}
.sidebar-fa-text .timeago {
    float: none;
    display: inline-block;
}
.sidebar-fa-content {
    max-height: 336px;
    overflow: auto;
}
.sidebar-fa-content a {
    color: #666;
}
.sidebar-fa-content .notification-row {
    border: 0;
}
.sidebar-fa-content .notification-padding {
    padding: 10px 20px 0px 20px;
}
.input_hidden {
    position: absolute;
    left: -9999px;
}
.selected {
    background-color: #DFDFDF;
}
#values {
    float: left;
}
#values label {
    display: inline-block;
    cursor: pointer;
}
#values label:hover {
    background-color: #efefef;
}

#values label img {
    padding: 7px 5px 6px 5px;
    width: 24px;
    height: 24px;
}
.button-image {
    width: 34px;
    height: 40px;
    background-image: url('images/icons/events/camera.png');
    background-repeat: no-repeat;
    background-position: 50% 35%;
    overflow: hidden;
    float: left;
    cursor: pointer;
    margin-right: 4px;
    background-size: 24px;
}
.button-image:hover {
    background-color: #efefef;
}
.inputImage {
    opacity: 0.0;
    height: 40px;
    cursor: pointer;
    width: 33px; /* Move it to the left so that the cursor: pointer gets active (it sends the Choose file outside of the view) */
}
#notifications_btn, #messages_btn {
    cursor: pointer;
    width: 16px;
}
.notificatons-number-container {
    float: left;
    margin-right: 5px;
}
.admin-notifications-number {
    background: #FF3434;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: normal;
    color: #FFF;
    font-size: 10px;
    margin-left: 3px;
}
.notifications-number {
    background: #FF3434;
    border-radius: 3px;
    padding: 2px 3px;
    font-size: 10px;
    position: absolute;
    margin: -30px 0 0 9px;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
#more_users, #more_reports, #more_payments {
    width: 100%;
    float: left;
    padding: 15px 0 5px 0;
}
#share, #playlist, #delete, #connect {
    position:fixed;
    z-index: 101;
    top:50%;
    left:50%;
    margin:-150px 0 0 -150px;
    width: 300px;
    display: none;
}
#playlists {
    max-height: 138px;
}
.modal-input input {
    border: 1px solid #BFBFBF;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
}
.modal-input input:focus, .modal-input input:hover {
    border: 1px solid #AAA;
}
.modal-checkbox input {
    margin: 5px 5px 0 0;
    float: left;
}
.modal-checkbox label {
    margin-top: 2px;
    float: left;
}
.modal-connect input {
    margin: 0 0 7px 0;
}
.modal-checkbox-register {
    display: flex;
}
.modal-captcha {
    display: inline-block;
}
.modal-captcha input {
    width: 195px;
}
.modal-background {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    display: none;
    z-index: 100;
}
.modal-container {
    background: #fff;
    width: 300px;
    border: 1px solid #BFBFBF;
    border-radius: 3px;
    overflow: auto;
}
.modal-inner {
    padding: 10px;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
}
.modal-menu-container {
    padding: 10px 10px 0 10px;
    overflow: auto;
}
.modal-menu-item {
    color: #777;
    padding: 0 0 13px 0;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.modal-menu-item:hover, .modal-menu-item-active {
    color: #777;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #FE4646;
    cursor: pointer;
    margin-right: 10px;
}
.modal-loading, .header-loader {
    width: 110px;
    height: 10px;
    background: url('images/preloader.gif');
    background-size: 110px 10px;
    float: right;
    margin-top: 5px;
    display: none;
}
.modal-desc {
    padding: 0 0 5px 0;
    color: #666;
}
.modal-desc img {
    width: 85px;
}
.modal-btn {
    margin: 10px 10px 10px 0;
    overflow: auto;
    float: right;
}
.modal-btn a {
    float: right;
    border-radius: 3px;
    padding: 5px 10px;
    color: #BFBFBF;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid;
    border-color: #BFBFBF;
    font-weight: bold;
}
.modal-btn a:hover {
    border-color: #AAA;
    color: #AAA;
}
.modal-btn a:active {
    background: #888;
    border-color: #888;
    color: #FFF;
}
.modal-btn-active a {
    color: #FF8181;
    border-color: #FF8181;
}
.modal-btn-active a:hover {
    border-color: #FF6060;
    background: #FF6060;
    color: #FFF;
}
.modal-btn-enable a {
    color: #27AE60;
    border-color: #27AE60;
}
.modal-btn-enable a:hover {
    border-color: #27AE60;
    background: #27AE60;
    color: #FFF;
}
.modal-btn-facebook a {
    color: #3B579D;
    border-color: #3B579D;
}
.modal-btn-facebook a:hover {
    border-color: #3B579D;
    background: #3B579D;
    color: #FFF;
}
.tab-share, .tab-embed, .tab-login, .tab-register {
    display: none;
}
.tab-delete {
    padding: 5px 0;
    width: 100%;
}
.dummy-player {
    width: 100%;
    padding-bottom: 10px;
    overflow: auto;
}
.dummy-artwork {
    float: left;
}
.dummy-artwork img {
    width: 50px;
}
.dummy-play-btn {
    float: left;
    background: url("images/player.png") 0 0 no-repeat;
    background-size: 60px;
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
.dummy-author {
    float: left;
    width: 80px;
    height: 7px;
    background: #d9d9d9;
    margin: 0 0 4px 6px;
}
.dummy-title {
    float: left;
    width: 140px;
    height: 9px;
    background: #c2c2c2;
    margin: 0 0 0 6px;
}
.dummy-seek {
    float: left;
    width: 220px;
    height: 3px;
    background: #c2c2c2;
    margin: 7px 0 0 10px;
}
.dummy-avatars {
    float: left;
    width: 10px;
    height: 10px;
    background: #c2c2c2;
    margin: 10px 0 0 10px;
}
.playlist-entry {
    padding: 5px 8px 5px 26px;
    margin: 0 0 5px 0;
    border: 1px solid #DDD;
    width: 100%;
    box-sizing: border-box;
    float: left;
    display: inline;
    border-radius: 3px;
    cursor: pointer;
    background: url('images/icons/playlist_add_n.png') 5px center no-repeat;
    background-size: 17px;
    color: #777777;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.playlist-entry:hover {
    background: #EFEFEF url('images/icons/playlist_add_h.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.playlist-entry-loading {
    padding: 5px 8px 5px 26px;
    margin: 0 0 5px 0;
    border: 1px solid #DDD;
    width: 100%;
    box-sizing: border-box;
    float: left;
    display: inline;
    border-radius: 3px;
    cursor: pointer;
    color: #777777;
    font-size: 12px;
    background: url('images/loader.gif') 5px center no-repeat;
    background-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.playlist-added {
    background: url('images/icons/playlist_added.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
.playlist-added:hover {
    background: #EFEFEF url('images/icons/playlist_remove.png') 5px center no-repeat;
    background-size: 17px;
    color: #000;
}
input.playlist-input {
    -webkit-appearance: none;
    padding: 5px 8px;
    min-width: 100px;
    float: left;
}
input.playlist-input:focus, input.playlist-input:hover {
    border: 1px solid #AAA;
}
.playlist-save {
    color: #BFBFBF;
    font-weight: bold;
    padding: 5px 10px;
    margin-left: 10px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}
.playlist-save:hover {
    border-color: #AAA;
    color: #AAA;
}
.playlist-save:active {
    background: #888;
    border-color: #888;
    color: #FFF;
}
#profile-card {
    background: #fff;
    border: 1px solid #E6E6E6;
    width: 300px;
    margin: 0 auto;
    border-radius: 3px;
    position: absolute;
    display: none;
    z-index: 999;
}
#profile-card .preloader-retina {
    margin-bottom: 10px;
}
.profile-card-padding {
    padding: 20px 10px 10px 10px;
}
.profile-card-cover img {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.profile-card-avatar {
    margin: -94px 0 0 10px;
}
.profile-card-avatar a {
    height: 80px;
    width: 80px;
}
.profile-card-avatar img {
    width: 80px;
    height: 80px;
}
.profile-card-info {
    margin: -93px 0 0 100px;
    height: 100px;
    position: relative;
}
.profile-card-info .cover-text-container {
    font-size: 16px;
    color: #FFF;
    position: relative;
    margin: 0;
}
.profile-card-buttons {
    overflow: auto;
    right: 0;
    padding: 10px 10px 10px 10px;
}
.profile-card-buttons .sub-loading {
    border: 1px solid #DDD;
}
.profile-card-buttons-container {
    width: 60px;
    float: right;
}
.profile-card-stats {
    float: left;
    font-size: 15px;
    color: #666;
    margin: 3px 15px 0 3px;
    vertical-align: top;
}
.profile-card-stats img {
    margin-right: 5px;
    vertical-align: bottom;
    cursor: pointer;
}
.profile-card-stats a {
    color: #666;
    text-decoration: none;
}
.profile-card-username {
    overflow: auto;
    float: left;
    padding-top: 10px;
}
.profile-card-username img {
    width: 13px;
    height: 13px;
}
.profile-card-location {
    overflow: auto;
    color: #FFF;
    float: left;
    min-width: 180px;
}
.track-likes {
    padding: 7px 0 4px 0;
}
.likes-plus {
    background: url('images/icons/likes_plus.png') no-repeat;
    background-size: 25px;
    overflow: auto;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.track-stats {
    float: right;
    padding-top: 10px;
}
.track-buttons-container {
    font-size: 12px;
    float: left;
    padding-top: 5px;
}
a.menu-button {
    float: left;
    text-decoration: none;
    color: #c6c6c6;
    margin: 0 15px 0 5px;
    padding: 19px 0 16px 0;
    text-transform: uppercase;
}
a.menu-button:hover {
    color: #fff;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 15px;
}
a.menu-button-active {
    color: #fff;
    /* border-bottom: 3px solid #ffffff; */
    padding-bottom: 15px;
}
#topbar-track-info {
    padding: 10px 20px;
    overflow: auto;
}
#topbar-artwork {
    background: #CCC;
    top: 10px;
    width: 35px;
    height: 35px;
    float: left;
}
#topbar-artwork img {
    width: 35px;
    height: 35px;
}
#topbar-track-details {
    margin-left: 45px;
    box-sizing: border-box;
}
.topbar-song-name {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.topbar-author-name {
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.topbar-author-name a {
    color: #8D8D8D;
}
.topbar-author-name a:hover {
    color: #000;
}
#loading-bar {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0;
    height: 3px;
    background: #fe4646;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 500ms ease-out,opacity 400ms linear;
    -ms-transition: width 500ms ease-out,opacity 400ms linear;
    -o-transition: width 500ms ease-out,opacity 400ms linear;
    -webkit-transition: width 500ms ease-out,opacity 400ms linear;
    transition: width 500ms ease-out,opacity 400ms linear;
}
#loading-bar dd, dt {
    position: absolute;
    box-shadow: #fe4646 1px 0 6px 1px;
}
#loading-bar dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px);
}
#loading-bar dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px);
}
#content {
    border-bottom: 1px solid #DDD;
    background: #F1F1F1;
}
.body-content {
    background: #FFF;
    overflow: auto;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
.song-container {
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    overflow: auto;
    padding: 20px 20px 10px 20px;
    position: relative;
}
.top-track:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 40px solid #f1f1f1;
    border-left: 40px solid transparent;
    width: 0;
}
.top-number {
    position: absolute;
    top: 1px;
    right: 5px;
    width: 30px;
    color: #888;
    font-weight: bold;
    text-align: right;
    max-width: 25px;
}
.song-container-page {
    border-bottom: none;
}
.song-container a, .embed-container a {
    text-decoration: none;
}
.song-top {
    padding: 0 0 0 132px;
    min-height: 38px;
}
.song-play-btn {
    width: 35px;
    height: 35px;
    float: left;
    background: url('images/player.png') no-repeat 0 0;
    background-size: 105px;
    cursor: pointer;
    text-indent: -9999px;
}
.song-play-btn:hover {
    background: url('images/player.png') no-repeat -35px 0;
    background-size: 105px;
}
.player-controls a.jp-play, .player-controls a.jp-pause {
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    position: absolute;
    margin-top: -35px;
    left: 0;
    outline: 0;
    cursor: pointer;
}
.player-controls a.jp-play {
    background: url('images/player.png') no-repeat -70px 0;
    background-size: 105px;
}
.player-controls a.jp-play:hover {
    background: url('images/player.png') no-repeat -35px 0;
    background-size: 105px;
}
.player-controls a.jp-pause {
    background: url('images/player.png') no-repeat -70px -35px;
    background-size: 105px;
    display: none;
}
.player-controls a.jp-pause:hover {
    background: url('images/player.png') no-repeat -35px -35px;
    background-size: 105px;
}
.player-controls div.jp-audio div.jp-progress {
    top: 15px;
}
.song-art {
    float: left;
}
.song-art a {
    float: left; /* Cover the whole image with anchor */
}
.song-titles {
    padding: 0 0 0 45px;
}
.song-title {
    font-size: 15px;
    word-wrap: break-word;
}
.song-timeago {
    overflow: auto;
    float: right;
    font-size: 12px;
}
.song-author {
    font-size: 13px;
    color: #868686;
}
.song-author a {
    color: #371fff;
}
.song-author a:hover {
    color: #666;
}
.song-tag {
    float: right;
    font-size: 12px;
    margin-top: 4px;
}
.song-tag a {
    background: #00f;
    color: #efefef;
    border-radius: 3px;
    padding: 3px 5px;
    text-decoration: none;
}
.song-tag a:hover {
    background: #DDD;
    color: #666;
}
.song-container div.jp-audio div.jp-type-single div.jp-progress, .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .embed-container div.jp-audio div.jp-type-single div.jp-progress, .embed-container div.jp-audio div.jp-type-single div.jp-time-holder {
    left: 0;
    width: 100%;
    color: #8D8D8D;
}
.song-container div.jp-audio, .embed-container div.jp-audio {
    width: 100%;
}
.song-container .jp-audio, .embed-container .jp-audio {
    display: block;
}
.player-controls {
    padding: 0 0 10px 132px;
}
.song-container div.jp-audio div.jp-time-holder, .embed-container div.jp-audio div.jp-time-holder {
    top: 25px;
}
.embed-container {
    background: #FFF;
    overflow: auto;
}
.embed-container .track-likes {
    padding: 23px 0 0 0;
    margin-bottom: 0;
}
.embed-powered-by {
    overflow: auto;
    float: right;
}
.embed-powered-by a {
    color: #999;
}
.embed-powered-by a:hover {
    color: #666;
}
.embed-error-title {
    margin: 0 auto;
    padding-top: 80px;
    width: 250px;
    text-align: center;
}
.embed-error-desc {
    margin: 0 auto;
    padding-top: 5px;
    width: 250px;
    text-align: center;
}
.embed-error a {
    color: #FFF;
    text-decoration: none;
}
.embed-error a:hover {
    color: #F6F6F6;
}
.user-stats {
    color: #444;
}
.stats-column-title {
    font-weight: bold;
}
.user-stats-row {
    padding: 10px 20px 0 0;
}
.user-stats-row-count {
    width: 20px;
    color: #999;
    font-weight: bold;
    display: block;
    float: left;
}
.user-stats-title {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    box-sizing: border-box;
    padding-right: 5px;
}
.user-stats-title a {
    text-decoration: none;
}
.user-stats-title img {
    width: 17px;
    height: 17px;
    padding-right: 3px;
    vertical-align: bottom;
}
.user-stats-count {
    display: inline-block;
    min-width: 25px;
    text-align: right;
    float: right;
    font-weight: bold;
}
.small-info {
    padding-top: 10px;
    font-size: 12px;
    color: #777;
    width: 100%;
    display: inline-block;
}
.track-info-container {
    padding: 20px;
    overflow: auto;
}
.track-info-art {
    float: left;
    width: 112px;
}
.track-info-inputs {
    padding: 0 0 0 132px;
}
.track-info-input {
    padding: 0 0 15px 0;
    overflow: auto;
}
.track-info-input-extra {
    padding: 0;
    margin-top: -5px;
}
.track-info-title {
    float: left;
    width: 100%;
}
.track-info-input input, .track-info-input textarea, .track-info-input select {
    padding: 6px 8px;
    border: 1px solid #BFBFBF;
    border-radius: 3px;
    outline: none;
    margin: 0;
    width: 100%;
    max-width: none;
    margin-top: 5px;
    float: left;
    box-sizing: border-box;;
}
.track-info-input input:hover, .track-info-input input:focus, .track-info-input textarea:hover, .track-info-input textarea:focus {
    border: 1px solid #AAA;
}
.track-info-input select {
    width: 100px;
    display: block;
    margin-right: 10px;
}
.track-info-input input[type="radio"] {
    width: auto;
    margin: 3px 5px 0 0;
    float: left;
    display: block;
    border: 0;
}
.track-info-radio, .license-container {
    width: 100%;
    margin-top: 5px;
    float: left;
}
.license-container {
    margin-top: 10px;
}
.license-box-container {
    width: 50%;
    overflow: auto;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.license-box-container:last-child {
    padding-right: 0;
}
.license-box-content {
    border: 1px solid #BFBFBF;
    padding: 10px 10px 10px 35px;
    background: url('images/icons/playlist_add_n.png') 10px 10px no-repeat;
    background-size: 17px;
    cursor: pointer;
    border-radius: 5px;
}
.license-box-content:hover {
    border: 1px solid #AAA;
    background: url('images/icons/playlist_add_h.png') 10px 10px no-repeat;
    background-size: 17px;
}
.license-box-active {
    background: url('images/icons/playlist_added.png') 10px 10px no-repeat;
    background-size: 17px;
}
.license-box-active:hover {
    background: url('images/icons/playlist_remove.png') 10px 10px no-repeat;
    background-size: 17px;
}
.license-box-title {
    color: #666;
}
.license-box-desc {
    color: #999;
    font-size: 12px;
    padding-top: 5px;
    width: 100%;
    overflow: auto;
}
.license-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.license-cc-icon {
    background: url('images/icons/license_cc.png') no-repeat;
    background-size: 15px;
}
.license-at-icon {
    background: url('images/icons/license_at.png') no-repeat;
    background-size: 15px;
}
.license-nc-icon {
    background: url('images/icons/license_nc.png') no-repeat;
    background-size: 15px;
}
.license-nd-icon {
    background: url('images/icons/license_nd.png') no-repeat;
    background-size: 15px;
}
.license-sa-icon {
    background: url('images/icons/license_sa.png') no-repeat;
    background-size: 15px;
}
.edit-menu {
    margin: 0 0 10px 0;
    overflow: auto;
    border-bottom: 1px solid #EEE;
}
.edit-menu-item {
    color: #777;
    padding: 0 0 13px 0;
    float: left;
    cursor: pointer;
    margin-right: 15px;
    font-size: 15px;
}
.edit-menu-item:hover, .edit-menu-item-active {
    color: #777;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #FE4646;
    cursor: pointer;
}
.required {
    color: #FF6060;
}
.upload-btn {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    padding: 6px 0;
}
.upload-btn input {
    width: 112px;
    position: absolute;
    left: 20px;
    height: 30px;
    margin-top: -6px;
    opacity: 0.0;
    cursor: pointer;
}
.upload-btn input::-webkit-file-upload-button { cursor: pointer; }

.upload-btn-selected {
    border: 1px solid #888;
    background: #888;
    color: #FFF;
}
.upload-btn-selected:hover {
    background: #FFF;
}
.upload-btn-selected:active {
    color: #666;
}
.upload-btn-text {
    padding: 0 5px;
    width: 100%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}
#upload-success {
    max-width: 300px;
    color: #777;
    margin: 0 auto;
}
.upload-title {
    font-size: 18px;
    text-align: center;
    margin: 20px auto 0 auto;
}
.upload-desc {
    font-size: 14px;
    text-align: center;
    margin: 20px auto;
}
.go-pro-title {
    font-weight: bold;
}
.go-pro-widget-container {
    color: #777;
    padding: 0 20px;
}
.go-pro-widget-desc {
    padding: 5px 0 0 0;
}
.go-pro-container {
    padding-top: 30px;
    text-align: center;
    width: 100%;
    overflow: auto;
}
.go-pro-welcome {
    padding-top: 20px;
}
.go-pro-desc {
    font-size: 15px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.go-pro-btn {
    min-height: 40px;
    padding-top: 20px;
}
.go-pro-widget-btn {
    min-height: 30px;
    padding-top: 15px;
}
.go-pro-welcome-btn {
    min-height: 30px;
    padding-top: 25px;
}
.go-pro-go-pro-btn {
    min-height: 0;
    padding-top: 0;
    display: inline-block;
}
.go-pro-btn a, .wc-button a {
    border-radius: 3px;
    padding: 5px 10px;
    color: #FF8181;
    border: 1px solid #FF8181;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}
.go-pro-btn a:hover, .wc-button a:hover {
    border-color: #FF6060;
    background: #FF6060;
    color: #FFF;
}
.go-pro-header {
    background: url('images/pro.png') bottom left;
    color: #FFF;
    padding: 30px 20px;
    text-align: center;
}
.go-pro-header-title {
    font-size: 24px;
}
.go-pro-header-desc {
    font-size: 15px;
}
.current-plan {
    padding: 10px 0 0 0;
    font-size: 14px;
    text-align: center;
}
.current-plan-option {
    color: #777;
    font-weight: bold;
    text-transform: capitalize;
}
.plans-container {
    width: 50%;
    overflow: auto;
    float: left;
}
.feature-container {
    border-radius: 5px;
    background: #EEE;
    padding: 15px;
    overflow: auto;
    margin: 20px 20px 10px 20px;
    font-size: 15px;
}
.feature-description {
    margin: 10px 20px 20px 20px;
    padding: 0 15px;
}
.feature-option {
    width: 50%;
    float: left;
}
.plan-option {
    width: 25%;
    float: left;
}
.plan-info {
    width: 50%;
    float: left;
}
.plan-history-title {
    font-size: 15px;
    margin: 20px 20px 10px 20px;
    padding: 0 15px;
}
.plan-history-container {
    margin: 0 20px 20px 20px;
    padding: 15px;
}
.plan-history {
    width: 25%;
    float: left;
    font-size: 13px;
}
.plan-option-free {
    color: #FF4040;
}
.plan-option-pro {
    color: #308D30;
    font-weight: bold;
}
select.plan-options {
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 3px;
    margin: 10px 5px 0 0;
}
.player-element {
    float: left;
    margin-right: 10px;
}
.player-nine {
    width: 75%;
    float: left;
    padding: 10px 0;
    overflow: hidden;
    height: 35px;
}
.player-nine a {
    outline: 0;
    margin-right: 10px;
    cursor: pointer;
}
.player-three {
    width: 25%;
    float: left;
    overflow: auto;
}
.top-player .jp-gui {
    display: flex;
}
.top-player .jp-progress {
    flex: 1;
}
.player-container-left {
    width: 128px;
    display: flex;
}
.player-container-middle {
    height: 35px;
    display: flex;
    flex: 1;
}
.player-container-right {
    width: 71px;
}
#prev-button, #next-button {
    float: left;
    margin-right: 11px;
}
/* Start Player CSS */
div.jp-audio {
    width: 100%;
    float: left;
}
#content div.jp-audio {
    float: none;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */

div.jp-interface {
    position: relative;
    width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
    height:17px;
}
.player-nine .jp-interface {
    height: 35px !important;
}
a.jp-play, a.jp-pause {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 16px;
}
a.jp-play {
    background: url("images/player.png") 0 0 no-repeat;
    background-size: 105px;
}
a.jp-play:hover {
    background: url("images/player.png") -35px 0 no-repeat;
    background-size: 105px;
}
a.jp-pause {
    background: url("images/player.png") 0 -35px no-repeat;
    display: none;
    background-size: 105px;
}
a.jp-pause:hover {
    background: url("images/player.png") -35px -35px no-repeat;
    background-size: 105px;
}
/* @end */

/* @group progress bar */
div.jp-progress {
    overflow:hidden;
    background-color: #CCC;
}
div.jp-audio div.jp-progress {
    position: absolute;
    top: 15px;
    height: 5px;
}
div.jp-audio div.jp-type-single div.jp-progress {
    width: 100%;
    margin: 0 15px 0 0;
    top: 15px;
    float: left;
    position: relative;
}
.player-nine .jp-progress {
    margin: 15px 0 0 0 !important;
    top: 0 !important;
}
div.jp-seek-bar {
    width:0px;
    height:100%;
    cursor: pointer;
    background: #CCC;
}
div.jp-play-bar {
    width:0px;
    height:100%;
    background: #0000ff;
    position: absolute;
}
div.jp-audio {
    font-size: 1.25em;
    line-height: 1.6;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
    width: 100%;
    height: 5px;
    background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, #f1f1f1 5px, #f1f1f1 10px);
    background-size: 28px 28px;
    animation: seeking .5s linear infinite, seeking-in .5s linear;
}
@keyframes seeking {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 28px 0;
    }
}
@keyframes seeking-in {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
/* @end */

/* @group volume controls */
a.jp-mute, a.jp-unmute, a.jp-volume-max {
    width: 15px;
    height: 35px;
    float: left;
}
a.jp-mute {
    background: url("images/player.png") 0 -175px no-repeat;
    background-size: 105px;
}
a.jp-mute:hover {
    background: url("images/player.png") -35px -175px no-repeat;
    background-size: 105px;
}
a.jp-unmute {
    background: url("images/player.png") -70px -175px no-repeat;
    background-size: 105px;
    display: none;
}
a.jp-unmute:hover {
    background: url("images/player.png") -70px -175px no-repeat;
    background-size: 105px;
}

div.jp-volume-bar {
    overflow: hidden;
    width: 46px;
    height: 5px;
    cursor: pointer;
    margin-top: 15px;
    float: left;
    background: #CCC;
}
div.jp-audio div.jp-volume-bar {
    top: 15px;
    left: 405px;
}
div.jp-audio-stream div.jp-volume-bar {
    top:37px;
    left:92px;
}
div.jp-video div.jp-volume-bar {
    top:17px;
    left:72px;
}
div.jp-volume-bar-value {
    width:0px;
    height:5px;
    background: #fe4646;
}
.prev-button {
    background: url("images/player.png") 0 -70px no-repeat;
    background-size: 105px;
    width: 15px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
}
.prev-button:hover {
    background: url("images/player.png") -35px -70px no-repeat;
    background-size: 105px;
}
.prev-button-disabled, .prev-button-disabled:hover {
    background: url("images/player.png") -70px -70px no-repeat;
    background-size: 105px;
    cursor: default;
}
.next-button {
    background: url("images/player.png") 0 -105px no-repeat;
    background-size: 105px;
    width: 15px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
}
.next-button:hover {
    background: url("images/player.png") -35px -105px no-repeat;
    background-size: 105px;
}
.next-button-disabled, .next-button-disabled:hover {
    background: url("images/player.png") -70px -105px no-repeat;
    background-size: 105px;
    cursor: default;
}
/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
    position:absolute;
    top: 18px;
    display: none;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
    left:185px;
    width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
    left:166px;
    width:130px;
}
div.jp-current-time, div.jp-duration {
    width: 60px;
    font-size: .64em;
}
#current-time, #duration-time {
    width: 45px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
}
#current-time {
    text-align: right;
    margin-right: 17px;
}
#duration-time {
    text-align: left;
    margin-left: 17px;
    margin-right: 10px;
}
div.jp-current-time {
    float: left;
    display:inline;
}
div.jp-duration {
    float: right;
    display:inline;
    text-align: right;
}

/* @end */

div.jp-jplayer audio,
div.jp-jplayer {
    width:0px;
    height:0px;
}

div.jp-jplayer {
    background-color: #000000;
}

a.jp-repeat {
    background: url("images/player.png") 0 -140px no-repeat;
    background-size: 105px;
    float: left;
    display: inline-block;
    width: 15px;
    height: 35px;
}

a.jp-repeat:hover {
    background: url("images/player.png") -35px -140px no-repeat;
    background-size: 105px;
}

a.jp-repeat-off {
    background: url("images/player.png") -70px -140px no-repeat;
    background-size: 105px;
    float: left;
    width: 15px;
    height: 35px;
}

a.jp-repeat-off:hover {
    background: url("images/player.png") -70px -140px no-repeat;
    background-size: 105px;
}
/* @end */

/* @group NO SOLUTION error feedback */
.jp-no-solution {
    padding:5px;
    font-size:.8em;
    background-color:#eee;
    border:2px solid #009be3;
    color:#000;
    display:none;
}

.jp-no-solution a {
    color:#000;
}

.jp-no-solution span {
    font-size:1em;
    display:block;
    text-align:center;
    font-weight:bold;
}
/* @end */
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 28px 0;
    }
}
.category-selector select {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#cookie-law-banner {
    width: 100%;
    color: #FFF;
    position: fixed;
    z-index: 1001;
    font-size: 12px;
    bottom: 55px;
}
.cookie-law-banner-top {
    top: 0;
}
.cookie-law-banner-bottom {
    bottom: 0;
}
#cookie-law-content {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 10px;
    line-height: 47px;
}
.cookie-law-button {
    float: right;
    background: rgba(255, 255, 255, 0.90);
    color: #000;
    padding: 5px 10px;
    margin: 10px 0 10px 10px;
    border-radius: 5px;
    line-height: normal;
}
.cookie-law-button:hover {
    background: #FFF;
}
.cookie-law-button a {
    text-decoration: none;
}
.cookie-law-banner-black {
    background: rgba(0, 0, 0, 0.85);
}
.cookie-law-banner-gray {
    background: rgba(138, 138, 138, 0.85);
}
.cookie-law-banner-brown {
    background: rgba(112, 85, 38, 0.85);
}
.cookie-law-banner-red {
    background: rgba(195, 30, 30, 0.85);
}
.cookie-law-banner-blue {
    background: rgba(35, 111, 206, 0.85);
}
.cookie-law-banner-green {
    background: rgba(46, 138, 45, 0.85);
}
.cookie-law-banner-yellow {
    background: rgba(220, 205, 20, 0.85);
}
.cookie-law-banner-orange {
    background: rgba(220, 131, 20, 0.85);
}
.cookie-law-banner-purple {
    background: rgba(152, 20, 220, 0.85);
}
.cookie-law-banner-pink {
    background: rgba(255, 41, 199, 0.85);
}
.rtl .cookie-law-button {
    float: left;
    margin: 10px 10px 10px 0;
}
.rtl body {
    direction: rtl;
}
.rtl .page-button {
    float: right !important;
    margin: 10px 0 0 10px !important;
}
.rtl .logo {
    float: right;
    margin: 5px 0 5px 10px;
}
.rtl .search-input, .rtl a.menu-button {
    float: right;
}
.rtl a.menu-button {
    margin: 0 5px 0 15px;
}
.rtl .menu-image, .rtl .menu_btn {
    float: left;
}
.rtl .menu-dd-container {
    padding-right: 0;
    padding-left: 20px;
}
.rtl .menu-dd-content {
    float: left;
}
.rtl .menu-dd-row {
    text-align: left;
}
.rtl .menu_arrow {
    margin: 25px 5px 0 0;
    float: left;
}
.rtl .notification-content {
    float: left;
}
.rtl .notification-image {
    float: right;
}
.rtl #notifications-content img.notifications, .rtl #notifications-page img.notifications {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .close_btn {
    float: left;
}
.rtl .sidebar-link img, .rtl .sidebar-users img {
    margin-right: 0;
    margin-left: 7px;
}
.grid-container {
    display: flex;
    overflow: auto;
    width: 100%;
    float: left;
}
.grid-content {
    flex: 75;
    position: relative;
}
.grid-sidebar {
    flex: 25;
    position: relative;
}
.rtl .song-container, .rtl .page-header-extra, .rtl .list-container, .rtl .notification-row, .rtl .page-container, .rtl .message-container {
    border-right: 0;
    border-left: 1px solid #EEE;
}
.rtl .sidebar-container {
    padding: 0 0 10px 0;
    margin-left: 0;
    border-left: 0;
    margin-right: -1px;
    border-right: 1px solid #eee;
}
.rtl .sidebar-suggestions-info {
    margin: 0 45px 0 30px;
}
.rtl .sidebar-suggestions, .rtl .sidebar-suggestions-image {
    float: right;
}
.rtl .sidebar-suggestions-tracks, .rtl .sidebar-suggestions-followers {
    float: right;
    padding: 0 17px 0 20px;
    background-position-x: right;
}
.rtl .subscribe_btn, .rtl .edit_profile_btn, .rtl .sub-loading {
    float: left;
    margin: 0 5px 0 0;
}
.rtl .sidebar-fa-image {
    float: right;
}
.rtl .sidebar-fa-text {
    padding-left: 0;
    padding-right: 37px;
}
.rtl .sidebar-stats-box {
    float: right;
}
.rtl .sidebar-text-right {
    text-align: left;
}
.rtl .upload-icon, .rtl .upload-button:hover .upload-icon, .rtl .edit-icon, .rtl .edit-button:hover .edit-icon, .rtl .back-icon, .rtl .back-button:hover .back-icon {
    padding-left: 20px;
    padding-right: 15px;
    background-position-x: right;
    margin-left: 0;
    margin-right: -10px;
}
.rtl .song-art {
    float: right;
}
.rtl .song-top {
    padding: 0 132px 0 0;
}
.rtl .song-play-btn {
    float: right;
}
.rtl .song-timeago, .rtl .song-tag {
    float: left;
}
.rtl .song-titles {
    padding: 0 45px 0 0;
}
.rtl .player-controls {
    padding: 0 132px 10px 0;
}
.rtl .track-actions-container {
    padding: 10px 132px 0 0;
}
.rtl .track-buttons-container, .rtl .like-button, .rtl .liked-button, .rtl .public-button, .rtl .private-button, .rtl .playlist-button, .rtl .delete-button, .rtl .share-button {
    float: right;
}
.rtl .like-button, .rtl .liked-button, .rtl .share-button, .rtl .playlist-button {
    padding: 5px 26px 5px 8px;
    background-position: right 5px center;
}
.rtl .like-button, .rtl .liked-button, .rtl .public-button, .rtl .private-button, .rtl .playlist-button, .rtl .delete-button, .rtl .share-button, .rtl .download-button, .rtl .buy-button, .rtl .loading-button, .rtl .shuffle-button {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .track-stats {
    float: left;
}
.rtl .counter {
    padding: 0 30px 0 0;
    float: left;
    background-position: right 10px center;
}
.rtl .sidebar-header-extra {
    float: left;
}
.rtl a.cover-button {
    float: right;
    margin: 0 0 0 20px;
}
.rtl .cover-buttons {
    float: right;
    margin: 0 20px 0 0;
}
.rtl .social-icon-container {
    float: right;
}
.rtl .player-controls a.jp-play, .rtl .player-controls a.jp-pause {
    margin-right: 0;
    margin-left: 16px;
    left: auto;
}
.rtl .song-container div.jp-audio div.jp-type-single div.jp-progress, .rtl .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .rtl .embed-container div.jp-audio div.jp-type-single div.jp-progress, .rtl .embed-container div.jp-audio div.jp-type-single div.jp-time-holder, div.jp-audio div.jp-type-single div.jp-progress {
    direction: ltr;
}
.rtl .playlist-entry, .rtl .playlist-entry-loading {
    padding: 5px 26px 5px 8px;
}
.rtl .playlist-entry, .rtl .playlist-entry-loading {
    background-position: right 5px center;
}
.rtl .modal-loading, .header-loader {
    float: left;
}
.rtl .modal-menu-item {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
.rtl .share-icon-container {
    float: right;
}
.rtl .share-icon-container .social-icon-padding {
    padding: 0 0 0 10px;
}
.rtl .modal-btn {
    margin: 10px 0 10px 10px;
    float: left;
}
.rtl .modal-checkbox input {
    margin: 5px 0 0 5px;
    float: right;
}
.rtl .modal-checkbox label {
    float: right;
}
.rtl .dummy-artwork {
    float: right;
}
.rtl .dummy-play-btn {
    float: right;
    margin-left: 0;
    margin-right: 10px;
}
.rtl .dummy-author {
    float: right;
    margin: 0 6px 4px 0;
}
.rtl .dummy-title {
    float: right;
    margin: 0 6px 0 0;
}
.rtl .dummy-seek {
    float: right;
    margin: 7px 10px 0 0;
}
.rtl .dummy-avatars {
    float: right;
    margin: 10px 10px 0 0;
}
.rtl .cover-description-content {
    margin-left: 10px;
    margin-right: 20px;
}
.rtl .cover-description-buttons {
    margin: -60px 0 0 20px;
    right: auto;
    left: 0;
}
.rtl .cover-content .message_btn, .rtl .cover-content .edit_profile_btn, .rtl .cover-content .subscribe_btn {
    float: left;
}
.rtl .cover-text-container {
    margin-right: 125px;
    margin-left: 60px;
}
.rtl .cover-avatar-content {
    margin: 0 20px 10px 0;
}
.rtl .top-track:before {
    top: 0;
    right: auto;
    left: 0;
    border-right: 40px solid transparent;
    border-left: 0;
}
.rtl .top-number {
    right: auto;
    left: 5px;
    text-align: left;
}
.rtl .list-avatar, .rtl .playlist-actions-content {
    float: right;
}
.rtl .message_btn, .rtl .playlist-stats {
    float: left;
}
.rtl .list-top {
    padding: 2px 70px 5px 0;
}
.rtl .playlist-actions-container {
    padding: 10px 100px 0 0;
}
.rtl .playlist-content-info {
    padding-right: 100px;
    padding-left: 0;
}
.rtl .tracks-small-icon {
    background-position-x: right;
    padding-right: 15px;
    padding-left: 0;
}
.rtl .sidebar-tag a {
    float: right;
    margin: 0 0 10px 10px;
}
.rtl .page-input-title, .rtl .page-input-title-img {
    text-align: left;
    margin-right: auto;
    margin-left: 10px;
    float: right;
}
.rtl .notification-box > p {
    padding-right: 0;
    padding-left: 20px;
}
.rtl .notification-close {
    right: auto;
    left: 0;
    background-position-x: right;
}
.rtl .dash-half {
    float: right;
}
.rtl .column, .rtl .columns {
    float: right;
}
.rtl .admin-stats-column {
    float: right;
    padding: 0 10px 0 0;
}
.rtl .admin-stats-right-column {
    text-align: left;
    padding: 0 0 0 10px;
}
.rtl .page-input-content {
    padding-right: 95px;
    padding-left: 0;
}
.rtl .edit-menu-item {
    float: right;
    margin-right: auto;
    margin-left: 15px;
}
.rtl .message-reply-avatar, .rtl .message-reply-author {
    float: right;
}
.rtl .message-reply-message {
    padding: 0 42px 10px 15px;
}
.rtl .delete_btn, .rtl .blocked-button {
    float: left;
}
.rtl .sidebar-header input {
    background-position-x: left;
}
.rtl .manage-users-image img {
    float: right;
}
.rtl .manage-users-buttons {
    float: left;
}
.rtl .modal-btn a {
    float: left;
}
.rtl .manage-users-content {
    padding: 0 45px 0 55px;
    word-break: break-all;
}
.rtl select.plan-options {
    margin: 10px 0 0 5px;
}
.rtl .feature-option, .rtl .plan-option, .rtl .plan-history {
    float: right;
}
.rtl .user-stats-title img {
    padding-left: 3px;
    padding-right: 0;
}
.rtl .user-stats-title {
    padding-left: 5px;
    padding-right: 0;
}
.rtl .user-stats-count {
    float: left;
}
.rtl .user-stats-row {
    padding: 10px 0 0 20px;
}
.rtl .sidebar-stats-box-right {
    text-align: left;
}
.rtl .track-info-input input, .rtl .track-info-input textarea, .rtl .track-info-input select {
    float: right;
}
.rtl .track-info-input select {
    margin-left: 10px;
    margin-right: 0;
}
.rtl .track-info-input input[type="radio"] {
    margin: 3px 0 0 5px;
}
.rtl .license-box-container {
    float: right;
    padding-right: 0;
    padding-left: 10px;
}
.rtl .track-info-inputs {
    padding: 0 132px 0 0;
}
.rtl .track-info-art {
    float: right;
}
.rtl .upload-btn-text {
    float: right;
}
.rtl .upload-btn input {
    right: 20px;
}
.rtl .page-input-left {
    padding-right: 0;
}
.rtl .profile-card-stats {
    float: right;
    margin: 3px 3px 0 15px;
}
.rtl .profile-card-buttons-container {
    float: left;
}
.rtl .profile-card-stats img {
    margin-left: 5px;
    margin-right: 0;
}
.rtl .search-image img {
    float: right;
}
.rtl .search-text {
    padding: 2px 35px 5px 0;
}
.rtl .search-icons {
    float: left;
}
.rtl .register-captcha img {
    float: left;
}
.rtl .forgot-password {
    float: left;
}
.rtl .welcome-track .player-controls {
    padding: 0;
}
.rtl .welcome-track {
}
.rtl .feature-image svg {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}
.rtl .menu-btn {
    margin: 13px 10px 0 0;
    float: left;
}
.rtl .profile-card-info .cover-text-container {
    margin: 0;
    float: right;
}
.rtl .profile-card-location {
    float: right;
}
.rtl .cover-text-container img {
    margin: 0 7px -2px 0;
}
.rtl .profile-card-avatar {
    margin: -94px 10px 0 0;
}
.rtl .profile-card-info {
    margin: -93px 100px 0 0;
}
.rtl .profile-card-username {
    float: right;
}
.rtl .report_btn {
    float: left;
}
.rtl .message-reply-author {
    padding-left: 10px;
    padding-right: 0;
}
.rtl .message-comment-box-form {
    padding: 0 42px 5px 0;
}
.rtl .comment-btn {
    float: left;
}
.rtl .playlist-save {
    margin-right: 10px;
    margin-left: 0;
    float: left;
}
.rtl input.playlist-input {
    float: right;
}
.rtl .report-checkbox label {
    padding-left: 0;
    padding-right: 5px;
}
.rtl .report-checkbox input {
    float: right;
}
.rtl .embed-powered-by {
    float: left;
}
.rtl .player-nine {
    float: right;
}
.rtl .player-three {
    float: left;
}
.rtl #topbar-artwork {
    float: right;
}
.rtl #topbar-track-details {
    margin-left: 0;
    margin-right: 45px;
}
.rtl .player-container-right {
    direction: ltr;
}
.rtl .player-buttons {
    float: right;
}
.rtl #prev-button, .rtl #next-button {
    margin-left: 11px;
    margin-right: 0;
}
.rtl .prev-button, .rtl .next-button {
    background-position-x: 5px;
}
.rtl .prev-button:hover, .rtl .prev-button:hover, .rtl .next-button:hover, .rtl .next-button:hover {
    background-position-x: -30px;
}
.rtl .prev-button-disabled, .rtl .next-button-disabled:hover, .rtl .next-button-disabled, .rtl .next-button-disabled:hover {
    background-position-x: -65px;
}
.rtl .top-player a.jp-play, .rtl .top-player a.jp-pause {
    margin-left: 16px;
    margin-right: 0;
}
.rtl .top-player .jp-mute, .rtl .top-player .jp-unmute {
    margin-right: 10px;
    margin-left: 0;
}
.rtl .top-player .jp-repeat, .rtl .top-player .jp-repeat-off {
    margin-left: 10px;
    margin-right: 0;
}
.rtl #duration-time {
    text-align: right;
    margin-left: 10px;
    margin-right: 17px;
}
@media only screen and (max-device-width: 768px), only screen and (device-width: 768px) and (device-height: 768px), only screen and (width: 768px) and (orientation: landscape), only screen and (device-width: 768px), only screen and (max-width: 768px) {
    .body-content, .page-container, .page-settings-container {
        border: 0;
    }
    .header {
        max-width: 1080px;
        padding: 0 10px;
    }
    .menu-button {
        display: none;
    }
    .row-body, .row-page {
        padding: 0;
    }
    .row-body .two, .row-body .six {
        width: 100%;
    }
    .row-body .ten {
        width: 100%;
    }
    .row-body .twenty {
        width: 100%;
    }
    .row .three, .welcome-box {
        width: 100%;
    }
    .row-body .threeads {
        width: 100%;
    }
    .row-body .threeads img {
        width: auto;
        height: auto;
    }
    .row-body .nine {
        width: 100%;
    }
    .row-body .three {
        width: 100%;
    }
    .row .four {
        width: 100%;
    }
    .row .eight {
        width: 100%;
    }
    .row .six {
        width: 100%;
    }
    .row .seven {
        width: 100%;
    }
    .row-page .three {
        width: 100%;
    }
    .row-page .nine {
        width: 100%;
    }
    .body {
        border: 0;
    }
    .search-container, .search-list-container, .notification-container {
        padding: 0;
    }
    .footer-links, .footer-languages {
        padding: 0;
    }
    .footer-container {
        line-height: 25px;
    }
    .inputs-container {
        padding: 30px 10px 30px 20px;
    }
    .report-checkbox  {
        padding-left: 0;
    }
    .row-body .five {
        width: 100%;
    }
    .row-one {
        float: left;
        width: 100%;
        padding: 3px 0;
    }
    .row-two {
        float: left;
        width: 100%;
        padding: 3px 0;
    }
    .row-three {
        float: left;
        width: 100%;
        padding: 3px 0;
        text-align: left;
    }
    .row-four {
        float: left;
        width: 100%;
        padding: 3px 0;
        text-align: left;
    }
    .cover-container {
        height: auto;
    }
    .cover-text-container {
        font-size: 18px;
        margin: -130px 0 5px 100px;
    }
    .cover-text-container img {
        width: 14px;
        height: 14px;
        margin: 0 0 -2px 4px;
    }
    .cover-description-buttons {
        float: right;
        overflow: auto;
        display: block;
        width: 65px;
    }
    #values {
        width: 230px;
    }
    .page-input-title {
        width: 100%;
        text-align: left;
        padding: 3px 0;
    }
    .page-input-sub {
        padding: 3px 0;
        width: 100%;
        min-width: 100%;
    }
    .page-input-content {
        width: 100%;
        padding-left: 0;
    }
    .row-page .stats-container, .row-body .stats-container {
        width: 100%;
    }
    .admin-rows { border-bottom: 1px solid #ccc; }
    .row-page .table-id, .row-page .table-user, .row-page .table-mail, .row-page .table-edit, .row-page .table-delete { width: 100%; }
    .row-page .table-report-id, .row-page .table-report-type, .row-page .table-user, .row-page .table-category-name, .row-page .table-report-message, .row-page .table-report-safe { width: 100%; }
    .subslist {
        right: 20px;
    }
    .subslist_message {
        right: 53px;
    }
    .notification-container, .search-container {
        position: absolute;
    }
    .notification-content {
        max-width: none;
    }
    .search-input input {
        width: 100px;
    }
    .menu-dd-container {
        right: 0;
        width: 100%;
        padding: 0;
    }
    .menu-dd-content {
        min-width: auto;
        width: 100%;
    }
    .menu-dd-row {
        padding: 15px;
        text-align: left;
    }
    .search-results {
    }
    .search-content .notification-inner, .search-content .track-inner, .hashtag-inner {
        padding: 10px 15px;
    }
    .chat-container  {
        height: 300px;
    }
    .sidebar-chat-list {
        max-height: 350px;
    }
    .cover-description-content {
        margin-left: 20px;
    }
    .cover-avatar {
        width: 86px;
        margin-top: -125px;
    }
    .cover-avatar a {
        float: left;
        overflow: hidden;
        height: 86px;
    }
    .welcome-message, .dash-stats {
        width: 100%;
    }
    .song-top {
        height: auto;
        min-height: auto;
        padding: 0 0 0 106px;
    }
    .song-art img {
        width: 86px;
    }
    .player-controls, .track-actions-container {
        padding: 0 0 10px 106px;
    }
    .track-actions-content {
        padding-top: 11px;
    }
    .song-tag, .song-timeago, .embed-powered-by, .embed-container .track-actions-content {
        display: none;
    }
    .action-text {
        display: none;
    }
    .liked-button, .like-button, .playlist-button, .share-button, .buy-button, .delete-button, .public-button, .private-button, .download-button, .loading-button {
        width: auto;
        margin: 0 5px 5px 0;
        float: left;
    }
    .liked-button, .like-button, .playlist-button, .share-button {
        padding-right: 1px;
        margin-right: 5px;
    }
    .playlist-stats {
        padding: 10px 0;
    }
    .song-container {
        padding: 20px 15px 0 15px;
    }
    .song-container, .page-login-container {
        border-left: 0;
        border-right: 0;
    }
    .song-title {
        font-size: 13px;
    }
    .message-reply-container .delete_btn, .message-reply-container .report_btn {
        display: block;
    }
    div.jp-audio div.jp-type-single div.jp-interface {
        height:21px;
    }
    .embed-container div.jp-audio div.jp-type-single div.jp-interface {
        height:21px;
        padding-bottom: 20px;
    }
    .admin-stats-image, .license-box-desc {
        display: none;
    }
    .wcf {
        width: 100%;
    }
    .stats-column-title {
        padding-top: 10px;
    }
    .upload-btn-text {
        font-size: 12px;
    }
    .user-stats-row {
        padding: 10px 0 0 0;
    }
    .license-box-container {
        width: 100%;
        padding-right: 0;
    }
    #upload-success {
        max-width: 100%;
    }
    .welcome-content .row-body, .welcome-pro .row-body {
        padding: 0 10px;
    }
    .welcome-content, .welcome-pro {
        padding: 40px 10px;
    }
    .welcome-box-title {
        font-size: 18px;
    }
    .welcome-items-width {
        max-width: 98px;
    }
    .footer {
        padding: 0 10px 55px 10px;
    }
    .menu-dd-mobile {
        display: block;
    }
    .go-pro-container {
        text-align: left;
        padding-top: 20px;
    }
    .go-pro-desc {
        max-width: 100%;
        margin: 0;
    }
    .current-plan, .welcome-centered-text {
        text-align: left;
    }
    #topbar-artwork {
        float: right;
    }
    #topbar-track-info {
        padding-right: 0;
    }
    #current-time, .player-container-middle, .player-container-right, .topbar-song-name, .topbar-author-name {
        display: none !important;
    }
    .player-nine a {
        margin: 0 10px;
    }
    a.jp-play, a.jp-pause {
        margin-right: 16px;
    }
    #load-more {
        border-right: 0;
    }
    .wc-lc {
        padding: 0 0 0 0;
    }
    .wc-lc .row-body {
        padding: 50px 20px 0 20px;
    }
    .player-container-left {
        width: 200px;
    }
    .player-container-middle {
        display: none;
    }
    .grid-container {
        flex-direction: column;
    }
    .grid-content, .grid-sidebar {
        flex: 1;
    }
    .rtl .liked-button, .rtl .like-button, .rtl .playlist-button, .rtl .share-button {
        padding-left: 1px;
    }
    .rtl .song-top {
        padding: 0 106px 0 0;
    }
    .rtl .player-controls, .rtl .track-actions-container {
        padding: 0 106px 10px 0;
    }
    .rtl .song-container, .rtl .page-login-container {
        border-left: 0;
        border-right: 0;
    }
    .rtl .song-container, .rtl .page-header-extra, .rtl .list-container, .rtl .notification-row, .rtl .page-container, .rtl .message-container, .rtl .sidebar-container {
        border-left: 0;
        border-right: 0;
        margin: 0;
    }
    .rtl .menu-dd-container {
        padding-left: 0;
    }
    .rtl .cover-text-container {
        margin: -130px 100px 5px 0;
    }
    .rtl #prev-button, .rtl #next-button, .rtl .top-player a.jp-play, .rtl .top-player a.jp-pause, .rtl .top-player .jp-repeat, .rtl .top-player .jp-repeat-off {
        margin-right: 10px;
    }
    .rtl #topbar-artwork {
        float: left;
    }
    .rtl #topbar-track-info {
        padding-left: 0;
    }
    .rtl .liked-button, .rtl .like-button, .rtl .playlist-button, .rtl .share-button, .rtl .buy-button, .rtl .delete-button, .rtl .public-button, .rtl .private-button, .rtl .download-button, .rtl .loading-button {
        float: right;
    }
}
@media only screen and (max-device-width: 480px), only screen and (device-width: 480px) and (device-height: 480px), only screen and (width: 480px) and (orientation: landscape), only screen and (device-width: 480px), only screen and (max-width: 480px) {
    .search-input input {
        width: 75px;
    }
    .track-stats, .playlist-stats-text {
        display: none;
    }
}