/* Main CSS

   Deleted: Animations, Logo, Show/Hide Password, Google Button, .login, Footer
   Edited: .btn

*/

html,
body {
    height: 100%;
}

/* Body */

body {
    background: #000314;
    color: #fff;
    font-family: "loos-normal", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h2 {
    color: #fff;
    font-size: 150%;
    font-weight: 400;
    line-height: 32.64px;
    margin: 0 0 16px 0;
}

h4 {
    font-size: 100%;
    margin: 0 0 14px 0;
}

ul {
    font-size: 87.5%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a,
a:link,
a:active,
a:visited,
p {
    color: #fff;
}

a:hover {
    color: rgba(255, 255, 255, 0.8);
}

a,
a:link,
a:active,
a:visited
a:hover {
    transition: .25s ease;
}

small,
.small {
    font-size: 75%;
}

strong,
b {
    font-weight: 500;
}

/* Hide <input> Decoration */

::-ms-reveal {
    display: none;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none; 
}

/* End Hide <input> Decoration */

label {
    color: rgba(255, 255, 255, 0.6);
    font-size: 87.5%;
    line-height: 17.64px;
    padding: 0 0 0 8px;
}

/* End Body */

/* Login, Register */

.container-fluid,
.login-register .row {
    height: 100%;
}

.login-register .col-4,
.login-register .col-8 {
    padding: 0 30px;
    position: relative;
}

.login-register .col-4 {
    min-height: 1102px;
    width: 45%;
    z-index: 20;
}

.join-page {
    overflow-x: hidden;
}

.login-register .col-8 {
    z-index: 10;
}

/* Form */

.login h2,
.user-dashboard h2,
.discover-banner h3,
.faq-search h2 {
    font-family: "microgramma-extended", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 225%;
    line-height: 43.2px;
    margin: 0 0 26px 0;
}

.login form {
    margin: 42px 0 0 0;
}

.login p {
    color: rgba(255, 255, 255, 0.8);
}

.login p a {
    padding: 0 8px;
}

.login form a {
    font-size: 87.5%;
    color: #fff;
}

.login form a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.form-control {
    background: #141726;
    border: none;
    border-radius: 8px;
    color: #fff;
    height: 58px;
    padding: 18px 16px;
    text-decoration: none;
    transition: .25s ease;
}

.form-control::placeholder,
.form-select,
.form-select:focus-visible {
    color: rgba(255, 255, 255, 0.7);
}

.form-control:hover {
    background: #1F2231;
}

.form-control:focus {
    background: #1F2231;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: none;
    color: #fff;
}

.form-control:disabled {
    background: #141726;
    color: rgba(255, 255, 255, 0.7);
}

.login .mb-3 {
    margin: 20px 0 15px 0 !important;
}

/* Buttons */

.btn {
    transition: .25s ease;
}

.btn:hover {
    border: none;
}

/* Login Button */

.btn.btn-primary {
    background: #FF083D;
}

.btn.btn-primary:hover,
.btn.btn.btn-primary:active,
.btn.btn-primary.primary-disabled,
.btn.btn-primary.disabled {
    background: #DB002F;
}

.btn.btn-primary.primary-disabled,
.btn.btn-primary.disabled {
    border: none;
    opacity: .82;
}

/* End Login Button */

.check-email {
    margin: 18px 0 12px 0;
}

/* End Buttons */

/* End Form */

.login-register .col-8 {
    background: url("../img/login-register-bg.jpg") no-repeat;
    background-size: cover;
    width: 55%;
}

/* Gradients */

.login-register-left-gradient {
    background: url("../img/login-register-left-gradient.png") no-repeat;
    height: 384px;
    opacity: .71;
    left: 0;
    position: absolute;
    top: 0;
    width: 277px;
}

.login-register-bottom-gradient-1 {
    background: url("../img/login-register-bottom-gradient-1.png") no-repeat;;
    bottom: 0;
    height: 263px;
    opacity: .71;
    left: 0;
    position: absolute;
    width: 497px;
}

.login-register-bottom-gradient-2 {
    background: url("../img/login-register-bottom-gradient-2.png") no-repeat;;
    bottom: 0;
    height: 263px;
    opacity: .71;
    left: 160px;
    position: absolute;
    width: 893px;
}

.login-register-right-gradient {
    background: url("../img/login-register-right-gradient.png") no-repeat;;
    height: 596px;
    opacity: .98;
    position: absolute;
    right: 0;
    top: 0;
    width: 659px;
}

/* End Gradients */

/* Login Info */

.login-info {
    animation-name: block-animation;
    animation-duration: .5s;
    border-radius: 8px;
    border: 1px solid rgba(48, 48, 48, 0.21);
    background: rgba(0, 3, 20, 0.57);
    backdrop-filter: blur(6.5px);
    left: 50%;
    padding: 32px 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 586px;
}

.info-list li {
    background: url("../img/li.svg") no-repeat 0 1px;
    padding: 4px 0 4px 32px;
}

/* End Login Info */

/* Alert */

.alert {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid #F34141;
    border-radius: 8px;
    color: #F34141;
    font-size: 87.5%;
    line-height: 18px;
    margin: 42px 0 0 0;
    padding: 13px 13px 13px 38px;
}

.alert-dismissible .btn-close {
    background: url("../img/alert-close.svg") no-repeat center;
    height: 16px;
    left: 0;
    opacity: 1;
    padding: 12px;
    right: auto;
    width: 16px;
    z-index: 30;
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}

/* End Alert */

/* Styles For Custom <select> */

.custom-select {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding: 0;
}

.select-selected,
.btn.btn-primary.multiselect {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
  
/* Hide Original <select> Element */

.custom-select select {
    display: none;
}
  
.select-selected {
    background: url("../img/select-arrow.svg") no-repeat center right 16px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    height: inherit;
    padding: 18px 55px 18px 16px;
    transition: .25s ease;
    text-decoration: none;
    width: inherit;
}

.selected-item-active {
    color: #fff;
}

/* Style The Arrow Inside The <select> Element */

.select-selected:after {
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
  
/* Point The Arrow Upwards When The Select Box Is Open (Active) */

.select-arrow-active {
    background: #1F2231 url("../img/select-arrow-open.svg") no-repeat center right 16px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    height: inherit;
    transition: .25s ease;
    width: inherit;
}
  
/* Style The Items <option>, Including The Selected Item */

.select-items div, .select-selected {
    cursor: pointer;
}
  
/* Style Items Option */

.select-items {
    animation: block-animation;
    animation-duration: .1s;
    background: #1F2231;
    border-radius: 8px;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.28);
    color: #fff;
    position: relative;
    top: 5px;
    z-index: 80;
}

.select-items div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    height: 58px;
    padding: 18px 16px;
    transition: .25s ease;
}

.select-items div:last-child {
    border: none;
}
  
/* Hide The Items When The Select Box Is Closed */

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background: rgba(255, 255, 255, 0.06);
}

.select-items div:first-child:hover,
div.same-as-selected:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.select-items div:last-child:hover,
div.same-as-selected:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* End Styles For Custom <select> */

/* Label Links */

label a {
    color: #fff;
    text-decoration: none;
}

/* End Label Links */

/* Checkboxes */

.form-check {
    margin: 0 0 14px 0;
}

.form-check .form-check-input {
    border: none;
    height: 20px;
    width: 20px;
    margin: 2px 0 0 -1.5em;
}

.form-check-input[type="checkbox"] {
    border-radius: 4px;
}

.form-check-input:checked {
    background: #2A03C8 url("../img/check.svg") no-repeat center;
}

.form-check-input:focus {
    box-shadow: none;
}

/* End Checkboxes */

/* End Login, Register */

/* Dashboard */

.dashboard-page {
    height: auto;
    overflow-y: hidden;
    position: relative;
}

.dashboard-page .row {
    position: relative;
}

.row.page-info {
    min-height: 100vh;
    padding: 76px 0 0 0;
}

/* Gradients */

.dashboard-left-gradient {
    background: url("../img/dashboard-gradient-left-center.png") no-repeat;
    height: 1233px;
    left: 0;
    position: absolute;
    top: 459px;
    width: 814px;
}

.dashboard-right-gradient-1 {
    background: url("../img/dashboard-gradient-top-right.png") no-repeat;
    height: 648px;
    position: absolute;
    right: 0;
    top: 0;
    width: 745px;
}

.dashboard-right-gradient-2 {
    background: url("../img/dashboard-gradient-right-center.png") no-repeat;
    bottom: 310px;
    height: 1690px;
    position: absolute;
    right: 0;
    width: 1291px;
}

.dashboard-right-gradient-3 {
    background: url("../img/dashboard-gradient-right-bottom.png") no-repeat;
    bottom: 0;
    height: 1265px;
    position: absolute;
    right: 0;
    width: 692px;
}

/* End Gradients */

.header-nav {
    animation-name: block-animation;
    animation-duration: .5s;
    background: rgba(0, 3, 20, 0.42);
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px);
    height: 100%;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 116px;
}

.header-nav header {
    padding: 24px 0 22px 0;
}

/* Logo */

.header-nav .logo {
    background: url("../img/logo-panel.svg") no-repeat;
    height: 60px;
    margin: 0 auto;
    width: 79px;
}

/* End Logo */

/* Menu */

.header-nav ul {
    font-size: 81.25%;
}

.header-nav li {
    height: 76px;
    margin: 16px 0;
    width: 115px;
}

.header-nav li a {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    height: 100%;
    opacity: .6;
    padding: 46px 0 0 0;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

.m-dashboard {
    background: url("../img/dashboard.svg") no-repeat center 12px;
}

.m-music {
    background: url("../img/music.svg") no-repeat center 12px;
}

.m-discover {
    background: url("../img/discover.svg") no-repeat center 12px;
}

.m-exchange {
    background: url("../img/exchange.svg") no-repeat center 12px;
}

.m-challenges {
    background: url("../img/challenges.svg") no-repeat center 12px;
}

.m-pricing {
    background: url("../img/pricing.svg") no-repeat center 12px;
}

.header-nav li a:hover {
    opacity: .8;
}

.header-nav li a.m-active {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.06);
    border-left: 1px solid #FF083D;
    opacity: 1;
}

/* End Menu */

.page-content {
    max-width: calc(100% - 116px);
    margin: 0 0 0 116px;
    /* Footer Height + Margin Top (30px) */
    padding-bottom: 127px;
    width: calc(100% - 116px);
}

.player-content {
    padding-bottom: 224px;
}

/* Top Panel */

.row.top-panel {
    animation-name: block-animation;
    animation-duration: .5s;
    background: rgba(0, 3, 20, 0.80);
    backdrop-filter: blur(3px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    left: 0;
    margin: 0 0 0 116px;
    padding: 13px 22px 14px 22px;
    position: fixed;
    top: 0;
    width: calc(100% - 116px);
    z-index: 90;
}

/* Search */

#search-frm {
    width: 351px;
}

.nav-bar .form-control {
    background: #141726 url("../img/search.svg") no-repeat 16px 11px;
    border-radius: 4px;
    height: 48px;
    padding: 12px 16px 12px 52px;
    width: 351px;
}

.nav-bar .form-control::placeholder {
    color: rgba(255, 255, 255, .6);
}

.nav-bar .d-flex:hover .form-control::placeholder {
    color: rgba(255, 255, 255, .7);
}

.nav-bar .form-control:hover {
    background: #1F2231 url("../img/search.svg") no-repeat 16px 11px;
}

.nav-bar .form-control:focus {
    background: #1F2231 url("../img/search.svg") no-repeat 16px 11px;
    border: none;
}

/* End Search */

/* Create Release */

.btn.btn-primary.create-release,
.user-dashboard .my-music-release .btn.btn-primary.create-release {
    background: #FF083D url("../img/create-release.svg") no-repeat 22px 12px;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 46px;
    width: 198px;
}

.btn.btn-primary.create-release:hover,
.btn.btn.btn-primary.create-release:active,
.btn.btn-primary.create-release.primary-disabled,
.btn.btn-primary.create-release.disabled,
.user-dashboard .my-music-release .btn.btn-primary.create-release:hover,
.user-dashboard .my-music-release .btn.btn.btn-primary.create-release:active,
.user-dashboard .my-music-release .btn.btn-primary.create-release.primary-disabled,
.user-dashboard .my-music-release .btn.btn-primary.create-release.disabled {
    background: #DB002F url("../img/create-release.svg") no-repeat 22px 12px;
}

/* Class For Animation */

.create-release-animation {
    animation: create-release-animation;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}

/* End Class For Animation */

/* End Create Release */

/* Wallet */

.btn-wallet {
    background: url("../img/wallet.svg") no-repeat 12px 4px;
    border-radius: 21px;
    display: block;
    padding: 6px 14px 4px 44px;
    text-decoration: none;
    transition: .25s ease;
    margin: 7px 0 0 0;
}

.btn-wallet:hover {
    background: rgba(255, 255, 255, 0.08) url("../img/wallet.svg") no-repeat 12px 4px;
    color: #fff;
}

/* End Wallet */

/* Notifications */

/* Button */

.btn-notifications {
    background: url("../img/notification.svg") no-repeat center;
    border-radius: 50%;
    display: block;
    height: 34px;
    margin: 7px 0 0 0;
    text-indent: -9999px;
    transition: .25s ease;
    width: 34px;
}

.btn-notifications:hover,
.btn-notifications.show {
    background: rgba(255, 255, 255, 0.08) url("../img/notification.svg") no-repeat center;
}

.btn-notifications.new-notifications {
    background: url("../img/notification-active.svg") no-repeat center;
}

.btn-notifications.new-notifications:hover,
.btn-notifications.new-notifications.show {
    background: rgba(255, 255, 255, 0.08) url("../img/notification-active.svg") no-repeat center;
}

/* End Button */

/* Menu With Notifications */

.user-notifications {
    animation: block-animation;
    animation-duration: .1s;
    background: #0F1222;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    color: #fff;
    height: 572px;
    margin: 20px 0 0 0 !important;
    padding: 0;
    width: 362px;
}

/* Title */

.notifications-title {
    border-bottom: 1px solid #3D3F4C;
    display: block;
    font-weight: 500;
    height: 70px;
    padding: 22px 20px 23px 20px;
}

/* End Title */

/* Information */

.notifications-list {
    height: 492px;
    overflow-y: auto;
    width: 360px;
}

