<?
    $sidebar_active_background_rgb = Loveindie_View_Helper_Color::rgb($sidebar_active_background);
?>


body {
    background-image: none;  /* url(../images/main_bkg.jpg) */
    background-repeat: no-repeat;
    background-position: 50% top;
    color: #1E1E1E;
}

.spinner > div div {
    background-color: #0E1229 !important;
}

.pager th.order a {
    color: #1E1E1E;
}

.pager li {
    background-color: #0CFFE2;
}

a {
    color: #1E1E1E;
}

menu-container a {
    color: #1E1E1E;
}

a:hover {
    color: #0E1229;
}

.link {
    outline: medium none;
    text-decoration: none;
    color: #0E1229 !important;
    filter: brightness(0.7);
}

.link:hover, .text__link--black:hover {
    color: #0E1229 !important;
    filter: brightness(1);
    text-decoration: underline;
}

.link:visited, .text__link--black:visited, .text__link--black--visited  {
    color: #0E1229 !important;
    filter: brightness(0.9);
}


#navigation.anonymous {
    border-bottom: 2px solid grey;
}

div.inset h1 {
    color: #1E1E1E;
}

h3 {
    color: #1E1E1E;
}

#navigation.anonymous li a {
    color: #1E1E1E;
}

#navigation.anonymous li a:hover {
    color: #8A8A8A;
}

#navigation.anonymous li.selected a {
    color:  #8A8A8A;
}

#navigation li a {
    color: #1E1E1E;
}

#navigation li:hover a {
    color: #8A8A8A}

#navigation li.selected a {
    color: #8A8A8A;
}

.sub_navigation li a {
    color: #1E1E1E;
}

.sub_navigation li:hover a {
    color: #8A8A8A;
}

.sub_navigation li.active a:before {
    background-color: #8A8A8A10;
}

.dropdown__selected .dropdown__selected__text {
    color: #1E1E1E !important;
}

.dropdown_icon{
    stroke: #1E1E1E !important;
}

.user-navigation .dropdown {
    border: 1px solid #1E1E1E;
}

.edit_text_color{
    fill: #FFFFFF;
}

.remove_text_color{
    fill: #0E1229;
}

.icon_text_color{
    color: #FFFFFF;
}

.header_text_color {
    fill: #1E1E1E;
}

.tab_menu {
    border-color: #B5B5B5;
}

.tab_menu li.active {
    background-color: #0E122910;
}

.tab_menu li:hover a {
    color: #0E1229;
}

.dropdown__menu li:hover {
    background-color: #8A8A8A10 !important;
}


div.slate {
    background-color: white;
}

.ui-dialog, .ui-widget-header {
    background-image: none;
}

.ui-widget-header {
    background-color: #FFFFFF;
    border-color: #1E1E1E;
    color: #1E1E1E;
}

.ui-widget-content {
    background-color: #FFFFFF;
    color: #1E1E1E;
}

div.flash {
    background-color: #0CFFE2;
}

.flash ul {
    border: 1px solid #1E1E1E;
}

.disabled_action {
    color: #DDE2E5;
}

.pager tr.odd:hover, .preview #track_list tr.odd:hover {
    background-color: #FFF;
    color: #1e1e1e;
}

.pager tr.odd:hover, .preview #track_list tr.odd:hover .edit_track {
    background-color: #FFF>;
    color: #1e1e1e;
}

.track_analysis:hover{
    color: #1E1E1E;
}

.edit_track{
    color: #FFFFFF !important;
    margin-top: 0 !important;
}
.edit__track {
    color: #1e1e1e !important;
}

.edit_track:hover{
    opacity:0.8;
}

