/* Main CSS */

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;
}

div.margin0 p {
    margin: 0;
    padding-bottom: 3px;
}

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

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

    a.disabled {
        pointer-events: none;
    }

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

strong,
b {
    font-weight: 500;
}

.not-allowed {
    cursor: not-allowed !important;
}

.select2-container {
    display: inline !important;
}

.select2-selection__rendered {
    color: #fff !important;
}

.select2-selection--single {
    min-height: 60px !important;
    padding-left: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

    .select2-selection--single .select2-selection__arrow {
        height: 60px !important;
        right: 10px !important;
        top: 20px !important;
    }

#CookieConsent .cookie-popup {
    color: #000 !important;
}
/* 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 */
#map .maplibregl-popup-content h3 {
    margin-bottom: 10px;
}

.maplibregl-popup-content {
    max-height: 110px;
}

    .maplibregl-popup-content, .maplibregl-popup-content p {
        color: #000;
    }

.maplibregl-ctrl-bottom-left, .maplibregl-ctrl-bottom-right {
    display: none;
}

.maplibregl-ctrl-top-right {
    opacity: 0.5;
}

/* FMTC */
.sell-icon {
    background: url("https://www.fanraizd.com/img/exchange.svg") no-repeat center;
    width: 13px;
    display: inline-block;
    height: 13px;
    background-size: cover;
    margin-left: 6px;
    text-decoration: none;
}

.table-compact {
    font-size: 0.8em;
    caption-side: top;
    border-radius: 25px;
}

    .table-compact th {
        text-transform: uppercase;
    }

.pagerstyle td {
    padding: 3px 5px;
}


.table-new-design {
    border-color: #333 !important;
    color: #fff;
    background-color: #111;
    margin-right: 5px;
    min-width: 800px;
}

    .table-new-design td {
        background-color: #111;
        border-color: #333;
        color: #fff;
        padding: 10px;
    }

    .table-new-design th {
        background: rgba(255, 255, 255, 0.06);
        border-color: #333;
        color: #fff;
        padding: 10px;
    }

    .table-new-design caption {
        background: #000314;
        border-color: #333;
        font-size: 1.1em;
        color: #fff;
        text-align: center;
    }
/* Animation */

/* Animation For Blocks */

@keyframes block-animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.spinner {
    font-size: 16px;
    margin: 2px 2px;
    width: 16px;
    height: 16px;
    float: right;
}

/* End Animation For Blocks */

/* Release Art Loader Animation */

@keyframes loader-animation {
    0% {
        background: url("/img/loader.svg") no-repeat;
        transform: rotate(0deg);
    }

    50% {
        background: url("/img/loader.svg") no-repeat;
        transform: rotate(180deg);
    }

    100% {
        background: url("/img/loader.svg") no-repeat;
        transform: rotate(360deg);
    }
}

/* End Release Art Loader Animation */

/* Create Release Button Animation */

@keyframes create-release-animation {
    0% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-1.svg") no-repeat 22px 12px;
    }

    20% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-2.svg") no-repeat 22px 12px;
    }

    40% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-3.svg") no-repeat 22px 12px;
    }

    60% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-4.svg") no-repeat 22px 12px;
    }

    80% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-3.svg") no-repeat 22px 12px;
    }

    100% {
        background: #FF083D url("https://www.fanraizd.com/img/cr-step-2.svg") no-repeat 22px 12px;
    }
}

/* End Create Release Button Animation */

/* End Animation */
.website-nav {
    float: left;
    padding: 13px 0 0 0;
}

    .website-nav ul {
        margin: 0 0 0 15px;
    }

    .website-nav li {
        display: inline;
        padding: 0 0 0 40px;
        font-size: 110%;
    }

    .website-nav a {
        color: rgba(255, 255, 255, 0.66);
        text-decoration: none;
    }

        .website-nav a.active,
        .website-nav a:hover {
            color: #fff;
        }

            .website-nav a.active:hover {
                color: rgba(255, 255, 255, 0.8);
            }

/* 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;
}

/* Logo */