.notifications-list > li {
    border-top: 1px solid #3D3F4C;
    padding: 20px 42px 20px 16px;
    transition: .25s ease;
}

.notifications-list > li,
.notifications-list img,
.notifications-list span {
    display: block;
}

.notifications-list > li:first-child {
    border: none;
}

.notifications-list > li:last-child {
    border-top: 1px solid #3D3F4C;
    border-bottom: 1px solid #3D3F4C;
}

.notifications-list > li:hover {
    background: #141726;
}

.notifications-list img {
    border-radius: 50%;
    float: left;
    height: 44px;
    width: 44px;
}

.notifications-list p {
    float: left;
    margin: 0 0 10px 16px;
    white-space: normal;
    overflow-wrap: break-word;
    width: 210px;
}

.notifications-list p a {
    text-decoration: none;
}

.notifications-list > li ul {
    clear: both;
    font-size: 100%;
    float: left;
    padding: 0 0 10px 60px;
}

.notifications-list > li li {
    display: inline;
    padding: 0 20px 0 0;
}

.notifications-list span {
    color: #ccc;
    clear: both;
    float: left;
    padding: 0 0 0 60px;
}

/* End Information */

.unread-notification {
    background: rgba(255, 255, 255, 0.06) url("../img/new-notification.svg") no-repeat center right 16px;
}

li.unread-notification:hover {
    background: rgba(255, 255, 255, 0.08) url("../img/new-notification.svg") no-repeat center right 16px;
}

/* End Menu With Notifications */

/* End Notifications */

/* User Menu */

/* Button */

.btn-user-menu {
    background: rgba(255, 255, 255, 0.12) url("../img/menu.svg") no-repeat center right 8px;
    border-radius: 29px;
    display: block;
    height: 40px;
    margin: 3px 0 0 0;
    transition: .25s ease;
    width: 76px;
}

.btn-user-menu img {
    height: 40px;
    width: 40px;
}

.btn-user-menu:hover {
    background: rgba(255, 255, 255, 0.16) url("../img/menu.svg") no-repeat center right 8px;
}

.btn-user-menu.show {
    background: rgba(255, 255, 255, 0.16) url("../img/menu-close.svg") no-repeat center right 8px;
}

/* End Button */

/* Menu */

.user-menu {
    animation: block-animation;
    animation-duration: .1s;
    background: #0F1222;
    border-radius: 8px;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.28);
    margin: 18px 0 0 0 !important;
    padding: 0 0 19px 0;
    width: 312px;
}

/* Avatar & User Name */

.user-info {
    border-bottom: 1px solid #3D3F4C;
    padding: 19px 20px 23px 20px;
}

.user-info img {
    border-radius: 50%;
    display: block;
    float: left;
    height: 56px;
    width: 56px;
}

.user-info ul {
    color: #ccc;
    font-size: 100%;
    font-weight: 400;
    float: left;
    margin: 5px 0 0 16px;
    width: 190px;
}

.user-info li {
    overflow-wrap: break-word;
}

.user-info li:first-child {
    color: #fff;
    font-weight: 500;
}

/* End Avatar & User Name */

.user-menu-list {
    margin: 19px 0 0 0;
}

.user-menu-list li {
    display: block;
    padding: 9px 20px;
}

li.user-menu-list-separator {
    border-bottom: 1px solid #3D3F4C;
    margin: 0 0 15px 0;
    padding: 9px 20px 24px 20px;
}

.user-menu-list a {
    display: block;
    font-size: 114.2857142857143%;
    padding: 4px 0 0 32px;
    text-decoration: none;
}

.user-menu-list a:hover {
    color: #fff;
    opacity: .8;
}

.my-profile,
.invite-friends {
    background: url("../img/my-profile.svg") no-repeat center left;
}

.account-settings {
    background: url("../img/settings.svg") no-repeat center left;
}

.my-subscriptions {
    background: url("../img/subscriptions.svg") no-repeat center left;
}

.my-royalties {
    background: url("../img/my-royalties.svg") no-repeat center left;
}

.my-transactions {
    background: url("../img/my-transactions.svg") no-repeat center left;
}

.my-favorites {
    background: url("../img/favorites.svg") no-repeat center left;
}

.faq {
    background: url("../img/faq.svg") no-repeat center left;
}

.read-blog {
    background: url("../img/blog.svg") no-repeat center left;
}

.log-out {
    background: url("../img/logout.svg") no-repeat center left;
}

/* End Menu */

/* End Top Panel

/* User Dashboard */

.user-dashboard,
.streamed-tracks,
.artists-table {
    animation-name: block-animation;
    animation-duration: .5s;
    padding: 34px 22px 32px 22px;
}

.user-dashboard article,
.streamed-tracks .card {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    margin: 12px 12px 20px 12px;
    padding: 24px;
}

/* Create Release */

.user-dashboard .col-3,
.user-dashboard article.my-music-release {
    background: url("../img/release-bg.jpg") no-repeat center;
    background-size: cover;
    padding: 24px 24px 28px 24px;
}

.user-dashboard h3 {
    font-size: 125%;
    line-height: 30px;
    margin: 0 0 16px 0;
}

.user-dashboard p {
    margin: 0 0 36px 0;
}

.user-dashboard .btn.btn-primary.create-release {
    background: #FF083D url("../img/create-release.svg") no-repeat 61px 12px;
    width: 100%;
}

.user-dashboard .btn.btn-primary.create-release:hover,
.user-dashboard .btn.btn.btn-primary.create-release:active,
.user-dashboard .btn.btn-primary.create-release.primary-disabled,
.user-dashboard .btn.btn-primary.create-release.disabled {
    background: #DB002F url("../img/create-release.svg") no-repeat 61px 12px;
}

/* End Create Release */

/* Levels */

.user-dashboard img,
.level-list {
    float: left;
}

.user-dashboard img {
    display: block;
    width: 108px;
}

.level-list {
    display: block;
    font-size: 100%;
    margin: 5px 0 0 16px;
    width: 60%;
}

.level-list li {
    margin: 0 0 6px 0;
    padding: 0 0 0 32px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.level-list li:first-child {
    margin: 0 0 18px 0;
    padding: 0;
}

.level-list li:nth-child(2) {
    background: url("../img/total-streams.svg") no-repeat left center;
}

.level-list li:nth-child(3) {
    background: url("../img/owning.svg") no-repeat left center;
}

.level-list li:last-child {
    background: url("../img/won.svg") no-repeat left center;
}

/* End Levels */

/* Friends */

.friends-list {
    line-height: 17.64px;
    margin: 0;
}

.friends-list li {
    padding: 0 5px;
    width: 76px;
}

.friends-list a {
    display: block;
    text-decoration: none;
}

.friends-list img {
    border-radius: 50%;
    display: block;
    float: none;
    height: 56px;
    margin: 0 auto 14px auto;
    width: 56px;
}

.friends-list span {
    display: block;
    overflow-wrap: break-word;
    text-align: center;
}

.see-link {
    background: url("../img/select-arrow-open.svg") no-repeat right center;
    display: block;
    padding: 0 32px 0 0;
    text-decoration: none;
    width: fit-content;
}

.see-link:hover {
    opacity: .8;
}

.friends-link {
    margin: 31px 0 0 0;
}

/* Friends List Empty */

.friends-list-empty {
    margin: 50px auto 75px auto;
    width: fit-content;
}

.friends-list-empty p {
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    text-align: center;
}

.friends-list-empty p span {
    text-decoration: underline;
}

/* End Friends List Empty */

/* End Friends */

/* End User Dashboard */

/* Streamed Tracks */

.streamed-tracks {
    padding: 0 22px 32px 22px;
}

/* Title With Link */

.news-title {
    font-weight: 500;
    line-height: 36px;
}

.streamed-tracks .see-link {
    margin: 8px 0 0 0;
}

.title-info {
    color: #ccc;
}

/* End Title With Link */

/* Track Card */

.track-wrapper {
    display: flex;
    padding: 0;
}

.streamed-tracks .card {
    background: rgba(254, 254, 255, 0.06);
    margin: 12px;
    padding: 0 0 20px 0;
    transition: .25s ease;
}

.streamed-tracks .card:hover {
    background: rgba(254, 254, 255, 0.08);
}

.streamed-tracks .card.blog-card {
    padding: 4px 4px 20px 4px;
}

.streamed-tracks .card-img-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    transition: .25s ease;
}

.streamed-tracks .card:hover .card-img-top {
    opacity: .75;
}

.streamed-tracks .card-body {
    color: #fff;
    padding: 20px 12px 0 12px;
}

.streamed-tracks .card-title {
    font-size: 100%;
    line-height: 20.16px;
    margin: 0 0 10px 0;
}

.blog-card .card-title {
    font-size: 125%;
    line-height: 30px;
    margin: 0;
}

.streamed-tracks .card-title a {
    text-decoration: none;
}

.streamed-tracks .card-text {
    margin: 0 0 10px 0;
}

.streamed-tracks .card-text a {
    padding: 0 0 0 6px;
}

/* Show/Hide Play Track Button */

.track-play-button,
.track-pause-button {
    cursor: pointer;
    display: none;
    height: 44px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 44px;
}

.track-play-button {
    background: url("../img/play-track.svg") no-repeat;
}

.streamed-tracks .card:hover .track-play-button,
.purchase-track-play:hover .track-play-button {
    display: block;
    transition: .25s ease;
}

.streamed-tracks .card:hover .track-play-button:hover,
.purchase-track-play .track-play-button:hover {
    opacity: .8;
}

.track-pause-button {
    background: url("../img/pause-track.svg") no-repeat;
    display: block;
}

/* End Show/Hide Play Track Button */

/* End Track Card */

/* End Streamed Tracks */

/* End Dashboard */

/* My Music */

/* Gradients */

.my-music-right-gradient-2,
.my-music-right-gradient-3 {
    opacity: .8;
}

.my-music-right-gradient-2 {
    background: url("../img/my-music-gradient-right-center.png") no-repeat;
    bottom: 0;
    height: 1356px;
    position: absolute;
    right: 0;
    width: 1291px;
}

.my-music-right-gradient-3 {
    background: url("../img/my-music-gradient-right-bottom.png") no-repeat;
    bottom: 0;
    height: 922px;
    position: absolute;
    right: 0;
    width: 692px;
}

/* End Gradients */

.my-favorite-artists p,
.my-music-release p {
    float: left;
    width: 55%;
}

/* Buttons */

.my-favorite-artists .btn.btn-secondary {
    background: #fff url("../img/manage-artists.svg") no-repeat 21px 12px;
    color: #FF083D;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 51px;
    width: 198px;
}

.my-favorite-artists .btn.btn-secondary,
.my-music-release .btn.btn-primary {
    float: right;
}

/* End Buttons */

/* Tabs */

.my-music-tabs {
    border-bottom: 1px solid #292B3A;
    font-size: 100%;
    font-weight: 500;
    margin: 0 0 26px 0;
}

.my-music-tabs li {
    display: block;
    float: left;
    margin: 0 48px 0 0;
}

.my-music-tabs a {
    display: block;
    height: 100%;
    opacity: .7;
    padding: 12px 0 7px 30px;
    text-decoration: none;
    width: 100%;
}

.my-music-tabs li:first-child a {
    background: url("../img/distributed.svg") no-repeat left center;
}

.my-music-tabs li:nth-child(2) a {
    background: url("../img/inprogress.svg") no-repeat left center;
}

.my-music-tabs li:last-child a {
    background: url("../img/audition.svg") no-repeat left center;
}

.my-music-tabs a:hover,
a.tab-active {
    color: #fff;
    opacity: 1;
}

a.tab-active {
    border-bottom: 1px solid #fff;
}

/* End Tabs */

/* Tabs Content */

.my-music-tab-content {
    animation: block-animation;
    animation-duration: .5s;
}

.my-music-tab-content .col {
    width: calc(25% - 24px);
}

/* End Tabs Content */

/* Banner */