body .warning, .warning.ui-state-default, .warning.ui-widget-content .ui-state-default, .warning.ui-widget-header .ui-state-default { border: 2px solid #0E1229; background: #0E1229; font-weight: 400; color: #FFFFFF; }
body .warning, .warning.ui-state-default a, .warning.ui-state-default a:link, .warning.ui-state-default a:visited { color: #FFFFFF ; text-decoration: none; }

body .warning, .warning.ui-state-hover, .warning.ui-widget-content .ui-state-hover, .warning.ui-widget-header .ui-state-hover, .warning.ui-state-focus, .warning.ui-widget-content .ui-state-focus, .warning.ui-widget-header .ui-state-focus { border: 1px solid #0E122950; background-color: #0E122950; font-weight: 400; color: #FFFFFF !important; }
body .warning, .warning.ui-state-hover a, .warning.ui-state-hover a:hover { color: #FFFFFF !important; text-decoration: none; }

body .info, .info.ui-state-default, .info.ui-widget-content .ui-state-default, .info.ui-widget-header .ui-state-default { border: 1px solid #0E1229 !important; background: #0E1229 !important; font-weight: 400; color: #FFFFFF; }
body .info, .info.ui-state-default a, .info.ui-state-default a:link, .info.ui-state-default a:visited { color: #FFFFFF ; text-decoration: none; }

body .info, .info.ui-state-hover, .info.ui-widget-content .ui-state-hover, .info.ui-widget-header .ui-state-hover, .info.ui-state-focus, .info.ui-widget-content .ui-state-focus, .info.ui-widget-header .ui-state-focus { border: 1px solid #0E1229 !important; background-color: #0E122950 !important; font-weight: 400; color: #FFFFFF !important; }
body .info, .info.ui-state-hover a, .info.ui-state-hover a:hover { color: #FFFFFF !important; text-decoration: none; }

.ui-button:not(.pager-button, .button), .context_actions .ui-state-default, .context_actions .ui-widget-content .ui-state-default, .context_actions .ui-widget-header .ui-state-default {
    border: 2px solid #0E1229;
    background: #0E1229;
    color: #FFFFFF;
    margin: 0 !important;
}

.ui-icon-closethick{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2140_477' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2140_477)'%3E%3Cpath d='M8.227 16.8365L7.1635 15.773L10.9365 12L7.1635 8.25198L8.227 7.18848L12 10.9615L15.748 7.18848L16.8115 8.25198L13.0385 12L16.8115 15.773L15.748 16.8365L12 13.0635L8.227 16.8365Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") !important;
left: 40% !important;
background-position: 0 !important;
}

.ui-button-ghost{
    border: 3px solid #0E1229;
    color: #0E1229;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
}

#delete_track{
        border: 2px solid #0E1229;
        background-color: white;
        color: #0E1229;
        margin: auto;
        text-align: center;
        box-sizing: border-box;
}

.context_actions .ui-state-default a, .context_actions .ui-state-default a:link, .context_actions .ui-state-default a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.context_actions .ui-state-active, .context_actions .ui-widget-content .ui-state-active, .context_actions .ui-widget-header .ui-state-active {
    border: 1px solid #0E1229;
    background-color: #0E122950;
    font-weight: 400;
    color: #FFFFFF;
}

.context_actions .ui-state-active a, .context_actions .ui-state-active a:link, .context_actions .ui-state-active a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.input-file, .input-button {
    background: #0E1229;
    font-weight: 400;
    color: #FFFFFF;
}

.input-button.input-button--cancel {
    border: 1px solid #0E1229;
    background: #0E1229;
    color: #FFFFFF;
}

.uploader__button, .processor__button {
    background: #0E1229;
    font-weight: 400;
    color: #FFFFFF;
}

.context_actions .ui-state-hover, .context_actions .ui-widget-content .ui-state-hover, .context_actions .ui-widget-header .ui-state-hover, .context_actions .ui-state-focus, .context_actions .ui-widget-content .ui-state-focus, .context_actions .ui-widget-header .ui-state-focus {
    border: 2px solid #0E122950;
    background-color: #0E122950;
    font-weight: 400;
    color: #FFFFFF;
}

.ui-state-hover #switchToTable{
    background-color: #0E122950 !important;
}

.ui-state-hover #switchToList{
    background-color: #0E122950 !important;
}

.context_actions .ui-state-hover a, .context_actions .ui-state-hover a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}

.pager-buttonset .ui-state-default, .pager-buttonset .ui-widget-content .ui-state-default, .pager-buttonset .ui-widget-header .ui-state-default {
    border: none;
    background: none !important;
    font-weight: 700;
    color: #8A8A8A !important;
}

.pager-buttonset .ui-state-default a, .pager-buttonset .ui-state-default a:link, .pager-buttonset .ui-state-default a:visited {
    color: #8A8A8A !important;
    text-decoration: none;
}

.pager-buttonset .ui-state-active, .pager-buttonset .ui-widget-content .ui-state-active, .pager-buttonset .ui-widget-header .ui-state-active {
    border: none;
    background: none !important;
    font-weight: 700;
    color: #424242 !important;
}

.pager-buttonset .ui-state-active a, .pager-buttonset .ui-state-active a:link, .pager-buttonset .ui-state-active a:visited {
    color: #424242 !important;
    text-decoration: none;
}

.pager-buttonset .ui-state-hover, .pager-buttonset .ui-widget-content .ui-state-hover, .pager-buttonset .ui-widget-header .ui-state-hover, .pager-buttonset .ui-state-focus, .pager-buttonset .ui-widget-content .ui-state-focus, .pager-buttonset .ui-widget-header .ui-state-focus {
    border: none;
    background: none !important;
    font-weight: 700;
    color: #8A8A8A !important;
}

.pager-buttonset .ui-state-hover a, .pager-buttonset .ui-state-hover a:hover {
    color: #8A8A8A !important;
    font-weight: 700;
    text-decoration: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #0E1229;
    background: #0E1229;
    font-weight: 400;
    color: #FFFFFF;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #0E1229;
    background-color: #0E122950;
    font-weight: 400;
    color: #FFFFFF;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
}

.ui-state-hover, .context_actions .ui-widget-content .ui-state-hover, .context_actions .ui-widget-header .ui-state-hover, .context_actions .ui-state-focus, .context_actions .ui-widget-content .ui-state-focus, .context_actions .ui-widget-header .ui-state-focus {
    border: 1px solid #0E1229;
    background-color: #0E122950 !important;
    font-weight: 400;
    color: #FFFFFF !important;
}

.ui-state-hover a, .context_actions .ui-state-hover a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}

.list_actions .ui-state-default {
    border: 1px solid #C3C4BE;
    background: #0E1229;
    font-weight: 400;
    color: #1E1E1E;
}

.list_actions .ui-state-default a, .list_actions .ui-state-default a:link, .list_actions .ui-state-default a:visited{
    color: #1E1E1E;
    text-decoration: none;
}

.list_actions .ui-state-active {
    border: 1px solid #C3C4BE;
    background-color: #0E122950 !important;
    font-weight: 400;
    color: #1E1E1E;
}

.list_actions .ui-state-active a, .list_actions .ui-state-active a:link, .list_actions .ui-state-active a:visited{
    color: #1E1E1E;
    text-decoration: none;
}

.list_actions .ui-state-hover{
    border: 1px solid #C3C4BE;
    background-color: #0E122950 !important;
    font-weight: 400;
    color: #1E1E1E !important;
}

.list_actions .ui-state-hover a, .list_actions .ui-state-hover a:hover{
    color: #1E1E1E !important;
    background-color: #0E122950 !important;
    text-decoration: none;
}

/* REDESIGN (PHOENIX) */

/*** Global ***/

#phoenix {
    background: #F8F8F8;
}

#phoenix .primary {
    color: #6A24E6 !important;
}

/*** Sidebar ***/

#phoenix .sidebar {
    background: #FFFFFF;
}