.logo-header {
    animation-name: block-animation;
    animation-duration: .5s;
    padding: 51px 0 0 0;
}

.logo {
    background: url("https://www.fanraizd.com/img/logo.svg") no-repeat;
    height: 34px;
    margin: 0;
    position: relative;
    text-indent: -9999px;
    width: 167px;
    z-index: 100;
}

    .logo a {
        display: block;
        height: 100%;
        width: 100%;
    }

/* End Logo */

/* Form */

.login {
    animation-name: block-animation;
    animation-duration: .5s;
    left: 50%;
    position: absolute;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 470px;
    z-index: 90;
}

    .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;
}

/* Show/Hide Password */

.password {
    position: relative;
    z-index: 30;
}

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

.password-control {
    background: url("https://www.fanraizd.com/img/password-hidden.svg") no-repeat;
    display: block;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
}

    .password-control.view {
        background: url("https://www.fanraizd.com/img/password-visible.svg") no-repeat;
    }

/* End Show/Hide Password */

/* Buttons */

.btn {
    border: none;
    border-radius: 8px;
    font-weight: 500;
    height: 56px;
    margin: 5px 0 12px 0;
    padding: 16px 18px;
    text-align: center;
    transition: .25s ease;
    width: 100%;
}

    .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 */

/* Google Button */

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

.or {
    background: url("https://www.fanraizd.com/img/or.svg") no-repeat;
    height: 22px;
}

.btn.btn-secondary {
    margin: 11px 0 0 0;
}

    .btn.btn-secondary,
    .btn.btn-secondary:hover,
    .btn.btn-secondary:active {
        background: #fff;
        color: #000314;
    }

        .btn.btn-secondary:hover {
            opacity: .86;
        }

        .btn.btn-secondary.google-btn {
            background: #fff url("https://www.fanraizd.com/img/google.svg") no-repeat 138px 11px;
            padding: 16px 18px 16px 68px;
        }

/* End Google Button */

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

/* End Buttons */

/* End Form */

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

/* Gradients */

.login-register-left-gradient {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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: 38%;
    transform: translate(-50%, -50%);
    width: 586px;
}

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

/* End Login Info */

/* Alerts */

.text-warning-fr {
    color: #FFB11A !important;
    border-color: #FFB11A !important;
}

.text-danger-fr {
    color: #FF083D !important;
}

.text-alert {
    color: #F34141 !important;
}

a.text-alert {
    color: #F34141 !important;
}

.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-success {
    color: #008000 !important;
    border-color: #008000 !important;
}

.alert-dismissible .btn-close {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/select-arrow.svg") no-repeat center right 16px;
    border-radius: 8px;
    color: #fff;
    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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/dashboard-gradient-left-center.png") no-repeat;
    height: 1233px;
    left: 0;
    position: absolute;
    top: 459px;
    width: 814px;
}

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

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