.key-release-banner {
    animation: block-animation;
    animation-duration: .5s;
    background: url("../img/key-release-bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 8px;
    height: 282px;
    margin: 36px 12px 12px 12px;
    position: relative;
    width: calc(100% - 24px);
}

.key-release-banner .login-info {
    animation: none;
}

.key-release-banner h3 {
    font-size: 125%;
    line-height: 30px;
    margin: 0 0 12px 0;
}

/* End Banner */

/* My Music Empty */

.user-music-info {
    margin: 200px auto;
    width: fit-content;
}

.user-music-info p {
    font-size: 125%;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.user-music-info p,
.user-music-info a {
    color: rgba(255, 255, 255, 0.5);
}

.user-music-info a:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* End My Music Empty */

/* End My Music */

/* Manage Artists */

/* Gradient */

.manage-artists-bottom-gradient {
    background: url("../img/manage-artists-bottom-gradient.png") no-repeat;
    bottom: 0;
    height: 384px;
    position: absolute;
    right: 0;
    width: 1291px;
}

/* End Gradient */

/* Button */

.manage-artists .btn.btn-secondary {
    background: #fff url("../img/add-artists.svg") no-repeat 44px 11px;
    float: none;
    margin: 42px 0 0 0;
    padding: 12px 20px 12px 54px;
}

/* End Button */

/* Breadcrumb */

.page-breadcrumb a {
    background: url("../img/breadcrumb-arrow.svg") no-repeat left center;
    padding: 0 9px 0 32px;
    text-decoration: none;
}

.page-breadcrumb a:hover {
    opacity: .8;
}

.page-breadcrumb a.breadcrumb-item.active {
    color: #fff;
}

.page-breadcrumb a.breadcrumb-item.active:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* End Breadcrumb */

/* Table */

.artists-table {
    padding: 0 34px;
}

.artists-table .col-3 {
    width: 209px;
}

.artists-info-last-row {
    padding: 0 34px 44px 34px;
}

.artists-title,
.artists-spotify-info {
    margin: 0 1px 1px 0;
    padding: 20px 24px;
}

/* Table Titles */

.artists-title {
    background: #fff;
}

.artists-table .artists-title:first-child {
    border-top-left-radius: 8px;
}

.artists-table .artists-title:last-child {
    border-top-right-radius: 8px;
}

.artists-title span {
    color: #000314;
    font-weight: 500;
}

/* End Table Titles */

/* Artist Info */

.artists-spotify-info {
    background: rgba(255, 255, 255, 0.06);
}

.artists-info-last-row .artists-spotify-info:first-child {
    border-bottom-left-radius: 8px;
}

.user-transactions .artists-table.artists-info-last-row .artists-spotify-info:nth-child(2) {
    border-bottom-left-radius: 8px;
}

.artists-info-last-row .artists-spotify-info:last-child {
    border-bottom-right-radius: 8px;
}

.artists-spotify-info img {
    display: block;
    float: left;
    height: 48px;
    margin: 0 12px 0 0;
    width: 48px;
}

.artists-spotify-info span {
    display: block;
    padding: 12px 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.artists-table .btn.btn-secondary {
    background: #494F73 url("../img/edit.svg") no-repeat 20px center;
    border-radius: 4px;
    color: #fff;
    font-size: 87.5%;
    font-weight: 400;
    height: 40px;
    margin: 4px 0 0 0;
    padding: 11px 20px 10px 50px;
}

.artists-table .btn.btn-secondary:hover {
    opacity: .7;
}

/* End Artist Info */

/* End Table */

/* End Manage Artists */

/* Player */

.track-info,
.track-info img,
.player-control,
.prev-track,
.play-track,
.next-track,
.track-time,
.track-time span,
.track-time .progress,
.volume,
.add-track-to-favorites {
    float: left;
}

.music-player {
    animation-name: block-animation;
    animation-duration: .25s;
    background: #000314;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    bottom: 0;
    height: 97px;
    position: fixed;
    padding: 0 34px;
    right: 0;
    width: calc(100% - 116px);
    z-index: 80;
}

/* Track Info */

.track-info {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    height: 97px;
    padding: 0 30px 0 0;
}

.track-info img {
    display: block;
    height: 97px;
}

.track-info span {
    color: #fff;
    display: block;
    font-size: 87.5%;
    padding: 0 0 4px 12px;
    width: 200px;
}

span.track-name {
    padding: 24px 0 6px 12px;
}

/* End Track Info */

/* Control */

.player-control {
    margin: 34px 4px 0 16px;
}

.prev-track,
.play-track,
.next-track,
.volume,
.add-track-to-favorites {
    cursor: pointer;
    height: 24px;
    transition: .25s ease;
    width: 24px;
}

.prev-track,
.play-track {
    margin: 0 14px;
}

.prev-track {
    background: url("../img/prev.svg") no-repeat;
}

.play-track {
    background: url("../img/play.svg") no-repeat;
}

.play-active {
    background: url("../img/pause.svg") no-repeat;
}

.next-track {
    background: url("../img/next.svg") no-repeat;
    margin: 0 0 0 14px;
}

.prev-track:hover,
.play-track:hover,
.play-active:hover,
.next-track:hover,
.volume:hover {
    opacity: .8;
}

/* End Control */

/* Time */

.track-time {
    display: flex;
    margin: 37px 0 0 0;
    width: 30%;
}

.track-time span {
    font-size: 81.25%;
    font-weight: 500;
    padding: 0 20px 0 16px;
}

.track-time .progress {
    background: #4C4E54;
    border-radius: 999px;
    display: flex;
    height: 4px;
    margin: 7px 0 0 0;
    width: 100%;
}

.track-time .progress-bar {
    background: #FF083D;
    border-radius: 24px;
}

/* End Time */

/* Volume & Add To Favorites */

.volume-favorites {
    float: right;
    margin: 34px 0 0 0;
}

.volume {
    background: url("../img/volume.svg") no-repeat;
    margin: 0 26px 0 0;
}

.add-track-to-favorites {
    background: url("../img/add-to-favorites.svg") no-repeat;
    transition: .25s ease;
}

.add-track-to-favorites:hover,
.track-in-favorites {
    background: url("../img/favorites.svg") no-repeat;
}

.volume-control {
    background: #141726;
    border-radius: 4px;
    bottom: 90px;
    height: 80px;
    position: relative;
    right: 1px;
    width: 26px;
    display: none;
}

.volume-control-active {
    display: block;
}

.volume-control input[type="range"] {
    -webkit-appearance: none;
    appearance: none; 
    background: #4C4E54;
    border-radius: 4px;
    bottom: 38px;
    cursor: pointer;
    height: 4px;
    left: -22px;
    outline: none;
    overflow: hidden;
    position: absolute;
    transform: rotate(-90deg);
    width: 70px;
}

/* Track: Webkit Browsers */

.volume-control input[type="range"]::-webkit-slider-runnable-track {
    background: #4C4E54;
    border-radius: 4px;
    height: 4px;
}

/* Thumb: Webkit Browsers */

.volume-control input[type="range"]::-webkit-slider-thumb {
    appearance: none; 
    background-color: #fff;
    border-radius: 50%;
    box-shadow: -400px 0 0 400px #FF083D;
    height: 4px;
    width: 4px;
}
  
  /* Track: Mozilla Firefox */

  .volume-control input[type="range"]::-moz-range-track {
    background: #4C4E54;
    border-radius: 4px;
    height: 4px;
}

/* Thumb: Mozilla Firefox */

.volume-control input[type="range"]::-moz-range-thumb {
    background: #fff;
    border-radius: 50%;
    box-shadow: -400px 0 0 400px #FF083D;
    height: 4px;
    width: 4px;
}

/* End Volume & Add To Favorites */

/* End Player */

/* Modal Windows */

.modal {
    background: rgba(0, 0, 0, 0.54);
}

.modal-dialog {
    background: #000314;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    height: 538px;
    max-width: none;
    top: 86px;
    width: 676px;
}

.modal-content {
    background: none;
    border: none;
    border-radius: 0;
    height: 100%;
    padding: 60px 40px 24px 40px;
}

/* Gradients */

.modal-window-top-gradient {
    background: url("../img/modal-window-top-gradient.png") no-repeat;
    border-top-left-radius: 8px;
    height: 264px;
    left: 0;
    position: absolute;
    top: 0;
    width: 277px;
}

.modal-window-bottom-gradient-1 {
    background: url("../img/modal-window-bottom-gradient-1.png") no-repeat;
    bottom: 0;
    height: 164px;
    position: absolute;
    right: 25px;
    width: 584px;
}

.modal-window-bottom-gradient-2 {
    background: url("../img/modal-window-bottom-gradient-2.png") no-repeat;
    border-bottom-right-radius: 8px;
    bottom: 0;
    height: 300px;
    position: absolute;
    right: 0;
    width: 340px;
}

/* End Gradients */

.modal-header {
    border: none;
    padding: 0 0 24px 0;
}

.modal-title {
    font-weight: 500;
    margin: 0 auto;
}

/* Close Button */

.modal-header .btn-close {
    background: url("../img/close.svg") no-repeat;
    height: 40px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    text-indent: -9999px;
    transition: .25s ease;
    width: 40px;
}

.modal-header .btn-close:hover {
    opacity: .8;
}

/* End Close Button */

.modal-body,
.modal-footer {
    animation-name: block-animation;
    animation-duration: .25s;
    border: none;
    border-radius: 0;
    padding: 0;
}

.label-title {
    color: #fff;
    font-size: 100%;
    margin: 0 0 12px 0;
    padding: 0;
}

.form-info {
    display: block;
    margin: 0 0 20px 0
}

.form-info a {
    color: rgba(255, 255, 255, 0.69);
}

.form-info a:hover {
    color: #fff;
}

/* Buttons */

.buttons-group {
    margin: 38px auto 0 auto;
    width: 416px;
}

.modal-body .btn {
    float: left;
}

.modal-body .btn,
.modal-body .btn.btn-secondary {
    height: 48px;
    margin: 0;
    width: 198px;
}

.modal-body .btn.btn-secondary {
    margin: 0 20px 0 0;
    padding: 12px 20px;
}

.modal-body .btn.btn-secondary,
.modal-body .btn.btn-secondary:hover,
.modal-body .btn.btn-secondary:active {
    font-weight: 400;
}

.modal-body .btn-primary {
    background: #FF083D url("../img/save.svg") no-repeat 61px 11px;
    padding: 12px 20px 12px 52px;
}

.modal-body .btn.btn-primary:hover,
.modal-body .btn.btn.btn-primary:active,
.modal-body .btn.btn-primary.primary-disabled,
.modal-body .btn.btn-primary.disabled,
.btn.btn-primary.save-track:hover,
.btn.btn-primary.save-track:active,
.btn.btn-primary.save-track.primary-disabled,
.btn.btn-primary.save-track.disabled {
    background: #DB002F url("../img/save.svg") no-repeat 61px 11px;
}

/* End Buttons */

/* End Modal Windows */

/* Create Release */

.create-release-form {
    padding: 0 22px 32px 22px;
}

.my-release {
    margin: 0;
    padding: 0;
}

.my-release article,
.sell-license-tokens {
    background: rgba(0, 3, 20, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    margin: 0 12px 24px 12px;
    padding: 40px 32px 10px 32px;
    width: calc(100% - 24px);
}

.my-release h3,
.release-title-col input,
.release-title-col .custom-select {
    margin: 0 0 32px 0;
}

.release-title-col,
.small-select {
    width: calc(50% - 16px);
}

.my-release .label-title {
    line-height: 20.16px;
    vertical-align: middle;
}

.label-title a {
    float: right;
    margin: 0 0 0 6px;
}

.label-title a:hover {
    opacity: .8;
}

.info-wallet .label-title a {
    float: none;
}

.label-title img {
    height: 20px;
    width: 20px;
}

.small-link {
    font-size: 87.5%;
    float: right;
}

.my-release article .row {
    margin: 0 0 32px 0;
    padding: 0;
}

.my-release article .row.my-release-last-row {
    margin: 0;
}

.my-release article .row .col {
    margin: 0;
    padding: 0;
}

.my-release article .row .col:first-child {
    margin: 0 32px 0 0;
}

.calendar-date {
    position: relative;
}

.calendar-date .form-control {
    padding: 18px 55px 18px 16px;
}

img.release-calendar {
    bottom: 18px;
    display: block;
    height: 24px;
    position: absolute;
    right: 16px;
    width: 24px;
}

.release-title-col .select-selected,
.small-select .select-selected {
    width: 100%;
}

/* Cover */

.my-release article .row .col-auto {
    margin: 0 44px 0 0;
    padding: 0;
}

.cover-uploading {
    background: rgba(255, 255, 255, 0.08);
    border: 1px dashed rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    height: 420px;
    position: relative;
    width: 420px;
}

/* Image & Remove Image Button */

.cover-art,
.uploading-animation {
    height: 418px;
    position: inherit;
    transition: .25s ease;
    width: 418px;
}

.art-hidden {
    display: none;
}

.cover-art img {
    border-radius: 8px;
    float: none;
    height: inherit;
    width: inherit;
}

.cover-art:hover {
    opacity: .75;
}

.remove-cover {
    background: url("../img/remove.svg") no-repeat;
    cursor: pointer;
    display: none;
    height: 24px;
    opacity: 1;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: .25s ease;
    width: 24px;
}

.remove-cover:hover {
    opacity: .8;
}

.cover-art:hover .remove-cover {
    display: block;
}

/* End Image & Remove Image Button */

/* Browse File */

.browse-file {
    left: 103px;
    position: absolute;
    top: 144px;
    width: 214px;
}

.browse-file input,
.browse-file input:focus {
    background: transparent url("../img/upload.svg") no-repeat;
    border: none;
    border-radius: 0;
    height: 56px;
    margin: 0 auto 36px auto;
    text-indent: -9999px;
    width: 74px;
}

.browse-file input:hover {
    background: transparent url("../img/upload.svg") no-repeat;
    opacity: .8;
}

.browse-file .label-title {
    cursor: pointer;
    margin: 0;
    padding: 0 4px;
    transition: .25s ease;
}

.browse-file .label-title span {
    text-decoration: underline;
}

.browse-file .label-title:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* End Browse File */

/* Release Art Loader */

.loader {
    animation: loader-animation;
    animation-duration: 2.5s;
    animation-delay: .25s;
    animation-iteration-count: infinite;
    background: url("../img/loader-white.svg") no-repeat;
    height: 48px;
    left: 185px;
    position: absolute;
    top: 185px;
    width: 48px;
}

/* End Release Art Loader */

/* End Cover */

/* Cover Info */

.my-release article p {
    margin: 0 0 24px 0;
}

.cover-info img {
    height: 20px;
    margin: 0 6px 0 0;
    width: 20px;
}

/* End Cover Info */

.my-release article p.form-label {
    display: inline-block;
}

.my-release .form-check {
    margin: 0;
}

.my-release .form-check-label {
    color: #fff;
    font-size: 100%;
}

.my-release .form-label {
    color: #fff;
    font-size: 100%;
    margin: 0 0 12px 0;
    padding: 0;
}

.browse-file .form-label {
    margin: 0 0 12px 4px;
}

.my-release textarea {
    height: 140px;
    min-height: 140px;
    margin: 0 0 32px 0;
}

/* Multiselect Menu */

/* Button */

.multiselect-dropdown {
    height: 58px;
    margin: 0 0 32px 0;
}

.btn.btn-primary.multiselect,
.btn.btn-primary.multiselect:active {
    background: #141726 url("../img/select-arrow.svg") no-repeat center right 16px;
    border: none;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    height: 58px;
    margin: 0;
    padding: 18px 55px 18px 16px;
    text-align: left;
}

.dropdown-toggle.multiselect::after {
    content: none;
}

.btn.btn-primary.multiselect:hover {
    background: #1F2231 url("../img/select-arrow.svg") no-repeat center right 16px;
}

.btn.btn-primary.multiselect.show.multiselect-active {
    background: #1F2231 url("../img/select-arrow-open.svg") no-repeat center right 16px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: none;
    color: #fff;
}

/* End Button */

/* List */

.dropdown-menu.multiselect-menu.show {
    animation: block-animation;
    animation-duration: .1s;
    background: #1F2231;
    border-radius: 8px;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.28);
    top: 61px;
    padding: 0;
    width: 100%;
    z-index: 80;
}

.multiselect-menu .list-group-item {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    cursor: pointer;
    height: 58px;
    padding: 16px;
    transition: .25s ease;
}

.multiselect-menu .list-group,
.multiselect-menu .list-group-item:last-child {
    border: none
}

.multiselect-menu .list-group-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.multiselect-menu .list-group-item label {
    cursor: pointer;
    color: #fff;
    font-size: 114.2857142857143%;
    line-height: 22.4px;
    padding: 2px 0 0 8px;
}

.multiselect-menu .list-group-item img {
    height: 24px;
    margin: 0 0 0 8px;
    width: 24px;
}

/* End List */

/* End Multiselect Menu */

.my-release .my-music-release {
    margin: 18px auto 12px auto;
}

/* Gradients */

.create-release-position {
    bottom: 710px;
}

.create-release-gradient-right-center-2 {
    background: url("../img/create-release-gradient-right-center-2.png") no-repeat;
    bottom: 200px;
    height: 1646px;
    position: absolute;
    right: 0;
    width: 692px;
}

/* End Gradients */

/* Tooltips */

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    animation: block-animation;
    animation-duration: .1s;
    border-top-color: #494F73;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    animation: block-animation;
    animation-duration: .1s;
    border-right-color: #494F73;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    animation: block-animation;
    animation-duration: .1s;
    border-bottom-color: #494F73;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    animation: block-animation;
    animation-duration: .1s;
    border-left-color: #494F73;
}

.tooltip-inner {
    animation: block-animation;
    animation-duration: .1s;
    background: #494F73;
    color: #fff;
    font-size: 90%;
    line-height: 17.64px;
    padding: 16px;
    text-align: left;
    max-width: 340px;
}

br {
    margin: 0 0 2px 0;
}

/* End Tooltips */

/* End Create Release */

/* Full Releases */

/* Banner */

.discover-banner {
    background: url("../img/discover-bg.jpg") no-repeat;
    background-size: cover;
    height: 268px;
}

.discover-banner .login-info {
    border: none;
    border-radius: 0;
    backdrop-filter: none;
    background: none;
    padding: 5px 18px 18px 18px;
    width: 70%;
}

.discover-banner h3 {
    font-size: 225%;
    line-height: 43.2px;
    margin: 0;
}

.discover-banner .btn.btn-primary {
    background: #FF083D url("../img/search.svg") no-repeat 31px 11px;
    display: block;
    height: 48px;
    margin: 28px auto 0 auto;
    padding: 12px 20px 12px 48px;
    width: 198px;
}

.discover-banner .btn.btn-primary:hover,
.discover-banner .btn.btn.btn-primary:active {
    background: #DB002F url("../img/search.svg") no-repeat 31px 11px;
}

/* End Banner */

/* End Full Releases */

/* Search Results Releases */

.user-dashboard .nav-bar .form-control {
    width: 100%;
}

/* Filters Menu */

.search-filters-menu .multiselect-dropdown {
    height: 24px;
    margin: 24px 0;
}

.search-filters-menu .btn.btn-primary.multiselect,
.search-filters-menu .btn.btn-primary.multiselect:active {
    background: url("../img/select-arrow.svg") no-repeat center right;
    border-radius: 0;
    color: #fff;
    display: block;
    height: 24px;
    padding: 0 32px 0 0;
    text-decoration: none;
}

.search-filters-menu .btn.btn-primary.multiselect:hover {
    color: rgba(255, 255, 255, 0.8);
    opacity: .8;
}

.search-filters-menu .btn.btn-primary.multiselect.show.multiselect-active {
    background: url("../img/select-arrow-open.svg") no-repeat center right;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    opacity: .8;
}

.search-filters-menu .dropdown-menu.multiselect-menu.show {
    top: 32px;
    width: 340px;
}

/* End Filters Menu */

/* Tabs */

.search-results-tabs .my-music-tabs a {
    padding: 12px 0 7px 0;
}

.search-results-tabs .my-music-tabs li:first-child a,
.search-results-tabs .my-music-tabs li:nth-child(2) a,
.search-results-tabs .my-music-tabs li:last-child a {
    background: none;
}

.my-music-tab-content.users-tab .col,
.my-music-tab-content.tracks-tab .col {
    width: calc(20% - 24px);
}

.users-tab .card-img-top {
    border-radius: 50%;
    padding: 12px;
}

.users-tab .card:hover .card-img-top {
    opacity: 1;
}

.search-results-tabs.tabs-with-icons .my-music-tabs a {
    padding: 12px 0 7px 30px;
}

.search-results-tabs.tabs-with-icons .my-music-tabs li:first-child a {
    background: url("../img/distributed.svg") no-repeat left center;
}

.search-results-tabs.tabs-with-icons .my-music-tabs li:nth-child(2) a {
    background: url("../img/inprogress.svg") no-repeat left center;
}

.search-results-tabs.tabs-with-icons .my-music-tabs li:last-child a {
    background: url("../img/audition.svg") no-repeat left center;
}

/* End Tabs */

/* Search Results & Sort By */

.results-sortby {
    margin: 5px 0 20px 0;
}

.results-sortby .col {
    padding: 0;
}

.results-sortby .col p {
    line-height: 24px;
    margin: 0;
}

.sortby-filter {
    float: right;
}

.results-sortby .col .sortby-filter p {
    float: right;
    margin: 0 16px 0 0;
}

.sortby-filter .custom-select,
.sortby-filter .select-selected {
    border-radius: 0;
    color: #fff;
}

.sortby-filter .custom-select {
    background: none;
    float: right;
    line-height: 24px;
    height: 24px;
    width: fit-content;
}

.sortby-filter .select-selected {
    background: url("../img/select-arrow.svg") no-repeat center right;
    font-weight: 500;
    line-height: 24px;
    padding: 0 32px 0 0;
    text-align: right;
}

.sortby-filter .select-selected:hover,
.sortby-filter .select-arrow-active {
    color: rgba(255, 255, 255, 0.8);
    opacity: .8;
}

.sortby-filter .select-arrow-active {
    background: url("../img/select-arrow-open.svg") no-repeat center right;
    border: none;
}

.sortby-filter .select-items {
    top: 9px;
}

.sortby-filter .same-as-selected {
    color: rgba(255, 255, 255, 0.8);
    opacity: .8;
}

/* End Search Results & Sort By */

/* Active Filters */

.active-filters-panel {
    margin: 0;
}

.active-filters-panel .col-auto {
    padding: 0;
}

.active-filter {
    background: #fff;
    cursor: pointer;
    border-radius: 28px;
    margin: 0 12px 12px 0;
    padding: 8px 6px 8px 12px;
    transition: .25s ease;
}

.active-filter:hover {
    opacity: .86;
}

.active-filter span {
    color: #000314;
    display: block;
    font-size: 87.5%;
    line-height: 24px;
}

.active-filter span:first-child {
    float: left;
}

.active-filter span:last-child {
    background: url("../img/close-filter.svg") no-repeat;
    float: right;
    height: 24px;
    padding: 8px 8px 8px 8px;
    text-indent: -9999px;
    width: 24px;
}

/* End Active Filters */

/* End Search Results Releases */

/* Exchange */

.exchange-bl {
    padding: 40px 22px 6px 22px;
}

.tokens-bl {
    padding: 6px 22px 32px 22px;
}

/* Title */

.exchange-title {
    background: url("../img/exchange-bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 8px;
    margin: 0 12px;
    padding: 20px;
}

.exchange-title h2 {
    margin: 0 0 20px 0;
    text-align: center;
}

.exchange-title span {
    background: url("../img/green-check.svg") no-repeat left center;
    display: block;
    line-height: 26px;
    margin: 0 auto 12px auto;
    padding: 2px 0 0 36px;
    width: fit-content;
}

/* End Title */

/* List */

.tokens-licensing {
    font-size: 100%;
}

.tokens-licensing li {
    background: url("../img/white-check.svg") no-repeat left top 2px;
    margin: 0 0 16px 0;
    padding: 0 0 0 26px;
}

li.tl-info {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding: 8px 12px;
}

.tokens-licensing li:last-child {
    margin: 0;
}

/* End List */

.search-results-tabs p.label-title {
    display: inline-block;
    margin: 10px 0 0 0;
    line-height: 20.16px;
    vertical-align: middle;
}

/* Balance */

.wallet-purchase {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    float: right;
    height: 40px;
    padding: 2px 14px;
    width: fit-content;
}

.wallet-purchase span {
    display: block;
    float: left;
    padding: 6px 0 4px 0;
}

.wallet-purchase .btn-wallet {
    float: right;
    padding: 6px 0 4px 44px;
    margin: 0;
}

.wallet-purchase .btn-wallet:hover {
    background: url("../img/wallet.svg") no-repeat 12px 4px;
}

/* End Balance */

/* Table */

.purchase-list .artists-table {
    animation-name: none;
    animation-duration: unset;
    margin: 0;
    padding: 0;
}

.purchase-list .artists-table.artists-info-last-row {
    padding: 0 0 12px 0;
}

.artists-table.purchase-track-list {
    margin: 28px 0 0 0;
}

.purchase-track-play .artists-spotify-info,
.img-overlay {
    transition: .25s ease;
}

.purchase-list .artists-spotify-info {
    margin: 0 1px 0 0;
}

img.img-overlay {
    border-radius: 8px;
    height: 78px;
    width: 78px;
}

.purchase-track-info {
    float: left;
    overflow-wrap: break-word;
    word-break: break-word;
}

.purchase-track-info h3 {
    font-size: 100%;
}

.purchase-track-info h3 a {
    text-decoration: none;
}

.purchase-track-info p,
.purchase-track-info span {
    font-size: 87.5%;
    margin: 0;
}

.purchase-track-info span {
    padding: 10px 0 0 0;
}

span.purchase-license-price {
    padding: 27px 0 0 0;
}

.purchase-list .artists-table .btn.btn-secondary {
    background: #494F73;
    margin: 16px 0 0 0;
    padding: 11px 20px 10px 20px;
    text-align: center;
}

.purchase-track-play:hover .img-overlay {
    opacity: .75;
}

.purchase-track-play:hover .artists-spotify-info {
    background: rgba(254, 254, 255, 0.08);
}

.purchase-track-play .track-play-button,
.purchase-track-play .track-pause-button {
    background-size: contain;
    height: 32px;
    left: 47px;
    top: 43px;
    width: 32px;
}

/* End Table */

/* Form */

.sell-license-tokens {
    margin: 0 12px 12px 12px;
    padding: 32px;
}

.tokens-quantity {
    position: relative;
}

.tokens-quantity .sum-of-tokens {
    padding: 18px 42px 18px 16px;
}

.remove-tokens,
.add-tokens {
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    right: 25px;
    text-indent: -9999px;
    width: 18px;
    z-index: 70;
}

.remove-tokens {
    background: url("../img/decrement.svg") no-repeat;
    bottom: 42px;
}

.add-tokens {
    background: url("../img/increment.svg") no-repeat;
    top: 43px;
}

.sell-license-tokens .form-control {
    margin: 0 0 32px 0;
}

.check-options {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    margin: 0 0 32px 0;
    padding: 10px 15px;
}

.check-options .form-check {
    margin: 0;
}

.form-check-input.freebie-sell {
    background: transparent;
    border: 1px solid #fff;
}

.form-check-input.freebie-sell:checked {
    background: #fff url("../img/option-checked.svg") no-repeat center;
}

.check-options .form-check-label {
    color: #fff;
    font-size: 100%;
}

/* Search */

.sell-license-tokens .nav-bar {
    margin: 38px 0 0 0;
}

.sell-license-tokens .nav-bar .form-control {
    width: 100%;
}

.sell-license-tokens .nav-bar .form-control,
.sell-license-tokens .nav-bar .form-control:hover {
    background: url("../img/search.svg") no-repeat 16px 11px;
}

.sell-license-tokens .nav-bar .form-control::placeholder {
    color: #fff;
}

/* End Search */

.fixed-time-licensing {
    width: calc(41.66666667% - 14px);
}

/* Button */

.give-away-add {
    width: 220px;
}

.give-away-add .btn.btn-primary {
    height: 48px;
    padding: 12px 18px;
}

/* End Button */

#label-select-friends,
#search-friends,
#give-away-btn,
#tokens-cost,
#tokens-sum,
#add-tokens-btn {
    animation: block-animation;
    animation-duration: .5s;
}

.form-elements-hidden {
    display: none;
}

.form-elements-visible {
    display: block;
}

/* End Form */

/* Gradient */

.exchange-bottom-gradient {
    background: url("../img/exchange-gradient-bottom.png") no-repeat;
    bottom: 0;
    height: 638px;
    position: absolute;
    right: 0;
    width: 1291px;
}

/* End Gradient */

/* Purchase Modal Window */

.purchase-tokens .modal-dialog {
    height: 711px;
    left: 150px;
    margin: 0;
    top: 116px;
    width: 1140px;
}

.purchase-tokens .modal-header,
.purchase-tokens .modal-body,
.purchase-tokens .modal-footer {
    padding: 0 24px;
    width: calc(100% - 560px);
}

/* Image */

.modal-img {
    position: absolute;
    right: 0;
    top: 0;
}

.modal-img img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block;
    height: 710px;
    width: 560px;
}

/* End Image */

.purchase-tokens .modal-content {
    padding: 34px 0;
}

.purchase-tokens article {
    padding: 36px 0 0 0;
}

.modal-list {
    font-size: 100%;
    float: left;
}

.modal-list li {
    margin: 0 0 2px 0;
    max-width: 339px;
}

.modal-list li span {
    display: inline-block;
    font-weight: 500;
    margin: 0 6px 0 0;
    width: 70px;
}

.final-price {
    font-size: 187.5%;
    float: right;
}

/* Radio Buttons */

.purchase-tokens .check-options,
.user-withdraw .check-options {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.26);
    margin: 20px 0;
    opacity: .8;
    padding: 16px;
}