#phoenix .sidebar__menu-link {
    color: #4A4A4A;
    fill: #4A4A4A;
}

#phoenix .sidebar__menu-link.sidebar__menu-link--selected {
    color: #FFFFFF;
    fill: #FFFFFF;
    background: #4A4A4A;
}

#phoenix .sidebar__menu-link.sidebar__menu-link--selected:before {
    background: #6A24E6;
}

#phoenix .sidebar__menu-link:not(.sidebar__menu-link--selected ):hover {
    color: #FFFFFF;
    fill: #FFFFFF;
    background: rgba(, 0.3);
}

/*** Sub Navigation ***/

#phoenix .sub-navigation__item.sub-navigation__item--selected:after {
    background: #6A24E6;
}

/*** Top Menu ***/

#phoenix .top-menu__action-icon {
    color: #56205C;
    fill: #56205C;
    background: #F8F8F8;
}

#phoenix .top-menu__action-icon.top-menu__action-icon--active {
    color: #F8F8F8;
    fill: #F8F8F8;
    background: #56205C;
}

#phoenix .top-menu .inline-menu * {
    color: #56205C}

/*** User Menu ***/

#phoenix .user-menu {
    border-top-color: #6A24E6;
}


/*** Footer ***/

#phoenix .footer .inline-menu * {
    color: #56205C}

/* REDESIGN (MAKE-UP) */


.input--radio,
.icon--checkbox:not(.checkbox--disabled ) {
    accent-color: #0E1229;
}

.input--select__dropdown--item:hover {
    background-color: #0E122915;
}

.pager-button:active {
    background-color: #0E1229;
}

.button__primary  {
    border: 1.5px solid #0E1229 !important;
    background-color: #0E1229 !important;
    color: #FFFFFF !important;
}

.button__primary:hover, {
    border: 1.5px solid #0E1229 !important;
    background-color: #0E1229 !important;
    color: #FFFFFF !important;
}

.button__primary--ghost {
    border: 2px solid #0E1229 !important;
    background-color: transparent !important;
    color: #0E1229 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.button__primary--ghost:hover {
    border: 2px solid #0E1229 !important;
    background-color: #0E122920 !important;
    color: #0E1229 !important;
}


#create_album{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#create_album .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#delete_album{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#createUser .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#createUser{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}


#delete_album .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}

#create_track{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}
#create_track .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#delete_track {
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#delete_track .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}
#delete_artist{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#delete_artist .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}

#create_artist{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#create_artist .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#create_label{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#create_label .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#delete_label .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}
#delete_label{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#video_create_new{
    display: inline-flex;
    vertical-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
}

#video_create_new .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#delete_video .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}
#delete_video{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#delete_all .remove_text_color{
    margin-right: 3px;
    padding-top: 2px;
}
#delete_all{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#generate{
    display: inline-flex;
    vertical-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
}