.dashboard-right-gradient-3 {
    background: url("https://www.fanraizd.com/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;
    z-index: 90;
}

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

    /* Logo */

    .header-nav .logo {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/dashboard.svg") no-repeat center 12px;
}

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

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

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

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

.m-pricing {
    background: url("https://www.fanraizd.com/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);*/
    max-width: 1500px;
    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;
    max-width: 1500px;
}

/* Search */

#search-frm {
    width: 351px;
}

.nav-bar .form-control {
    background: #141726 url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/search.svg") no-repeat 16px 11px;
}

.nav-bar .form-control:focus {
    background: #1F2231 url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/wallet.svg") no-repeat 12px 4px;
        color: #fff;
    }

/* End Wallet */

/* Notifications */

/* Button */

.btn-notifications {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/notification.svg") no-repeat center;
    }

    .btn-notifications.new-notifications {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/new-notification.svg") no-repeat center right 16px;
}

li.unread-notification:hover {
    background: rgba(255, 255, 255, 0.08) url("https://www.fanraizd.com/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("https://www.fanraizd.com/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;
    }

.img-circle {
    border-radius: 50%;
}

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

.btn-user-menu.show {
    background: rgba(255, 255, 255, 0.16) url("https://www.fanraizd.com/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: 8px 0 0 0;
}

    .user-menu-list li {
        display: block;
        padding: 6px 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("https://www.fanraizd.com/img/my-profile.svg") no-repeat center left;
}

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

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

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

.my-wallet {
    background: url("https://www.fanraizd.com/img/wallet.svg") no-repeat center left;
}

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

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

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

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

.log-out {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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 24px 0;
    }

    .user-dashboard .btn.btn-primary.create-release {
        background: #FF083D url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/create-release.svg") no-repeat 61px 12px;
        }

    /* End Create Release */

    /* Levels */

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

/* Destroys track listing on search */
/*.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("https://www.fanraizd.com/img/total-streams.svg") no-repeat left center;
        }

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

        .level-list li:last-child {
            background: url("https://www.fanraizd.com/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-overview li {
    padding: 0 5px;
    width: 76px;
    margin: 10px 40px 10px 0;
}

.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("https://www.fanraizd.com/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;
    max-width: 260px;
    min-width: 246px;
}

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

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

.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: underline;
}

.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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/distributed.svg") no-repeat left center;
    }

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

    .my-music-tabs li:last-child a {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/prev.svg") no-repeat;
}

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

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

.next-track {
    background: url("https://www.fanraizd.com/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 */
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.has-error .form-control {
    border: 1px solid red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* 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;
    /*    max-height: 338px;
    max-width: 350px;*/
    top: 86px;
    /*width: 676px;*/
    max-width: none;
}

.width676 {
    max-width: 676px;
}

.width350 {
    max-width: 350px;
}

.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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/select-arrow.svg") no-repeat center right 16px;
}

.btn.btn-primary.multiselect.show.multiselect-active {
    background: #1F2231 url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/distributed.svg") no-repeat left center;
}

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

.search-results-tabs.tabs-with-icons .my-music-tabs li:last-child a {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/decrement.svg") no-repeat;
    bottom: 42px;
}

.add-tokens {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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: 90px;
        }

.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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/purchase-bottom-gradient-1.png") no-repeat;
    bottom: 0;
    height: 433px;
    position: absolute;
    right: 0;
    width: 804px;
}

.purchase-bottom-gradient-2 {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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: 1.0em;
        margin: 3px 0 0 0 !important;
        line-height: 22px;
    }

/* 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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/search.svg") no-repeat;
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}

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

.fan-blog {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/twitter.svg") no-repeat;
            }

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

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

            .share-article .social-networks li:last-child,
            .share-article .social-networks li:last-child:hover {
                background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/select-arrow-open.svg") no-repeat right;
        }

            .user-dashboard .faq-help-info h3 a.faq-open {
                background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/1.svg") no-repeat left;
        }

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

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

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

        .how-it-works-description li:last-child {
            background: url("https://www.fanraizd.com/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: 2px 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("https://www.fanraizd.com/img/add-to-favorites.svg") no-repeat center;
}

    button.add-to-favorites.in-favorites {
        background: rgba(0, 3, 20, 0.6) url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/favorites.svg") no-repeat center;
        }

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

    button.share-with-friends:hover {
        background: rgba(73, 79, 115, 1) url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/copy-link.svg") no-repeat 6px center;
    }

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

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

    .share-links li:last-child a {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/distribute-release.svg") no-repeat 12px center;
    }

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

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

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

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

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

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

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

/* End Tools Buttons */

/* Add Tracks */

.add-track {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/save.svg") no-repeat 61px 11px;
    height: 48px;
    margin: 0;
    padding: 12px 20px 12px 52px;
    width: 242px;
}

/* 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("https://www.fanraizd.com/img/prev-slide.svg") no-repeat;
    display: none;
}

.carousel-control-next {
    background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/img/select-arrow.svg") no-repeat top 9px right 16px;
        padding: 11px 55px 11px 16px;
    }

    .chart-area .select-arrow-active {
        background: #1F2231 url("https://www.fanraizd.com/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%;
}

.chart-wrapper-standalone {
    background-color: #121212;
    padding: 15px;
    padding-right: 30px;
    border-radius: 5px;
    max-width: 420px;
    margin-bottom: 10px;
}

.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("https://www.fanraizd.com/img/location.svg") no-repeat left top;
    }

    .user-profile .col-sm-3 li:last-child {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/add-friend.svg") no-repeat 138px 11px;
    }

.user-profile .btn.btn.btn-secondary {
    background: #fff url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/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: 90%;
}

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

.account-form .btn.btn-primary.save-track {
    background: #FF083D url("https://www.fanraizd.com/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("https://www.fanraizd.com/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("https://www.fanraizd.com/img/release-bg.jpg") no-repeat;
        background-size: cover;
    }

    .ownership-overview .col:nth-child(2) {
        background: url("https://www.fanraizd.com/img/partially-bg.png") no-repeat;
        background-size: cover;
    }

    .ownership-overview .col:last-child {
        background: url("https://www.fanraizd.com/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("https://www.fanraizd.com/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;
    }


    .year-report .btn.btn-default {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.15);
        color: #fff;
        float: left;
        height: 48px;
        margin: 0;
        padding: 12px 20px 12px 12px;
        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("https://www.fanraizd.com/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("https://www.fanraizd.com/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 */

/* Footer */

.dashboard-page footer.row {
    animation-name: block-animation;
    animation-duration: .5s;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    bottom: 0;
    height: 97px;
    padding: 32px 22px;
    position: absolute;
    width: calc(100% - 116px);
}

.dashboard-page .player-content footer.row {
    bottom: 97px;
}

.faq-page footer.row {
    padding: 32px 34px;
    width: 100%;
}

footer ul {
    font-size: 100%;
}

.footer-list {
    margin-top: 15px;
}

    .footer-list li {
        float: inherit;
        margin-bottom: 4px;
    }

footer li,
.privacy-terms {
    float: left;
}

.privacy-terms,
footer p {
    margin: 4px 0 0 0;
}

    .privacy-terms li {
        padding: 0 22px 0 0;
    }

        .privacy-terms li:last-child {
            padding: 0;
        }

.social-networks {
    float: right;
}

    .social-networks li {
        display: block;
        height: 32px;
        margin: 0 0 0 12px;
        width: 32px;
    }

        .social-networks li:first-child {
            background: url("https://www.fanraizd.com/img/instagram.svg") no-repeat;
            margin: 0;
        }

        .social-networks li:nth-child(2) {
            background: url("https://www.fanraizd.com/img/twitter.svg") no-repeat;
        }

        .social-networks li:nth-child(3) {
            background: url("https://www.fanraizd.com/img/facebook.svg") no-repeat;
        }

        .social-networks li:last-child {
            background: url("https://www.fanraizd.com/img/email.svg") no-repeat;
        }

        .social-networks li:first-child:hover {
            background: url("https://www.fanraizd.com/img/instagram-hover.svg") no-repeat;
        }

        .social-networks li:nth-child(2):hover {
            background: url("https://www.fanraizd.com/img/twitter-hover.svg") no-repeat;
        }

        .social-networks li:nth-child(3):hover {
            background: url("https://www.fanraizd.com/img/facebook-hover.svg") no-repeat;
        }

        .social-networks li:last-child:hover {
            background: url("https://www.fanraizd.com/img/email-hover.svg") no-repeat;
        }

    .social-networks a {
        display: block;
        height: 100%;
        text-indent: -9999px;
        width: 100%;
    }

/* End Footer */

/* 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 */

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

.select-multi {
    background: #141726;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #fff;
    font-size: 100%;
    height: auto;
    padding: 11px 16px;
    width: 100%;
}

    .select-multi option {
        background: #aaa;
        color: #333;
    }

        .select-multi option:not(:checked) {
            background-color: #141726;
            color: #fff;
        }

.alert-info-bar {
    color: #FFB11A;
    margin: 3px 0 0 0;
    padding: 10px 11px 7px 11px;
    margin-top: 8px !important;
    display: none;
    border: solid 1px #FFB11A;
    border-radius: 6px;
    max-width: 420px;
}