.purchase-tokens .check-options.btn-checked,
.user-withdraw .check-options.btn-checked {
    border: 1px solid #fff;
    opacity: 1;
}

.purchase-tokens .check-options span {
    display: block;
    margin: 8px 0 0 32px;
}

.purchase-tokens .form-check-input.freebie-sell,
.subscriptions-plans .form-check-input.freebie-sell {
    background: #fff;
    border: 1px solid #fff;
}

.purchase-tokens .form-check-input.freebie-sell:checked,
.user-withdraw .form-check-input.freebie-sell:checked,
.subscriptions-plans .form-check-input.freebie-sell:checked {
    background: #2A03C8 url("../img/option-checked-white.svg") no-repeat center;
    border: 1px solid #2A03C8;
}

.purchase-tokens .check-options .form-check-label,
.user-withdraw .check-options .form-check-label {
    font-weight: 500;
}

/* End Radio Buttons */

/* Buttons */

.purchase-tokens .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 34px 24px 0 24px;
}

.purchase-tokens .modal-footer .btn,
.user-withdraw .modal-footer .btn {
    margin: 0;
}

#purchase-tokens-step-2 .btn.btn-secondary,
#purchase-tokens-step-2 .btn.btn-secondary:hover,
#purchase-tokens-step-2 .btn.btn-secondary:active,
#pricing-payment-step-2 .btn.btn-secondary,
#pricing-payment-step-2 .btn.btn-secondary:hover,
#pricing-payment-step-2 .btn.btn-secondary:active {
    background: rgba(255, 255, 255, 0.06) url("../img/btn-prev-arrow.svg") no-repeat 85px center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    margin: 0 18px 0 0;
    padding: 16px 18px 16px 40px;
}