#generate .edit_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#remove_all_pending_exports{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#remove_all_pending_exports .remove_text_color{
    margin-right: 3px;
    padding-top: 1px;
}

#generate_auto_age {
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#generate_auto_age .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#generate_auto_count {
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#generate_auto_count .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}


#deliver_auto{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#deliver_auto .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#create_channel{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#create_channel .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#confirm_sales{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#confirm_sales .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#download_csv{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#download_csv .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#global_update{
    display: inline-flex;
    vertical-align: center;
    height: 43px;
    display: flex;
    padding: 12px 16px;
    align-items: center;
    margin-right: 24px;
}

#global_update .edit_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#global_takedown{
    display: inline-flex;
    vertical-align: center;
    height: 43px;
    display: flex;
    padding: 12px 16px;
    align-items: center;
    margin-right: 24px;
    margin-right: 24px;
}

#global_takedown .remove_text_color
{
     margin-right: 3px;
     padding-top: 1px;
}

#create_page{
    display: inline-flex;
    vertical-align: center;
    padding-left: 4px;
}

#create_page .edit_text_color{
     margin-right: 3px;
     padding-top: 1px;
}

#global_distribution{
    vertical-align: center;
    height: 43px;
    display: flex;
    padding: 12px 16px;
    align-items: center;
}

#global_distribution .edit_text_color{
     margin-right: 3px;
     padding-top: 1px;
}

.short_title{
    background-color: #FFF ?>;
    color: #1e1e1e;
}

.short_subtitle{
    background-color: #FFF;
    color: #1e1e1e  !important;
}

div.short_title b a{
    color: #1e1e1e !important;
    background-color: #FFF !important;
}
div.short_title b a:hover{
    color: #1e1e1e !important;
    background-color: #FFF !important;
}

#switchToList:active{
    background-color: #0E1229;
}

/* HEADER */

#header {
    background-color: #0CFFE2;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06) !important;
}

#header .content {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

#header .content .menu-container {
    display: grid !important;
    height: fit-content !important;
    align-self: center !important;
}

body.login #header {
box-shadow: none !important;
}

div.content {
    padding: 0 80px;
    width: 100%;
}

.sub_navigation {
    height: 37px !important;
}

.sub_navigation li {
    text-transform: capitalize !important;
}

#navigation li.selected a:after {
    content: none;
}

.performer-roles-container p {
    margin-bottom: 15px;
}
.performer-roles-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed;
}
.performer-roles-table th, .performer-roles-table td {
    padding: 8px;
    text-align: left;
    vertical-align: top;
    width: 33.33%;
}

@media (width <= 960px){
    div.content {
        padding-inline: 1rem;
    }
    #header {
        position: relative;
    }
    #header .content{
        display: grid;
        gap: 1rem;
        place-items: center;
        grid-template-areas: "logo nav nav"
                             "menu menu menu";
    }
    #header .content .menu-container{
        grid-area: menu;
        width: 100%;
        display: grid;
        place-content: start;
        margin-left: auto;
        overflow-x: auto;
        overflow-y: hidden;

    }
    .header-logo{
        grid-area: logo;
        place-items: start;
    }
    .user-navigation{
        grid-area: nav;
        display: grid;
        grid-template-columns: auto auto;
        width: 100%;
    }
    .releases-list{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        column-gap: 1rem;
    }

    #searchBoxApp,
    .context_actions{
        width: 100%;
    }
    .context_actions {
        display: flex;
        flex: 1;
    }
    .search-box {
        width: 100% !important;
    }
    .user-dropdown,
    .dropdown__selected{
        justify-content: space-between;
    }
    .tab_menu{
        overflow-x: auto;
    }
    .header-container{
        width: 100%;
    }

    .std-toolbar {
        display: grid;
        place-content: space-between;
        gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }
    .std-toolbar:after,.std-toolbar:before{
        content:none;
    }
}
.releases-list{
    display: flex;
}

div.releases-list__item{
    flex: 1;
}

.pager{
    overflow-x: auto;
}
@media (width <= 450px){
    #header .content{
        gap: 0.5rem;
    }
    .header-logo > img{
        height: 3.25rem;
    }
    .user-navigation{
        justify-content: center;
    }
}
.ui-dialog-titlebar-close {
    top: 0 !important;
    width: 28px !important;
}

.ui-download-box {
    z-index: 1;
}

.preview #item_cover #play_all {
    z-index: 1;
}

.new-feature::after {
    content: "New!";
    background-color: #FF7518;
    color: white;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: -7px;
    padding: 3px 10px;
    border-radius: 8px;
    margin-left: 6px;
    box-shadow: 0px 1px 3px 1px #0000001A;
}

.qc_client_action_required {
    padding: 0.125rem 0.5rem;
    border-radius: 0.125rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    background-color: #002aff;
}