#purchase-tokens-step-2 .btn.btn-secondary,
#purchase-tokens-step-2 .btn.btn-primary,
#pricing-payment-step-2 .btn.btn-secondary,
#pricing-payment-step-2 .btn.btn-primary {
    width: 256px;
}

/* End Buttons */

/* Table */

.purchase-tokens .artists-table {
    margin: 0;
    padding: 0;
}

.purchase-tokens .artists-table.artists-info-last-row {
    padding: 0 0 44px 0;
}

.purchase-tokens .artists-title,
.purchase-tokens .artists-spotify-info {
    padding: 10px 16px;
}

.purchase-tokens .artists-spotify-info span {
    padding: 0;
}

/* End Table */

#purchase-tokens-step-2 .modal-list li {
    max-width: 530px;
}

#purchase-tokens-step-2 .modal-list li span {
    width: 190px;
}

/* Gradients */

.purchase-top-gradient {
    background: url("../img/purchase-top-gradient.png") no-repeat;
    border-top-left-radius: 8px;
    height: 264px;
    left: 0;
    position: absolute;
    top: 0;
    width: 277px;
}

.purchase-bottom-gradient-1 {
    background: url("../img/purchase-bottom-gradient-1.png") no-repeat;
    bottom: 0;
    height: 433px;
    position: absolute;
    right: 0;
    width: 804px;
}

.purchase-bottom-gradient-2 {
    background: url("../img/purchase-bottom-gradient-2.png") no-repeat;
    bottom: 0;
    height: 297px;
    position: absolute;
    right: 320px;
    width: 727px;
}

/* End Gradients */

/* End Purchase Modal Window */

/* End Exchange */

/* Wallet */

.my-wallet h3 {
    margin: 0 0 10px 0;
}

.current-sum {
    display: block;
    font-family: "microgramma-extended", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 225%;
    float: left;
}

.royalty-overview {
    display: block;
    margin: 24px 0 9px 0;
}

.my-wallet p {
    margin: 0;
}

.my-wallet p span {
    margin: 0 0 0 5px;
}

.my-wallet .btn.btn-secondary,
.my-wallet .btn.btn-primary {
    float: right;
    height: 48px;
    margin: 4px 0 0 0;
    width: 198px;
}

.my-wallet .btn.btn-secondary {
    background: #fff url("../img/withdraw.svg") no-repeat 46px 11px;
    color: #FF083D;
    padding: 12px 20px 12px 56px;
}

.my-wallet .btn.btn-secondary:disabled {
    background: rgba(100, 100, 100, 0.42) url("../img/withdraw-disabled.svg") no-repeat 46px 11px;
    color: rgba(255, 255, 255, 0.24);
    opacity: 1;
}

.my-wallet .btn.btn-primary {
    background: #FF083D url("../img/pricing.svg") no-repeat 55px 11px;
    padding: 12px 20px 12px 54px;
}

.my-wallet .btn.btn-primary:hover,
.my-wallet .btn.btn.btn-primary:active,
.my-wallet .btn.btn-primary.primary-disabled,
.my-wallet .btn.btn-primary.disabled {
    background: #DB002F url("../img/pricing.svg") no-repeat 55px 11px;
}

.member-status {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    display: block;
    float: left;
    margin: 7px 0 0 0;
    padding: 9px 11px;
}

p.upgrade-membership {
    margin: 28px 0 0 0;
}

/* Alert */

.wallet-alert {
    padding: 0 22px;
}

.alert-info {
    background: rgba(255, 186, 10, 0.1);
    border: 1px solid rgba(255, 172, 10, 0.48);
    margin: 0;
    padding: 15px 24px;
}

.alert-info img {
    display: block;
    float: left;
    height: 24px;
    margin: 0 10px 0 0;
    width: 24px;
}

.alert-info p {
    color: #FFB11A;
    font-size: 114.2857142857143%;
    margin: 3px 0 0 0;
}

/* End Alert */

/* Withdraw Modal Window */

.user-withdraw .modal-dialog {
    height: 627px;
}

.user-withdraw .modal-content {
    padding: 40px 0 34px 0;
}

.user-withdraw .modal-header {
    padding: 0 40px 24px 40px;
 }

.user-withdraw .modal-body {
    padding: 0 40px;
}

.user-withdraw .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 34px 40px 0 40px;
}

.withdraw-balance {
    border: 1px solid #141726;
    border-radius: 8px;
    height: 70px;
    margin: 0 auto;
    padding: 13px 14px;
    width: fit-content;
}

.money-symbol {
    border-right: 1px solid #484A56;
    display: block;
    float: left;
    font-size: 125%;
    font-weight: 500;
    height: 30px;
    margin: 6px 0 0 0;
    padding: 1px 14px 0 0;
}

.money-sum {
    display: block;
    float: left;
    font-size: 187.5%;
    height: 41px;
    padding: 0 0 0 14px;
}

.withdraw-info {
    display: block;
    font-size: 75%;
    margin: 12px 0 32px 0;
    text-align: center;
}

.user-withdraw h3 {
    font-size: 100%;
    text-align: center;
}

.user-withdraw .check-options {
    margin: 20px 0 44px 0;
}

.user-withdraw .form-check-label img,
.purchase-tokens .form-check-label img {
    display: inline-block;
    height: 22px;
    margin: 0 8px 0 0;
    width: 28px;
}

.user-withdraw .form-check a {
    display: block;
    float: right;
}

.user-withdraw .form-check-label {
    max-width: 450px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.user-withdraw .form-check-label span {
    display: block;
    font-weight: 400;
    margin: 12px 0 0 0;
}

.user-withdraw .modal-list {
    float: none;
    margin: 0 0 44px 0;
}

.user-withdraw .modal-list li {
    max-width: none;
}

.user-withdraw .modal-list li span {
    width: 97px;
}

/* End Withdraw Modal Window */

/* End Wallet */

/* Pricing */

/* Plans */

.plan-pricing .col-8 {
    margin: 0 auto;
}

.plan-pricing article {
    height: 496px;
    margin: 44px 12px 12px 12px;
    padding: 0;
}

.plan-pricing article.pro-plan {
    margin: 0 12px 12px 12px;
    height: 584px;
}

.plan-pricing .card {
    background: none;
    border: none;
    height: inherit;
}

.plan-pricing .card-header {
    background: rgba(255, 255, 255, 0.06);
    border: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 32px 24px 24px 24px;
}

.plan-pricing .card-header h3 {
    color: #fff;
    font-size: 150%;
    margin: 0 0 12px 0;
    text-align: center;
}

.plan-pricing .card-header p {
    margin: 0;
    text-align: center;
}

.plan-pricing .card-body {
    position: relative;
    padding: 32px 24px 24px 24px;
}

.plan-pricing .card-body h4 {
    color: #fff;
    font-family: "microgramma-extended", sans-serif;
    font-size: 175%;
    text-align: center;
}

.plan-pricing article.pro-plan .card-header {
    background: #fff;
}

.plan-pricing article.pro-plan .card-header h3,
.plan-pricing article.pro-plan .card-header p {
    color: #000314;
}

.plan-pricing article.pro-plan .card-body h4 {
    font-size: 225%;
}

.plan-pricing article.pro-plan .card-body h4 span {
    font-family: "loos-normal", sans-serif;
    font-size: 44.44444444444444%;
    font-weight: 400;
    opacity: .6;
}
.plan-pricing article.small-plan .card-body h4 span {
    font-family: "loos-normal", sans-serif;
    font-size: 44.44444444444444%;
    font-weight: 400;
    opacity: .6;
}
.plan-pricing article.pro-plan .cover-info {
    display: block;
    margin: 0 auto;
    width: fit-content;
}

.plan-pricing article.pro-plan .cover-info img {
    display: block;
    float: right;
    height: 16px;
    margin: 1px 0 0 6px;
    width: 16px;
}

/* List */

.plan-list {
    color: #fff;
    font-size: 100%;
    margin: 32px 12px 0 12px;
}

.plan-list li {
    background: url("../img/li-green.svg") no-repeat 0 1px;
    padding: 4px 0 4px 32px;
}

/* End List */

/* Buttons */

.plan-pricing .btn {
    bottom: 24px;
    height: 48px;
    margin: 0;
    position: absolute;
    padding: 12px 18px;
    width: calc(100% - 48px);
}

.plan-pricing .btn.btn-primary:disabled {
    background: rgba(100, 100, 100, 0.42);
}

.plan-pricing .btn.btn-secondary,
.plan-pricing .btn.btn-secondary:hover,
.plan-pricing .btn.btn-secondary:active {
    color: #FF083D;
}

/* End Buttons */

/* End Plans */

/* Table */

.plan-pricing .artists-title,
.plan-pricing .col.artists-spotify-info {
    max-width: 22.544%;
    text-align: center;
    width: 22.544%;
}

.plan-pricing .artists-title {
    margin: 42px 1px 1px 0;
}

.plan-pricing .col-12.artists-spotify-info {
    background: #494F73;
    font-size: 125%;
    font-weight: 500;
    margin: 0;
    padding: 16px 24px;
}

.col-left-radius {
    border-top-left-radius: 8px;
}

.plan-pricing .col-4.artists-spotify-info {
    background: #141726;
    width: 32%;
}

.plan-pricing .col.artists-spotify-info {
    position: relative;
}

.plan-pricing .artists-spotify-info span {
    padding: 0;
}

.plan-pricing .artists-spotify-info img {
    float: none;
    height: 24px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 47%;
    transform: translate(-50%, -47%);
    width: 24px;
}

/* End Table */

/* Commission Info */

.commission {
    margin: 0;
}

.commission .col-8 {
    margin: 12px auto;
    padding: 32px 24px 38px 24px;
}

.commission .col-8:first-child {
    margin: 18px auto;
    padding: 0;
}

.commission-offer {
    display: block;
    font-size: 125%;
    font-weight: 500;
}

.commission .col-12 {
    margin: 12px;
    padding: 32px 24px 38px 24px;
}

.fee-info {
    display: block;
    font-family: "microgramma-extended", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 175%;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.commission h3 {
    font-size: 150%;
}

.commission p {
    margin: 0 0 1rem 0;
}

.commission p:last-child {
    margin: 0;
}

.commission-fee {
    display: block;
    margin: 24px 0 16px 0;
    text-transform: uppercase;
}

/* End Commission Info */

/* Gradients */

.pricing-right-gradient-1 {
    background: url("../img/pricing-gradient-right-center-1.png") no-repeat;
    height: 1690px;
    position: absolute;
    right: 0;
    top: 1100px;
    width: 1291px;
}

.pricing-right-gradient-2 {
    background: url("../img/pricing-gradient-right-center-2.png") no-repeat;
    bottom: 280px;
    height: 1646px;
    position: absolute;
    right: 0;
    width: 692px;
}

/* End Gradients */

/* Pricing Modal Window */

p.final-price {
    float: left;
    margin: 0;
}

p.final-price span {
    font-size: 53.33333333333333%;
    opacity: .6;
}

#credit-card-payment {
    margin: 20px 0 0 0;
}

.modal-footer.footer-pro-plan {
    padding: 16px 24px 0 24px;
}

.package-price {
    width: 100%;
}

.package-price p {
    font-weight: 500;
}

.package-price p:first-child {
    float: left;
}

.package-price p:last-child {
    float: right;
}

.package-price p:last-child span {
    font-weight: 400;
    opacity: .6;
}

/* Card Data */

.credit-card-data,
#pricing-payment-step-2 .paypal-btn,
#pricing-payment-step-2 .btn.btn-primary {
    animation-name: block-animation;
    animation-duration: .25s;
}

.credit-card-data {
    position: relative;
    padding: 0 0 24px 0;
}

.data-hidden {
    display: none;
}

.credit-card-data .custom-select {
    background: none;
    border: 1px solid #141726;
}

.credit-card-data .select-items {
    background: #000314;
    border: 1px solid #141726;
}

.credit-card-data .select-items div {
    border-bottom: 1px solid #141726;
}

.credit-card-data .label-title {
    background: #000314;
    color: rgba(255, 255, 255, 0.6);
    font-size: 75%;
    margin: 0 0 0 16px;
    position: relative;
    top: 12px;
    z-index: 70;
}

.credit-card-data .select-arrow-active {
    background: url("../img/select-arrow-open.svg") no-repeat center right 16px;
}

.credit-card-data .mb-3 {
    float: left;
    margin: 0 !important;
    position: relative;
}

.credit-card-data .release-calendar {
    bottom: 20.5px;
    height: 20px;
    opacity: .8;
    right: 32px;
    width: 30px;
}

.credit-card-data .release-calendar.card-color {
    opacity: 1;
}

#card-number {
    padding: 18px 61px 18px 16px;
}

.credit-card-data .mb-3.card-name {
    width: 100%;
}

.input-wrapper {
    border: 1px solid #141726;
    border-radius: 8px;
    margin: 0 16px 0 0;
}

.credit-card-data .mb-3:nth-last-child(2) .input-wrapper,
.credit-card-data .mb-3:last-child .input-wrapper {
    margin: 0;
}

.credit-card-data input.form-control {
    background: none;
}

#card-number {
    width: 296px;
}

#expiry-date,
#cvc-code {
    width: 98px;
}

#pricing-payment-step-2 .btn.btn-secondary.paypal-btn {
    background: #fff url("../img/paypal-btn.svg") no-repeat 46px 11px;
    border: none;
    color: #000314;
    margin: 0;
    padding: 16px 18px 16px 59px;
}

/* End Card Data */

/* End Pricing Modal Window */

/* End Pricing */

/* Invite A Friend */

.my-wallet .col-7 p {
    padding: 2px 0 0 0;
}

.green-list {
    font-size: 100%;
    margin: 14px 0 0 0;
}

.green-list li {
    background: url("../img/green-check.svg") no-repeat left center;
    margin: 0 0 14px 0;
    padding: 2px 0 0 33px;
}

.green-list li:last-child {
    margin: 0;
}

.user-dashboard article.link-for-friends {
    background: url("../img/invite-friends-bg.jpg") no-repeat center;
    background-size: cover;
}

.invite-my-friends h3 {
    margin: 0 0 16px 0;
}

.invite-my-friends .form-control {
    margin: 0 0 12px 0;
}

.invite-my-friends .btn.btn-primary {
    background: #FF083D;
    float: left;
    padding: 12px 18px;
}

.invite-my-friends .btn.btn-primary:hover,
.invite-my-friends .btn.btn.btn-primary:active,
.invite-my-friends .btn.btn-primary.primary-disabled,
.invite-my-friends .btn.btn-primary.disabled {
    background: #DB002F;
}

#link-copied {
    animation: block-animation;
    animation-duration: .25s;
    display: none;
}

#link-copied .col-7 {
    margin: 0 12px;
    padding: 0;
}

/* End Invite A Friend */

/* Favorites */

.my-favorites-list {
    padding: 34px 22px 0 22px;
}

/* End Favorites */

/* FAQ */

.faq-page {
    overflow-x: hidden;
    padding: 0;
}

.faq-page .row.page-info {
    padding: 62px 0 0 0;
}

.faq-content {
    padding-bottom: 127px;
}

.faq-content .row.top-panel {
    margin: 0;
    width: 100%;
}

.faq-content nav ul {
    font-size: 100%;
}

.faq-content nav li {
    display: block;
    float: left;
    padding: 5px 37px 0 0;
}

.faq-content nav li:last-child {
    padding: 5px 0 0 0;
}

.faq-content nav a {
    text-decoration: none;
}

/* FAQ Search */

.faq-search {
    animation-name: block-animation;
    animation-duration: .5s;
    background: url("../img/support-bg.jpg") no-repeat center;
    background-size: cover;
    height: 307px;
}

.faq-search span {
    display: block;
    font-weight: 500;
    opacity: .6;
    padding: 70px 0 0 0;
    text-transform: uppercase;
}

.faq-search span,
.faq-search h2,
.faq-search p {
    text-align: center;
}

.faq-search .nav-bar .form-control {
    margin: 16px auto 0 auto;
    width: 672px;
}

/* End FAQ Search */

/* Categories */

.faq-categories,
.general-info {
    animation-name: block-animation;
    animation-duration: .5s;
    margin: 50px auto 34px auto;
    width: 70%;
}

.faq-categories .col {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    margin: 10px;
    opacity: .8;
    padding: 45px 12px 38px 12px;
    transition: .25s ease;
    width: calc(33.33333333333333% - 20px);
}

.faq-categories .col:hover {
    background: rgba(255, 255, 255, 0.08);
}

.faq-categories .col img {
    display: block;
    margin: 0 auto 32px auto;
}

.faq-categories .col a {
    display: block;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

/* End Categories */

/* General Information */

.general-info-categories {
    margin-bottom: 10px;
    padding: 32px 10px 0 10px;
}

.general-info-categories h2 {
    font-weight: 500;
}

.faq-help-info {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    margin: 0 0 16px 0;
    padding: 18px 16px 18px 20px;
    transition: .25s ease;
}

.faq-help-info:hover {
    background: rgba(255, 255, 255, 0.065);
}

.general-info-categories .faq-help-info:last-child {
    margin: 0;
}

.faq-help-info h3 {
    font-size: 100%;
    line-height: 24px;
    margin: 0;
}

.faq-help-info h3 a {
    background: url("../img/plus.svg") no-repeat right;
    display: block;
    padding: 0 36px 0 0;
    text-decoration: none;
    width: 100%;
}

.faq-help-info h3 a:hover {
    opacity: .8;
}

.faq-help-info h3 a.faq-open {
    background: url("../img/minus.svg") no-repeat right;
}

.faq-help-info .collapse {
    padding: 18px 0 0 0;
}

.faq-help-info .collapse p {
    margin: 0;
}

/* End General Information */

/* Levels Matrix */

.faq-menu {
    font-size: 100%;
    padding: 23px 0 0 0;
}

.faq-menu li {
    display: block;
}

.faq-menu a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    color: rgba(255, 255, 255, 0.8);
    display: block;
    opacity: .6;
    padding: 24px 20px;
    text-decoration: none;
}

.faq-menu a:hover {
    opacity: .8;
}

.faq-menu a.faq-active {
    background: rgba(255, 255, 255, 0.06);
    border-left: 1px solid #FF083D;
    color: #fff;
    opacity: 1;
}

.faq-menu li:first-child a.faq-active {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.faq-menu li:last-child a {
    border-bottom: none;
}

.faq-menu li:last-child a.faq-active {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.info-wm {
    padding-top: 105px;
}

.levels-matrix {
    max-width: 100%;
}

/* End Levels Matrix */

/* FAQ Articles */

.faq-article h2 {
    font-size: 187.5%;
    font-weight: 400;
    margin: 0 0 32px 0;
}

.faq-article-img {
    border-radius: 8px;
    margin: 0 0 36px 0;
    max-width: 100%;
}

.faq-article h3 {
    font-size: 125%;
}

.faq-article h3,
.faq-article p,
.blog-full-article-info ol {
    margin: 0 0 32px 0;
}

.faq-article .btn.btn-secondary {
    color: #FF083D;
    height: 48px;
    margin: 22px 0 0 0;
    padding: 12px 18px;
    width: 247px;
}

#free-online-tool p {
    margin: 0 0 1rem 0;
}

.requirements {
    font-size: 100%;
    list-style-type: disc;
    margin: 0 0 1rem 24px;
}

.requirements li {
    padding: 0 0 0 3px;
}

.audio-img {
    margin: 16px 0 36px 0;
}

/* Form */

.support-request {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    margin: 72px 0 0 0;
    padding: 40px 32px;
}

.support-request .my-release {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.support-request .col {
    width: 100%;
}

.support-request .col-12 {
    margin: 32px 0 0 0;
}

.support-request .btn.btn-primary {
    height: 48px;
    padding: 12px 20px;
    width: 198px;
}

/* End Form */

/* End FAQ Articles */

/* End FAQ */

/* Blog */

.faq-content nav li.search-menu-btn {
    padding: 4px 20px 0 0;
}

.search-menu {
    background: url("../img/search.svg") no-repeat;
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}

.search-menu:hover {
    opacity: .8;
}

.fan-blog {
    background: url("../img/blog-bg.jpg") no-repeat center;
    background-size: cover;
    height: 266px;
}

.fan-info {
    width: 100%;
}

/* Tags */

.tags {
    margin: 0 auto;
}

.tags .col-auto {
    padding: 0 6px;
}

.tags a {
    border: 1px solid #141726;
    border-radius: 31px;
    opacity: .7;
    padding: 12px 18px 10px 18px;
    text-decoration: none;
}

.tags a:hover {
    color: #fff;
    opacity: 1;
}

a.tag-active {
    background: #fff;
    border: none;
    color: #000314;
    opacity: 1;
}

a.tag-active:hover {
    color: #000314;
    opacity: .86;
}

/* End Tags */

/* Short News */

.blog-short-news {
    margin: 56px 0 34px 0;
    padding: 0 34px;
}

.blog-short-news .col-auto {
    padding: 0 20px 0 0;
}

.blog-short-news img {
    border-radius: 8px;
}

.blog-short-news .col {
    padding: 0;
}

.news-category {
    display: block;
    margin: 18px 0 32px 0;
    text-decoration: none;
}

.blog-short-news h2 {
    font-size: 187.5%;
}

.blog-btn {
    height: 48px;
    margin: 32px 0 0 0;
    padding: 12px 20px;
    width: 198px;
}

/* End Short News */

/* Blog Cards */

.fan-info .streamed-tracks {
    margin: 0;
    padding: 0 22px;
}

.blog-full-article .streamed-tracks {
    margin: 0;
    padding: 0 22px 34px 22px;
}

.fan-info .streamed-tracks .col {
    width: calc(33.33333333333333% - 24px);
}

.fan-info .streamed-tracks .card,
.blog-full-article .streamed-tracks .card {
    margin: 14px 12px 10px 12px;
}

.streamed-tracks .news-category {
    margin: 0 0 10px 0;
}

/* End Blog Cards */

/* Pagination */

.pagination {
    font-size: 100%;
    margin: 32px auto 10px auto;
    padding: 0;
    width: auto;
}

.page-item {
    margin: 0 4px;
}

.page-link,
.page-link:focus {
    background: transparent;
    border: 1px solid #141726;
    border-radius: 4px;
    color: #fff;
    height: 100%;
    transition: .25s ease;
}

.page-link:hover {
    background: #FF083D;
    border: 1px solid #FF083D;
    color: #fff;
}

.page-item.active .page-link {
    background: #FF083D;
    border: 1px solid #FF083D;
}

.page-item.disabled .page-link {
    background: transparent;
    border: 1px solid #141726;
    color: rgba(255, 255, 255, 0.5);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 4px;
}

/* End Pagination */

/* Full Article */

.blog-full-article {
    background: url("../img/blog-article-bg.jpg") no-repeat top;
    background-size: contain;
}

.blog-full-article .blog-short-news {
    animation-name: block-animation;
    animation-duration: .5s;
    margin: 0;
    padding: 32px 34px 0 34px;
}

.blog-full-article .general-info {
    margin: 32px auto 34px auto;
}

.blog-full-article-info .news-category {
    margin: 0 0 16px 0;
    opacity: .6;
    text-align: center;
}

.blog-full-article-info .news-category:hover {
    color: #fff;
    opacity: 1;
}

.blog-full-article-info h2,
.blog-full-article-info .subtitle {
    text-align: center;
}

.subtitle {
    font-weight: 500;
}

.blog-full-article-info img {
    border-radius: 8px;
    display: block;
    margin: 36px 0;
    max-width: 100%;
}

/* End Full Article */

/* Share */

.share-article {
    border-top: 1px solid #292B3A;
    margin: 60px 0;
    padding: 32px 0;
}

.share-article p {
    float: left;
    margin: 4px 36px 1rem 0;
}

.share-article .social-networks {
    float: left;
}

.share-article .social-networks li {
    float: left;
}

.share-article .social-networks li:first-child,
.share-article .social-networks li:first-child:hover {
    background: url("../img/twitter.svg") no-repeat;
}

.share-article .social-networks li:nth-child(2),
.share-article .social-networks li:nth-child(2):hover {
    background: url("../img/facebook.svg") no-repeat;
}

.share-article .social-networks li:nth-child(3),
.share-article .social-networks li:nth-child(3):hover {
    background: url("../img/email.svg") no-repeat;
}

.share-article .social-networks li:last-child,
.share-article .social-networks li:last-child:hover {
    background: url("../img/pinterest.svg") no-repeat;
}

.share-article .social-networks li:hover {
    opacity: .8;
}

/* End Share */

.also-like h2 {
    font-weight: 500;
}

/* End Blog */

/* Challenges */

.my-challenges .col-12 {
    width: calc(100% - 24px);
}

.my-challenges p {
    margin: 0 0 20px 0;
}

.my-challenges p:last-child {
    margin: 0;
}

.user-dashboard .faq-help-info {
    margin: 4px 12px 32px 12px;
    transition: .25s ease;
}

.user-dashboard .faq-help-info h3 {
    font-size: 125%;
}

.user-dashboard .faq-help-info h3 a {
    background: url("../img/select-arrow-open.svg") no-repeat right;
}

.user-dashboard .faq-help-info h3 a.faq-open {
    background: url("../img/select-arrow.svg") no-repeat right;
}

/* List */

.how-it-works-line {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    margin: 0 0 0 21px;
}

.how-it-works-description {
    font-size: 100%;
    left: -21px;
    position: relative;
}

.how-it-works-description li {
    min-height: 41px;
    margin: 0 0 27px 0;
    padding: 11px 0 0 61px;
}

.how-it-works-description li:first-child {
    background: url("../img/1.svg") no-repeat left;
}

.how-it-works-description li:nth-child(2) {
    background: url("../img/2.svg") no-repeat left;
}

.how-it-works-description li:nth-child(3) {
    background: url("../img/3.svg") no-repeat left;
    margin: 0 0 16px 0;
}

.how-it-works-description li:nth-child(5) {
    background: url("../img/4.svg") no-repeat left;
}

.how-it-works-description li:last-child {
    background: url("../img/5.svg") no-repeat left;
    margin: 0;
}

.how-it-works-description li.how-info {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    margin: 0 0 16px 61px;
    padding: 12px 16px;
}

/* End List */

/* Tools Buttons */

.tools-buttons {
    margin: 42px 0 0 0;
}

.tools-buttons li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.tools-buttons li:last-child {
    margin: 0;
}

.tools-buttons button {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    height: 48px;
    text-indent: -9999px;
    transition: .25s ease;
    width: 48px;
}

button.add-to-favorites {
    background: rgba(0, 3, 20, 0.6) url("../img/add-to-favorites.svg") no-repeat center;
}

button.add-to-favorites.in-favorites {
    background: rgba(0, 3, 20, 0.6) url("../img/favorites.svg") no-repeat center;
}

button.add-to-favorites:hover,
button.add-to-favorites.in-favorites:hover {
    background: rgba(73, 79, 115, 1) url("../img/favorites.svg") no-repeat center;
}

button.share-with-friends {
    background: rgba(0, 3, 20, 0.6) url("../img/share-with-friends.svg") no-repeat 10px center;
}

button.share-with-friends:hover {
    background: rgba(73, 79, 115, 1) url("../img/share-with-friends.svg") no-repeat 10px center;
}

/* End Tools Buttons */

/* Challenge Description */

.current-challenge {
    padding: 34px 22px 12px 22px;
}

.challenge-description {
    padding: 0 22px 32px 22px;
}

.challenge-description .col-4 img {
    border-radius: 8px;
    width: 100%;
}

.challenge-requirements {
    font-size: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.challenge-requirements li {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    float: left;
    margin: 2px 0 0 0;
    padding: 10px 16px;
    width: 100%;
}

.challenge-requirements span {
    color: #fff;
    display: block;
    float: left;
    width: 83px;
}

.challenge-requirements a {
    display: block;
    float: left;
}

.challenge-requirements span.countries,
.challenge-requirements a.countries {
    color: rgba(255, 255, 255, 0.8);
    width: calc(100% - 83px);
}

/* Tracks */

.challenge-description .artists-spotify-info {
    background: none;
    margin: 0;
    padding: 0 0 20px 0;
}

.challenge-number {
    float: left;
    font-size: 125%;
    font-weight: 500;
    padding: 24px 16px 24px 2px;
    width: 48px;
}

.challenge-description .artists-spotify-info h3 {
    line-height: 1.2;
    margin-bottom: .5rem;
}

/* End Tracks */

.challenge-how-it-works {
    margin: 0 0 12px 0;
    padding: 0 22px 32px 22px;
}

.challenge-how-it-works .faq-help-info {
    margin: 0;
}

/* End Challenge Description */

/* Share Modal Window */

#share .modal-dialog {
    height: 233px;
}

.share-links {
    font-size: 100%;
    margin: 0 auto;
    padding: 14px 0 0 0;
    width: fit-content;
}

.share-links li {
    display: block;
    float: left;
    margin: 0 8px 0 0;
}

.share-links li:last-child {
    margin: 0;
}

.share-links a {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 43px;
    float: left;
    padding: 9px 16px 9px 48px;
    text-decoration: none;
}

.share-links li:first-child a {
    background: url("../img/copy-link.svg") no-repeat 6px center;
}

.share-links li:nth-child(2) a {
    background: url("../img/twitter.svg") no-repeat 6px center;
}

.share-links li:nth-child(3) a {
    background: url("../img/facebook.svg") no-repeat 6px center;
}

.share-links li:last-child a {
    background: url("../img/email.svg") no-repeat 6px center;
}

.share-links a:hover {
    color: #fff;
    opacity: .8;
}

/* End Share Modal Window */

/* End Challenges */

/* Newly Created Release */

/* Tools Buttons */

.btn.btn-primary.distribute-release-btn {
    background: #FF083D url("../img/distribute-release.svg") no-repeat 12px center;
    border: none;
    border-radius: 8px;
    color: #fff;
    margin: 0;
    padding: 11px 14px 10px 45px;
    text-indent: 0;
    width: 140px;
}

.btn.btn-primary.distribute-release-btn:hover,
.btn.btn-primary.distribute-release-btn:active {
    background: #DB002F url("../img/distribute-release.svg") no-repeat 12px center;
}

.btn.btn-primary.distribute-release-btn:disabled {
    background: rgba(100, 100, 100, 0.42) url("../img/distribute-release.svg") no-repeat 12px center;
}

button.edit-release {
    background: rgba(0, 3, 20, 0.6) url("../img/edit-release.svg") no-repeat center;
}

button.edit-release:hover {
    background: rgba(73, 79, 115, 1) url("../img/edit-release.svg") no-repeat center;
}

button.copy-release {
    background: rgba(0, 3, 20, 0.6) url("../img/copy-release.svg") no-repeat center;
}

button.copy-release:hover {
    background: rgba(73, 79, 115, 1) url("../img/copy-release.svg") no-repeat center;
}

button.delete-release {
    background: rgba(0, 3, 20, 0.6) url("../img/delete-release.svg") no-repeat center;
}

button.delete-release:hover {
    background: rgba(73, 79, 115, 1) url("../img/delete-release.svg") no-repeat center;
}

/* End Tools Buttons */

/* Add Tracks */

.add-track {
    background: url("../img/release-bg.jpg") no-repeat center;
    background-size: cover;
    border-radius: 8px;
    padding: 24px;
    margin: 0 0 28px 0;
}

.add-track h3 {
    float: left;
    margin: 9px 0 0 0;
}

.add-track .btn.btn-secondary {
    background: #fff url("../img/add-track.svg") no-repeat 41px 11px;
    color: #FF083D;
    float: right;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 47px;
    width: 198px;
}

/* End Add Tracks */

/* Release Status */

.release-status {
    float: left;
    margin: 24px 0 0 0;
}

.release-status p {
    margin: 0 0 10px 0;
}

.release-status p span {
    background: url("../img/danger.svg") no-repeat right top;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 2px 40px 0 0;
}

.release-status ul {
    color: rgba(255, 255, 255, 0.8);
    font-size: 100%;
    padding: 2px 0 0 0;
}

.release-status li {
    background: url("../img/green-check.svg") no-repeat left;
    display: block;
    margin: 0 0 12px 0;
    padding: 0 0 0 32px;
}

.release-status p:last-child,
.release-status li:last-child {
    margin: 0;
}

/* End Release Status */

/* Release Description */

.my-release-description .col:first-child {
    padding: 0 16px;
}

.my-release-description .plan-pricing {
    margin: 0;
}

.my-release-description .plan-pricing:first-child .col-5 {
    border-top-left-radius: 8px;
}

.my-release-description .plan-pricing:first-child .col {
    border-top-right-radius: 8px;
}

.plan-pricing .col-5.artists-spotify-info {
    background: #141726;
    margin: 0 0 1px 0;
    padding: 10px 16px;
}

.my-release-description .col.artists-spotify-info {
    background: rgba(255, 255, 255, 0.06);
    max-width: 100%;
    margin: 0 0 1px 0;
    padding: 10px 16px;
    text-align: left;
    width: 100%;
}

.my-release-description .plan-pricing:last-child .col-5 {
    border-bottom-left-radius: 8px;
    margin: 0;
}

.my-release-description .plan-pricing:last-child .col {
    border-bottom-right-radius: 8px;
    margin: 0;
}

/* End Release Description */

article.my-release-info {
    background: none;
    margin: 16px 0 0 0;
    padding: 0 12px 0 16px;
}

article.my-release-info.dsps {
    margin: 38px 0 0 0;
}

.my-release-info h4 {
    font-size: 100%;
}

.my-release-info p {
    margin: 0 0 1rem 0;
}

p.last-info {
    margin: 0 0 6px 0;
}

/* End Newly Created Release */

/* Progress Release */

.artists-table .col-2 {
    width: 154px;
}

.artists-spotify-info ul {
    font-size: 100%;
}

.artists-spotify-info .tools-buttons {
    margin: 0;
}

.track-description .track-play-button {
    display: block;
    float: left;
    margin: 0 16px 0 0;
    position: static;
    transition: .25s ease;
}

.track-description .track-play-button:hover {
    opacity: .8;
}

.add-track-bottom-position {
    padding: 4px 22px 32px 22px;
}

.add-track-bottom-position .add-track {
    margin: 0 0 12px 0;
}

/* Distribution, Maintenance Alerts */

.distribution-alert {
    margin-bottom: 24px;
}

.maintenance-alert {
    margin: 0 0 41px 0;
    padding: 0 12px;
}

.maintenance-info {
    background: #fff;
    border: none;
}

.maintenance-info p {
    color: #2A03C8;
}

/* End Distribution, Maintenance Alerts */

/* Delete Release Modal Window */

.remove-release .modal-dialog {
    height: 280px;
    width: 444px;
}

.remove-release .modal-title {
    margin: 0;
    text-align: left;
}

.remove-release .buttons-group {
    width: 362px;
}

.remove-release .modal-body .btn {
    width: 171px;
}

.remove-release .modal-body .btn.btn-secondary {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
}

.remove-release .modal-body .btn.btn-primary {
    background: #FF083D url("../img/delete-release.svg") no-repeat 41px 11px;
    padding: 12px 20px 12px 49px;
}

.remove-release .modal-body .btn.btn-primary:hover,
.remove-release .modal-body .btn.btn-primary:active {
    background: #DB002F url("../img/delete-release.svg") no-repeat 41px 11px;
}

/* End Delete Release Modal Window */

/* End Progress Release */

/* Release Page */

.artists-table .btn.btn-secondary.btn-view-details {
    background: #494F73;
    padding: 11px 20px 10px 20px;
}

.release-bottom-gradient {
    background: url("../img/release-bottom-gradient.png") no-repeat;
    bottom: 0;
    height: 323px;
    position: absolute;
    right: 0;
    width: 1291px;
}

/* End Release Page */

/* Distributed Releases */

.artists-spotify-info .label-info {
    display: block;
    float: right;
}

.artists-spotify-info .label-info:hover {
    opacity: .8;
}

.artists-spotify-info .label-info img {
    height: 24px;
    margin: 0;
    width: 24px;
}

.track-play-button.play-disabled {
    pointer-events: none;
    opacity: .5;
}

/* End Distributed Releases */

/* Add Track */

.add-track-uploading {
    height: 222px;
}

.add-track-uploading .browse-file {
    top: 42px;
}

.add-track-uploading .browse-file input {
    background: transparent url("../img/upload-track.svg") no-repeat;
    height: 74px;
    margin: 0 auto 27px auto;
}

/* Ordered List Class */

.requirements-list {
    font-size: 100%;
    list-style-type: disc;
    margin: 0 0 24px 20px;
}

.requirements-list li {
    padding: 0 0 0 3px;
}

/* End Ordered List Class */

.my-release article.tracks-list {
    padding: 40px 0 0 1px;
}

.tracks-list h3 {
    float: left;
    margin: 0 0 32px 31px;
}

.tracks-list > span {
    display: block;
    float: right;
    margin: 4px 32px 0 0;
}

.my-release article.tracks-list .row {
    margin: 0;
}

.my-release article.tracks-list .row .col,
.my-release article.tracks-list .row .col-auto {
    margin: 0 1px 1px 0;
    padding: 20px 24px;
}

.drag-drop-button {
    background: url("../img/menu.svg") no-repeat;
    cursor: grabbing;
    float: left;
    height: 24px;
    margin: 11px 16px 0 0;
    width: 24px;
}

.artists-spotify-info img.add-track-details {
    height: 24px;
    margin: 12px 12px 12px 0;
    width: 24px;
}

button.add-details {
    background: #fff url("../img/add-artists.svg") no-repeat 20px 11px;
    border-radius: 8px;
    color: #FF083D;
    font-weight: 500;
    padding: 12px 20px 12px 53px;
    text-indent: 0;
    text-decoration: none;
    width: 160px;
}

button.add-details:hover {
    opacity: .86;
}

.btn.btn-primary.save-track {
    background: #FF083D url("../img/save.svg") no-repeat 61px 11px;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 52px;
    width: 198px;
}

/* End Add Track */

/* Track Details */

.track-details .add-tokens,
.track-details .remove-tokens {
    right: 13px;
}

.track-details .add-tokens {
    top: 41px;
}

.track-details .remove-tokens {
    bottom: 10px;
}

.small-text,
.timing span,
.track-time-selection span {
    font-size: 87.5%;
}

/* Track Time Selection */

.timing,
.track-time-selection {
    width: calc(100% - 60px);
}

.timing {
    float: right;
    margin: 0 0 3px 0;
}

.track-description .timing-start,
.track-description .timing-end {
    padding: 0 32px;
}

.start-time {
    margin: 0 0 50px 0;
}

.track-description .start-time .track-play-button {
    margin: 0;
}

.track-time-selection {
    background: #141726;
    border-radius: 4px;
    float: left;
    height: 41px;
    margin: 0 0 0 16px;
}

.track-description .selected-time {
    background: #2A03C8;
    border-radius: 4px;
    color: #fff;
    line-height: 41px;
    margin: 0 0 0 50px;
    padding: 13px 32px;
    text-align: center;
}

.track-description .all-track-time {
    float: right;
    line-height: 41px;
    padding: 0 16px 0 0;
}

.line-m {
    margin: 0 0 32px 0;
}

/* End Track Time Selection */

/* End Track Details */

/* Discover Music */

/* Sliders */

.slider-b {
    padding: 0 0 32px 22px;
}

.slider-b .see-link {
    margin: 8px 22px 0 0;
}

.carousel,
.carousel-inner {
    padding: 0;
}

.carousel-control-prev,
.carousel-control-next {
    height: 44px;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
}

.carousel-control-prev {
    background: url("../img/prev-slide.svg") no-repeat;
    display: none;
}

.carousel-control-next {
    background: url("../img/next-slide.svg") no-repeat;
    right: 31px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: .9;
    transition: .25s ease;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 44px;
    width: 44px;
}

/* End Sliders */

/* Banner */

.discover-genre {
    margin: 4px auto 44px auto;
    width: calc(100% - 44px);
}

/* End Banner */

/* End Discover Music */

/* Track Page */

.challenge-requirements a:hover {
    color: #fff;
}

.challenge-description .col-4 .listen-on-spotify img {
    border-radius: 0;
    height: 24px;
    margin: 0 10px 0 0;
    width: 24px;
}

.listen-on-spotify a.countries {
    width: calc(100% - 34px);
}

/* Artist Progress */

/* Artist, Label */

.artist-label h2 {
    font-family: "loos-normal", sans-serif;
    font-size: 100%;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    padding: 3px 0;
}

.artist-label a {
    text-decoration: none;
}

.artist-label span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 87.5%;
}

.challenge-description .col-4.artist-label img {
    border-radius: 0;
    height: 54px;
    margin: 0 10px 0 0;
    width: 54px;
}

/* End Artist, Label */

/* Progress */

.artist-progress .timing {
    float: none;
    margin: 2px 0 3px 0;
    width: 100%;
}

.artist-progress .timing span {
    font-size: 100%;
}

.artist-progress .timing-start {
    padding: 0 32px 0 0;
}

.artist-progress .track-time-selection {
    float: none;
    height: 32px;
    margin: 0;
    width: 100%;
}

.artist-progress .selected-time {
    line-height: 32px;
    margin: 0;
}

/* End Progress */

/* End Artist Progress */

/* Chart Area */

.chart-area {
    background: #141726;
    border-radius: 8px;
    padding: 20px 24px 32px 24px;
}

.chart-area h3 {
    float: left;
    margin: 6px 0 16px 8px;
}

.chart-area .custom-select {
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 87.5%;
    float: right;
    height: 44px;
    margin: 0 8px 0 0;
    width: 217px;
}

.chart-area .select-selected {
    background: url("../img/select-arrow.svg") no-repeat top 9px right 16px;
    padding: 11px 55px 11px 16px;
}

.chart-area .select-arrow-active {
    background: #1F2231 url("../img/select-arrow-open.svg") no-repeat top 9px right 16px;
}

.chart-area .select-items div {
    height: 44px;
    padding: 11px 16px;
}

/* Chart */
  
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.chart-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 32px 0 0 8px;
    justify-content: center;
    width: 100%;
}

.line-chart {
    animation: fadeIn 300ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
    opacity: 0;
    width: 100%;
}

.aspect-ratio {
    height: 0;
    padding-bottom: 50%;
}

.chart-wrapper canvas {
    max-width: 100%;
}

/* End Chart */

/* End Chart Area */

.track-page-m {
    margin: 0 0 0 4px;
}

.track-details-s {
    padding: 34px 22px 44px 22px;
}

.track-details-s h3 {
    margin: 0 0 28px 0;
}

.track-details-s .my-release-description .col:first-child {
    margin: 0 4px 0 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

/* End Track Page */

/* User Page */

/* User Profile */

.user-u {
    padding: 34px 22px 12px 22px;
}

.user-profile article {
    margin: 12px;
}

.user-profile .col-sm-9 {
    width: calc(75% - 24px);
}

.user-profile .col-sm-3 img {
    border-radius: 50%;
    float: none;
    margin: 0 auto 16px auto;
    max-width: 218px;
    width: 100%;
}

.user-profile h2 {
    font-family: "loos-normal", sans-serif;
    font-size: 125%;
    line-height: 30px;
    margin: 0 0 16px 0;
    text-align: center;
}

.user-profile .col-sm-3 p {
    font-size: 87.5%;
    line-height: 17.64px;
    margin: 0 0 16px 0;
    text-align: center;
}

.user-profile .col-sm-3 ul {
    font-size: 100%;
}

.user-profile .col-sm-3 li {
    display: block;
    padding: 3px 0 9px 34px;
}

.user-profile .col-sm-3 li:first-child {
    background: url("../img/location.svg") no-repeat left top;
}

.user-profile .col-sm-3 li:last-child {
    background: url("../img/joined.svg") no-repeat left top;
    padding: 3px 0 0 34px;
}

/* Buttons */

.user-profile .btn.btn-primary,
.user-profile .btn.btn.btn-secondary {
    background: #FF083D url("../img/add-friend.svg") no-repeat 138px 11px;
    height: 48px;
    margin: 24px 0 0 0;
    padding: 12px 20px 12px 57px;
}

.user-profile .btn.btn-primary:hover,
.user-profile .btn.btn-primary:active {
    background: #DB002F url("../img/add-friend.svg") no-repeat 138px 11px;
}

.user-profile .btn.btn.btn-secondary {
    background: #fff url("../img/edit-profile.svg") no-repeat 126px 11px;
    color: #FF083D;
    padding: 12px 20px 12px 60px;
}

.user-profile .btn.btn.btn-secondary:hover,
.user-profile .btn.btn.btn-secondary:active {
    background: #fff url("../img/edit-profile.svg") no-repeat 126px 11px;
}

/* End Buttons */

.see-link-inactive {
    opacity: .2;
    pointer-events: none;
}

.user-profile-social {
    font-size: 100%;
}

.user-profile-social li {
    display: block;
    margin: 0 0 16px 0;
}

.user-profile-social img {
    height: 32px;
    width: 32px;
}

.user-profile-social a {
    display: block;
    float: left;
    margin: 6px 0 0 12px;
    text-decoration: none;
}

.user-profile-social span {
    display: block;
    margin: 0 0 0 32px;
}

article.user-skills {
    position: relative;
    padding: 24px 24px 6px 24px;
}

.list-shadow {
    box-shadow: inset 0 -100px 50px -50px rgba(0, 3, 20, 0.5);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    bottom: 0;
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
}

.interests-skills {
    height: 160px;
    overflow-y: auto;
}

.interests-skills li {
    margin: 0 0 11px 0;
}

.interests-skills img {
    height: 20px;
    width: 20px;
}

.user-profile-social li:last-child {
    margin: 0;
}

/* End User Profile */

/* Players */

.user-players {
    padding: 0 22px 32px 22px;
}

/* End Players */

/* All Tracks Modal Window */

.see-all-tracks .modal-dialog {
    height: 566px;
    width: 1140px;
}

.see-all-tracks .modal-header,
.see-all-friends .modal-header {
    padding: 0 0 12px 0;
}

.see-all-tracks .modal-title,
.see-all-friends .modal-title {
    margin: 0;
}

.tracks-friends-sum {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 87.5%;
    padding: 0 0 26px 0;
}

.see-all-tracks .modal-body,
.see-all-friends .modal-body {
    overflow-y: hidden;
}

/* Class For Scroll In Modal Windows */

.modal-scroll-wrapper {
    height: calc(100% - var(--bs-modal-margin) * 2);
    overflow-y: auto;
    overflow-x: hidden;
}

/* End Class For Scroll In Modal Windows */

.see-all-tracks .challenge-description {
    padding: 0;
}

/* Gradients */

.modal-window-all-tracks-bottom-gradient-1 {
    background: url("../img/all-tracks-bottom-gradient-1.png") no-repeat;
    bottom: 0;
    height: 164px;
    position: absolute;
    right: 300px;
    width: 727px;
}

.modal-window-all-tracks-bottom-gradient-2 {
    background: url("../img/all-tracks-bottom-gradient-2.png") no-repeat;
    border-bottom-right-radius: 8px;
    bottom: 0;
    height: 300px;
    position: absolute;
    right: 0;
    width: 804px;
}

/* End Gradients */

/* End All Tracks Modal Window */

/* All Friends Modal Window */

.see-all-friends .modal-dialog {
    height: 600px;
}

.see-all-friends .friends-list .col {
    margin: 0 0 20px 0;
    width: 20%;
}

.friends-list.friends-last-row {
    margin: 0;
}

/* End All Friends Modal Window */

/* End User Page */

/* Account Settings */

/* Form */

.account-form {
    padding: 32px 0 0 0;
}

.my-release article .row.user-avatar-uploading {
    margin: 0 0 42px 0;
}

.user-avatar-uploading img {
    border-radius: 50%;
    max-width: 192px;
    width: 100%;
}

.my-release article .user-avatar-uploading p {
    margin: 24px 0 10px 0;
}

.user-avatar-uploading span {
    display: block;
    font-size: 87.5%;
}

.user-avatar-uploading .btn.btn-secondary {
    background: #fff url("../img/folder.svg") no-repeat 42px 11px;
    color: #FF083D;
    height: 48px;
    margin: 24px 0 0 0;
    padding: 12px 20px 12px 57px;
    width: 198px;
}

.my-presentation {
    margin: 0 0 32px 0;
    position: relative;
}

.my-presentation .form-control {
    padding: 18px 71px 18px 16px;
}

.symbol-counter {
    bottom: 18px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 87.5%;
    position: absolute;
    right: 16px;
}

.account-interests-skills {
    height: 282px;
    overflow-y: auto;
}

/* Buttons */

.btn.btn-primary.change-password {
    height: 48px;
    margin: 37px 0 0 0;
    padding: 12px 20px;
    width: 198px;
}

.btn.btn-primary.change-password:disabled {
    background: rgba(100, 100, 100, 0.42);
}

.account-form .btn.btn-primary.save-track {
    background: #FF083D url("../img/save.svg") no-repeat 28px 11px;
}

.account-form .btn.btn-primary.save-track:hover,
.account-form .btn.btn-primary.save-track:active,
.account-form .btn.btn-primary.save-track.primary-disabled,
.account-form .btn.btn-primary.save-track.disabled {
    background: #DB002F url("../img/save.svg") no-repeat 28px 11px;
}

/* End Buttons */

/* End Form */

/* Menu */

.account-settings-menu {
    padding: 32px 12px;
}

.account-settings-menu .user-menu-list {
    margin: 0;
}

.account-settings-menu .user-menu-list li {
    padding: 0;
}

.account-settings-menu .user-menu-list a {
    background-color: rgba(0, 3, 20, 0.42);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    color: rgba(255, 255, 255, 0.8);
    opacity: .6;
    padding: 24px 20px 24px 60px;
}

.account-settings-menu .user-menu-list li:last-child a {
    border-bottom: none;
}

.account-settings-menu .user-menu-list a:hover {
    background-color: rgba(0, 3, 20, 0.32);
    opacity: .8;
}

.account-settings-menu .account-settings,
.account-settings-menu .my-subscriptions,
.account-settings-menu .my-royalties,
.account-settings-menu .my-transactions,
.account-settings-menu .log-out {
    background-position: 20px 22px;
}

.account-settings-menu .account-settings {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.account-settings-menu .log-out {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.account-settings-menu .user-menu-list a.account-menu-active {
    background-color: rgba(255, 255, 255, 0.06);
    border-left: 1px solid #FF083D;
    color: #fff;
    opacity: 1;
}

/* End Menu */

/* End Account Settings */

/* Subscriptions */

.subscriptions-plans {
    margin: 32px 0 12px 0;
}

.subscriptions-plans .check-options {
    background: rgba(255, 255, 255, 0.06);
    margin: 0 0 12px 0;
    padding: 24px 22px 16px 20px;
}

.subscriptions-plans .check-options.btn-checked {
    background: rgba(42, 3, 200, 0.06);
    border: 1px solid rgba(42, 3, 200, 0.4);
}

.subscriptions-plans .check-options .form-check-label,
.subscription-plan-price span {
    font-size: 125%;
    font-weight: 500;
}

.subscriptions-plans .check-options .form-check-label {
    line-height: 30px;
    padding: 0 0 0 16px;
}

.subscription-plan-price {
    float: right;
}

.subscriptions-plans .check-options p {
    margin: 14px 0 14px 40px;
}

.subscriptions-plans .check-options a {
    font-size: 87.5%;
    margin: 0 0 0 40px;
}

.subscriptions-plans .btn.btn-primary.change-password {
    margin: 30px 0 0 0;
    width: 220px;
}

/* End Subscriptions */

/* Royalties */

.royalties article {
    margin: 0 0 24px 0;
}

.royalties h3 {
    margin: 0 0 22px 0;
}

.ownership-overview .col {
    border-radius: 8px;
    margin: 0 12px;
    padding: 22px 20px 16px 20px;
}

.ownership-overview .col:first-child {
    background: url("../img/release-bg.jpg") no-repeat;
    background-size: cover;
}

.ownership-overview .col:nth-child(2) {
    background: url("../img/partially-bg.png") no-repeat;
    background-size: cover;
}

.ownership-overview .col:last-child {
    background: url("../img/total-bg.png") no-repeat;
    background-size: cover;
}

.ownership-overview p {
    margin: 0 0 6px 0;
}

.ownership-overview span {
    font-family: "microgramma-extended", sans-serif;
    font-weight: 500;
    font-size: 225%;
    line-height: 43.2px;
}

.releases-created {
    height: 401px;
    overflow-y: auto;
    overflow-x: hidden;
}

.releases-created .challenge-description:first-child,
.releases-created .challenge-description:last-child .artists-spotify-info {
    padding: 0;
}

.releases-created .purchase-track-info h4 {
    font-size: 100%;
    line-height: 1.2;
    margin-bottom: .5rem;
}

.releases-created .purchase-track-info h4 a {
    text-decoration: none;
}

.royalties article.royalties-report {
    margin: 0;
}

.royalties-report p {
    margin: 0 0 1rem 0;
}

.year-report {
    padding: 18px 0 44px 0;
}

.year-report .my-release .row {
    margin: 0 0 32px 0;
    padding: 0;
}

.year-report .my-release .row .col-6 {
    margin: 0;
    padding: 0;
}

.year-report .my-release .my-music-release {
    margin: 32px auto 0 auto;
}

.year-report .btn.btn-primary.save-track {
    float: left;
    margin: 0 18px 0 0;
    padding: 12px 20px 12px 56px;
}

.year-report .btn.btn-secondary {
    background: rgba(255, 255, 255, 0.06) url("../img/clear.svg") no-repeat 58px 11px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    float: left;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 42px;
    width: 198px;
}

.royalties-report .artists-table {
    padding: 0 12px;
}

.royalties-report .artists-spotify-info span {
    float: none;
    padding: 0;
}

/* End Royalties */

/* Transactions */

.royalties article.royalties-report.view-transactions {
    margin: 0 0 24px 0;
}

.view-transactions .btn.btn-secondary {
    color: #FF083D;
    display: block;
    height: 48px;
    margin: 24px auto 0 auto;
    padding: 12px 20px;
    width: 192px;
}

.download-receipt {
    background: url("../img/download.svg") no-repeat left;
    display: block;
    padding: 0 0 0 36px;
    text-decoration: none;
}

.download-receipt:hover {
    opacity: .8;
}

/* End Transactions */

/* Cookie Info */

.cookie {
    animation-name: block-animation;
    animation-duration: .25s;
    background: #000314;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    bottom: 0;
    display: none;
    position: fixed;
    padding: 0 34px;
    right: 0;
    width: calc(100% - 116px);
    z-index: 90;
}

.cookie img {
    display: block;
    float: left;
    height: 30px;
    margin: 21px 10px 0 0;
    width: 30px;
}

.cookie p {
    float: left;
    font-size: 87.5%;
    margin: 0;
    padding: 26.5px 0;
}

.cookie-close {
    background: url("../img/close.svg") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 40px;
    margin: 16px 0 0 0;
    text-indent: -9999px;
    transition: .25s ease;
    width: 40px;
}

.cookie-close:hover {
    opacity: .8;
}

.data-visible {
    display: block;
}

/* End Cookie Info */

/* Hidden Classes */

/* Logo */

.mobile-logo {
    display: none;
}

/* End Logo */

/* Wallet In Menu */

.menu-wallet {
    display: none;
}

/* End Wallet In Menu */

/* Create Release Button In Menu */

li.create-m {
    display: none;
}

/* End Create Release Button In Menu */

/* Account Settings Menu For Mobile Devices */

.mobile-settings-menu {
    display: none;
}

/* End Account Settings Menu For Mobile Devices */

/* Genre, Artist Info In Tables */

.genre-artist-info {
    display: none;
}

.genre-artist-info li {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* End Genre, Artist Info In Tables */

/* Transactions */

.transactions-title,
.transactions-data {
    display: none;
}

/* End Transactions */

/* Mobile Menu */

.header-nav.mobile-menu {
    display: none;
}

/* End Mobile Menu */

/* Blog Menu */

.blog-mobile-menu {
    display: none;
}

/* End Blog Menu */

/* End Hidden Classes */