:root
{
    --true-black: #000000;
    --bg-dark: #222025;
    --popup-bg: #3f3b44;
    --bg-light: #4f4650;
    --text-sub: #8f8490;
    --text-head: #ece3ed;
    --green-highlight: #21c8ba;
    --green-highligt2: #51E3D6;
    --green-highlight2-bg: #073f4a;
    --green-highlight2-bg-hover: #1a6270;
    --green-highlight3: #20c8ba;
    --play-control-container-bg: #082c33;
    --snackbar_background: #02998d;
    border-left-color: var(--green-highlight);
    background-color: var(--green-highlight2-bg);

    
}
body.lib_story{
    --green-highlight: #6dbcfd;
    --green-highligt2: #8BCAFF;
    --green-highlight2-bg: #102A4C;
    --green-highlight2-bg-hover: #234879;
    --green-highlight3: #8BCAFF;
    --play-control-container-bg: #071627;
    --snackbar_background: #1f5397;
}


.menu_wrapper,
div.menu_wrapper div.left_menu,
div.menu_wrapper div.left_menu div.item.disabled:hover,
div.menu_wrapper div.left_menu div.item.disabled.hovered
div.menu_wrapper div.left_menu div.item.disabled.active,
div.menu_wrapper div.left_menu div.item.disabled.active:hover,
div.menu_wrapper div.left_menu div.item.disabled.active.hovered
{
    background-color: #121212;
}


div.horizon_scroll_blocks div.album .mat-icon.play,
div.normal_blocks div.album .mat-icon.play,
div.content div.radio div.scroll div.album .title,
.control_wrapper,
.header,
div.profile_popup_v2 .profile_wrapper .profile .avatar.jdenticon_overflow,
div.content_wrapper div.button_v2{
    background-color: #000000;
}
div.error_popup,
div.setting_popup,
div.mmm_popup,
div.profile_popup
{
    border-color: #000000;
}

body{
    background-color: #000000;
}

.base_bg_dark,
div.profile_popup .profile_wrapper .profile:hover,
div.error_popup div.dropdown_wrapper,
div.error_popup div.textarea_wrapper textarea,
div.error_popup div.button_wrapper div.button,
div.setting_popup div.button_wrapper div.button,
div.mmm_popup div.button_wrapper div.button,
div.splash_wrapper,
div.header div.user_dropdown_wrapper,
div.header div.user_dropdown_wrapper .submenu_wrapper,
div.norm_albu_dspl div.thumbs_wrapper,
div.norm_list div.thumbs_wrapper,
div.norm_list div.follow_plist_wrapper,
div.norm_albu_dspl div.reviews div.header_wrapper,
div.norm_albu_dspl div.reviews div.report,
div.norm_albu_dspl div.reviews div.add_review div.mat-icon li,
div.norm_albu_dspl div.reviews div.add_review div.block div.post div.button,
div.profile_popup_v2 .profile_wrapper .profile .button,
div.search_popup_wrapper div.header_title,
div.extra_menu
{
    background-color: #222025;
}

.item_menu_wrapper .item_menu{
    background-color: #121212;
}

div.lyric_popup{
    background-color: #f3f3f3;
}

div.header div.user_dropdown_wrapper,
div.header div.user_dropdown_wrapper .submenu_wrapper
{
    border-color: #3f3b44;
}

div.content_wrapper div.content,
div.content_wrapper div.content.background
{
    border-color: #000000;
}
div.error_popup div.button_wrapper div.button:hover,
div.mmm_popup div.button_wrapper div.button:hover,
div.setting_popup div.button_wrapper div.button:hover,
div.error_popup div.button_wrapper div.button.ElementToEnter,
div.mmm_popup div.button_wrapper div.button.ElementToEnter,
div.setting_popup div.button_wrapper div.button.ElementToEnter
{
    color: #3f3b44;
}

div.search{
    background-color: #222025;
    color: #878088;
}


div.search input::placeholder,
div.search input:-ms-input-placeholder,
div.search input::-ms-input-placeholder{
    color: #878088;
}

div.search svg{
    fill: #878088;
}


.base_bg_light,
div.header div.user_dropdown_wrapper div.seperator div.line,
div.horizon_scroll_blocks div.album,
div.normal_blocks div.album
{
    background-color: #4f4650;
}

div.norm_albu_dspl div.track_wrapper div.track.even,
div.norm_list div.track_wrapper div.track.even
{
    background-color: #0e0e0e;
}


div.extra_menu div,
.HomeArtistList .headers .letter:hover,
.HomeArtistList .LetterBlock .item,
.content_wrapper .profile_page .avatar_upload .save,
div.error_popup div.dropdown_wrapper div.dropdown_item,
div.setting_popup div.dropdown_wrapper div.dropdown_item
{
    border-color: #222025;
}

div.content div.radio div.radio_shade div.top_shade
{
    background: -moz-radial-gradient(center, ellipse cover, var(--green-highlight) 0%, #030303 70%, #030303 100%);
    background: -webkit-radial-gradient(center, ellipse cover, var(--green-highlight) 0%,#030303 70%,#030303 100%); 
    background: radial-gradient(ellipse at center, var(--green-highlight) 0%,#030303 70%,#030303 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--green-highlight), endColorstr=#030303,GradientType=1 );
}
div.artist_page div.biography div.biography_show_more{
    background: -moz-linear-gradient(top,  rgba(3,3,3,0) 0%, rgba(3,3,3,1) 40%);
    background: -webkit-linear-gradient(top,  rgba(3,3,3,0) 0%,rgba(3,3,3,1) 40%);
    background: linear-gradient(to bottom,  rgba(3,3,3,0) 0%,rgba(3,3,3,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#030303, endColorstr=#030303,GradientType=0 ); 
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft
{
    background: -moz-linear-gradient(left,  rgba(3, 3, 3,.5) 0%,rgba(3, 3, 3,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(3, 3, 3,.5) 0%,rgba(3, 3, 3,0) 100%);
    background: linear-gradient(to right,  rgba(3, 3, 3,.5) 0%,rgba(3, 3, 3,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#030303, endColorstr='#030303',GradientType=1 );    
}
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight
{
    background: -moz-linear-gradient(left,  rgba(3, 3, 3,0) 0%, rgba(3, 3, 3,.5) 100%);
    background: -webkit-linear-gradient(left,  rgba(3, 3, 37,0) 0%,rgba(3, 3, 3,.5) 100%);
    background: linear-gradient(to right,  rgba(3, 3, 3,0) 0%,rgba(3, 3, 3,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030303', endColorstr=#030303,GradientType=1 );    
}


div.norm_albu_dspl .title,
div.content div.radio .title_copy,
div.radio .title,
div.norm_list .title,
div.artist_page .title,
div.profile_page .title
{
    font-size: 32px;
    font-weight: 500;
}


div.horizon_scroll_blocks .title,
div.normal_blocks .title
{
    font-size: 24px;
    font-weight: 300;
}

div.landscape_art_enabled .title
{
    font-weight: 300;
}


div.content_wrapper div.item_menu div.Header,
div.horizon_scroll_blocks div.subject,
div.artist_page div.subject,
div.norm_list div.subject,
div.norm_albu_dspl div.subject,
div.content div.master_placeholder_wrapper,
div.header div.nav_arrow_wrapper li,
div.header div.nav_arrow_wrapper span.mat-icon-svg svg,
div.horizon_scroll_blocks div.subtitle_show_more,
div.horizon_scroll_blocks div.quick_plist
{
    color: #8f8490;
    fill: #8f8490;
}
div.artist_page div.artist_plays_last_month
{
    border-color: #8f8490;
}

div.norm_albu_dspl .title,
div.content div.radio .title_copy,
div.content div.radio div.subject,
div.horizon_scroll_blocks .title,
div.normal_blocks .title,
div.radio .title,
div.norm_list .title,
div.artist_page .title,
div.profile_page .title,
div.horizon_scroll_blocks div.album .title,
div.normal_blocks div.album .title,
div.artist_page div.biography div.biography_show_more,
.HomeArtistList .headers,
.HomeArtistList .LetterBlock,
.content_wrapper .profile_page .avatar_upload .save .mat-icon,
div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft div.mat-icon,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight div.mat-icon,
div.norm_albu_dspl div.album_art div.art_enlarge li,
div.error_popup,
div.setting_popup,
div.mmm_popup,
div.profile_popup,
.HomeArtistList .LetterBlock .item:hover .avatar.placeholder .mat-icon,
div.content_wrapper div.button_v2,
div.artist_page div.artist_plays_last_month,
.content_wrapper .profile_page .profileFollowItem .avatar .mat-icon,
div.search_popup_wrapper .item.ElementToEnter .placeholder,
div.search_popup_wrapper .item:hover .placeholder
{
    color: #ece3ed;
}

.checkbox_switch .slider
{
    background-color: #ece3ed;
}


div.norm_albu_dspl div.cooperative,
div.norm_albu_dspl div.reviews div.review,
div.error_popup div.dropdown_wrapper div.dropdown_item.new
{
    border-color: #4f4650;
}

.content_wrapper .profile_page .plistItem,
.content_wrapper .profile_page .profileFavoriteItem,
.content_wrapper .profile_page .profileFollowItem,
div.search_popup_wrapper,
div.norm_albu_dspl div.track_wrapper div.track.odd,
div.norm_list div.track_wrapper div.track.odd,
div.profile_popup,
div.error_popup,
div.setting_popup,
div.mmm_popup
{
    background-color: #000;
}
div.search_popup_wrapper div.item
{
    border-bottom-color: #000000;
    border-top-color: #454545;
    border-left-color: #3f3b44;
    border-right-color: #3f3b44;
}

div.search_popup_wrapper div.item.no_result:hover
{
    border-left-color: #3f3b44;
    background-color: inherit;
    color: #ece3ed;
}



div.content_wrapper,
div.search,
div.extra_menu,
div.search_popup_wrapper div.header_title,
div.search_popup_wrapper div.item,
div.norm_albu_dspl div.track_wrapper div.track,
div.norm_list div.track_wrapper div.track,
body.public div.norm_list div.track_wrapper div.track:hover,
body.public div.norm_list div.track_wrapper div.track.hovered,
div.norm_albu_dspl div.cooperative .mat-icon,
div.artist_page div.cooperative .mat-icon,
div.content div.radio div.play_button,
div.error_popup div.dropdown_wrapper div.dropdown_item,
div.setting_popup div.dropdown_wrapper div.dropdown_item,
div.header div.icons-right,
div.normal_blocks div.album .mat-icon.play,
div.control_container div.shuffle-icon,
div.control_container div.repeat-icon,
.empty_block_text,
.content_wrapper .profile_page .plistItem:hover div.thumbs_up,
.content_wrapper .profile_page .plistItem:hover div.thumbs_down,
div.menu_wrapper div.left_menu div.item,
div.norm_albu_dspl div.track_wrapper div.track.blocked:hover,
div.norm_list div.track_wrapper div.track.blocked:hover,
div.norm_albu_dspl div.track_wrapper div.track.blocked.hovered,
div.norm_list div.track_wrapper div.track.blocked.hovered{
    color: #ece3ed;
}

div.header div.icons-right svg,
div.content_wrapper svg,
div.control_container svg,
div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft div.mat-icon svg,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight div.mat-icon svg,
div.header div.user_dropdown_wrapper div.item svg,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item svg{
    fill: #ece3ed;
}

div.norm_albu_dspl div.track_wrapper div.track.blocked,
div.norm_list div.track_wrapper div.track.blocked,
div.norm_albu_dspl div.track_wrapper div.track.blocked:hover,
div.norm_list div.track_wrapper div.track.blocked:hover,
div.norm_albu_dspl div.track_wrapper div.track.already_played{
    color: #8f8490;
}


div.header div.icons-right div.devider
{
    border-color: #ece3ed;
}



div.control_container div.shuffle-icon.active,
div.control_container div.repeat-icon.active,
div.error_popup div.dropdown_wrapper div.dropdown_item div.name.new
{
    color: var(--green-highlight3);
}

div.control_container div.shuffle-icon:hover,
div.control_container div.repeat-icon:hover,
div.control_container .highlight.mat-icon:hover,
div.content div.radio div.play_button:hover
{
    color: var(--green-highlight);
    text-shadow: var(--green-highligt2) 0px 0px 3px;
}

div.control_container .highlight.blocked.mat-icon:hover{
    color: inherit;
    text-shadow: none;
}

div.control_container .highlight.back svg,
div.control_container .highlight.pause-play svg,
div.control_container .highlight.next svg,
div.content div.radio div.play_button svg,
div.horizon_scroll_blocks div.album .album_favorite svg,
div.normal_blocks div.album .album_favorite svg,
div.horizon_scroll_blocks div.album .album_favorite.is_fav svg,
div.normal_blocks div.album .album_favorite.is_fav svg,
div.control_container div.shuffle-icon.active svg,
div.control_container div.repeat-icon.active svg,
div.control_container .volume_bar_wrapper svg{
    fill: var(--green-highlight);
}

div.control_container .highlight:hover svg,
div.control_container .highlight:hover .mat-icon-svg svg,
div.content div.radio div.play_button:hover svg{
    -webkit-filter: drop-shadow( 0px 0px 2px var(--green-highlight));
    filter: drop-shadow( 0px 0px 2px var(--green-highlight));
    fill: var(--green-highlight);
}

div.control_container .highlight.blocked:hover .mat-icon-svg svg{
    -webkit-filter: drop-shadow( 0px 0px 0px transparent);
    filter: drop-shadow( 0px 0px 0px transparent);
    fill: inherit;
}





div.thumbs_wrapper div.thumbs_up:hover,
div.thumbs_wrapper div.thumbs_down:hover,
div.thumbs_wrapper div.thumbs_up.active,
div.thumbs_wrapper div.thumbs_down.active,
div.cooperative div.coop:hover,
div.norm_albu_dspl div.track_wrapper div.track:hover,
div.norm_list div.track_wrapper div.track:hover,
div.norm_albu_dspl div.track_wrapper div.track.hovered,
div.norm_list div.track_wrapper div.track.hovered,
.social .item:hover,
.HighlightLink:hover,
div.horizon_scroll_blocks div.album .mat-icon.play,
div.search_popup_wrapper .item.ElementToEnter,
div.search_popup_wrapper .item:hover,
.HomeArtistList .LetterBlock .item:hover,
div.horizon_scroll_blocks div.album .album_favorite:hover,
div.normal_blocks div.album .album_favorite:hover,
div.horizon_scroll_blocks div.album .album_favorite.is_fav:hover,
div.normal_blocks div.album .album_favorite.is_fav:hover,
div.menu_wrapper div.left_menu div.item.animate li,
div.search.focus li,
div.search.focus input,
div.norm_list div.track.highlight .mat-icon,
div.norm_albu_dspl div.track.highlight .mat-icon,
div.content_wrapper div.subtitle_show_more:hover,
div.content_wrapper div.quick_plist:hover
{
    color: var(--green-highligt2);
}

div.v2 .HighlightLink:hover{
    color: inherit;
}

div.norm_list div.track.highlight .mat-icon svg,
div.norm_albu_dspl div.track.highlight .mat-icon svg,
.HighlightLink:hover svg,
div.thumbs_wrapper div.thumbs_up.active svg,
div.thumbs_wrapper div.thumbs_down.active svg{
    fill: var(--green-highligt2);
}
.HighlightLink.disabled svg{
    fill: var(--text-sub);
}
.HighlightLink.disabled:hover svg{
    fill: var(--text-sub);
}



.HighlightLink.disabled{
    color: var(--text-sub);
}
.HighlightLink.disabled:hover{
    color: var(--text-sub);
}

div.search.focus svg,
div.error_popup div.mat-icon svg{
    fill: var(--green-highligt2);
}

div.search_popup_wrapper .item.ElementToEnter,
div.search_popup_wrapper .item:hover,
.HomeArtistList .LetterBlock .item:hover{
    background-color: var(--green-highlight2-bg);
}

div.control_container div.track,
div.control_container div.artist div.artist_box,
div.error_popup div.mat-icon,
div.setting_popup div.mat-icon,
div.profile_popup div.mat-icon,
div.mmm_popup div.mat-icon,
div.error_popup div.error_header,
div.setting_popup div.error_header,
div.profile_popup div.error_header,
div.mmm_popup div.error_header
{
    color: var(--green-highligt2);
}
div.ui-slider span.ui-slider-handle
{
    border-color: var(--green-highligt2);
}



div.norm_albu_dspl div.track_wrapper div.track.playing div,
div.norm_list div.track_wrapper div.track.playing div,
div.norm_albu_dspl div.track_wrapper div.track.table-header,
div.norm_list div.track_wrapper div.track.table-header,
body.public div.norm_albu_dspl div.track_wrapper div.track.table-header,
body.public div.norm_list div.track_wrapper div.track.table-header,
body.public div.norm_albu_dspl div.track_wrapper div.track.table-header:hover,
body.public div.norm_list div.track_wrapper div.track.table-header:hover,
div.profile_popup .profile_wrapper .profile .current_track,
div.profile_popup .profile_wrapper .profile .current_album,
div.profile_popup .profile_wrapper .profile.free .save:hover,
div.error_popup div.button_wrapper div.button,
div.setting_poppup div.button_wrapper div.button,
div.mmm_popup div.button_wrapper div.button,
div.control_container,
div.review_wrapper div.post div.button:hover,
.HomeArtistList .headers .letter:hover,
.HomeArtistList .headers .letter.active,
div.horizon_scroll_blocks div.album .album_favorite.is_fav,
div.normal_blocks div.album .album_favorite.is_fav,
div.content_wrapper div.button_v2:hover,
div.content div.radio div.play_button.pause{
    color: var(--green-highlight);
}
div.error_popup div.button_wrapper div.button:hover,
div.mmm_popup div.button_wrapper div.button:hover,
div.setting_popup div.button_wrapper div.button:hover,
div.error_popup div.button_wrapper div.button.ElementToEnter,
div.mmm_popup div.button_wrapper div.button.ElementToEnter,
div.setting_popup div.button_wrapper div.button.ElementToEnter{
    background-color: var(--green-highlight);
}


div.control_container .highlight:before{
    background-color: var(--green-highlight);
}
div.control_container .highlight:hover:before{
    background-color: var(--green-highligt2);
}



div.artist_page div.biography div.biography_show_more .btn:hover
{
    color: var(--green-highligt2);
}
.HomeArtistList .headers .letter.active
{
    border-color: var(--green-highlight);
}



div.control_container div.control_container_shade_wrapper div.control_container_shade,
div.control_container div.controls_block
{
    background-color: var(--play-control-container-bg);
}


.content_wrapper .profile_page .avatar_upload .save,
div.search_popup_wrapper .item.type-profile div.art,
div.search_popup_wrapper div.placeholder,
div.artist_page div.avatar,
div.profile_page div.avatar,
.HomeArtistList .LetterBlock .item .avatar.placeholder
{
    background-color: #4f4650;
}

div.control_container div.back.disabled,
div.control_container div.pause-play.disabled,
div.control_container div.next.disabled,
div.control_container div.sec-played.disabled,
div.control_container div.sec-total.disabled,
div.control_container div.volume-icon.disabled
{
    color: var(--green-highlight2-bg);
}

div.control_container div.back.disabled svg,
div.control_container div.pause-play.disabled svg,
div.control_container div.next.disabled svg,
div.control_container div.sec-played.disabled svg,
div.control_container div.sec-total.disabled svg,
div.control_container div.volume-icon.disabled svg
{
    fill: var(--green-highlight2-bg);
}

div.ui-slider,
div.search.focus
{
    background-color: var(--green-highlight2-bg);
}

div.ui-slider div.ui-slider-range
{
    background-color: var(--green-highlight3);
}
div.ui-slider span.ui-slider-handle
{
    background-color: #00ac9e;
}

body.public div.ui-slider div.ui-slider-range,
body.public div.ui-slider span.ui-slider-handle
{    
    background-color: var(--green-highlight2-bg);
}



div.norm_albu_dspl div.options div.remove_favorite .mat-icon
{
    color: var(--green-highlight3);
}

div.norm_albu_dspl div.options div.remove_favorite .mat-icon svg
{
    fill: var(--green-highlight3);
}


.mat-icon.white,
div.header div.top_message,
div.norm_albu_dspl div.reviews div.add_review div.block div.input textarea,
div.profile_popup_v2 .profile_wrapper .profile div.display_name,
div.profile_popup_v2 .profile_wrapper .profile div.free_slot_text,
div.profile_popup_v2 .profile_wrapper .profile .button,
div.profile_popup_v2 .profile_wrapper .profile.free input,
div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input,
div.setting_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input,
div.content_wrapper div.item_menu div.item_menu_input_wrapper input,
div.error_popup input,
div.setting_popup input,
div.mmm_popup input,
div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input .mat-icon,
div.setting_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input .mat-icon,
div.content_wrapper div.item_menu div.item_menu_input_wrapper .mat-icon,
div.snackbar_wrapper,
.reviews .hide:hover,
.reviews .show:hover
{
    color: white;
}
div.snackbar_wrapper svg,
div.error_popup div.dropdown_wrapper div.dropdown_item.new svg{
    fill: white;
}

div.norm_albu_dspl div.reviews div.add_review div.block div.input textarea,
div.error_popup div.dropdown_wrapper div.dropdown_item.new
{
    background-color: #4f4650;
}





div.norm_albu_dspl div.reviews div.add_review div.block div.input div.left_arrow,
div.menu_wrapper div.left_menu div.item.disabled,
div.menu_wrapper div.left_menu div.item.disabled:hover,
div.menu_wrapper div.left_menu div.item.disabled.hovered
div.menu_wrapper div.left_menu div.item.disabled.active,
div.menu_wrapper div.left_menu div.item.disabled.active:hover,
div.menu_wrapper div.left_menu div.item.disabled.active.hovered
{
    color: #4f4650;
}

div.menu_wrapper div.left_menu div.item.disabled:before,
div.menu_wrapper div.left_menu div.item.disabled:hover:before,
div.menu_wrapper div.left_menu div.item.disabled.hovered:before,
div.menu_wrapper div.left_menu div.item.disabled.active:before,
div.menu_wrapper div.left_menu div.item.disabled.active:hover:before,
div.menu_wrapper div.left_menu div.item.disabled.active.hovered:before{
    background-color: #4f4650;
}

div.menu_wrapper div.left_menu div.item:before{
    background-color: #ece3ed;
}



div.menu_wrapper div.left_menu div.item.active:before{
    background-color: var(--green-highlight);
}

div.menu_wrapper div.left_menu div.item:hover:before{
    background-color: var(--green-highligt2);
}





div.snackbar_wrapper
{
    background-color: var(--snackbar_background);
}



div.profile_popup_v2 .profile_wrapper .profile.current,
div.profile_popup_v2 .profile_wrapper .profile:hover,
div.profile_popup_v2 .profile_wrapper .profile.highlight{
    background-color: #143935;
    border-color: #51E3D6;
}
div.profile_popup_v2 .profile_wrapper .profile
{

}
div.profile_popup_v2 .profile_wrapper .profile div.avatar
{
    background-color: #ece3ed;
}


div.menu_wrapper div.left_menu div.item,
div.menu_wrapper div.left_menu div.item.disabled,
div.menu_wrapper div.left_menu div.item.disabled:hover,
div.menu_wrapper div.left_menu div.item.disabled.hovered
div.menu_wrapper div.left_menu div.item.disabled.active,
div.menu_wrapper div.left_menu div.item.disabled.active:hover,
div.menu_wrapper div.left_menu div.item.disabled.active.hovered
{
    border-color: #222025;
}


div.content_wrapper div.item_menu div.item,
div.content_wrapper div.item_menu_wrapper div.extra_menu div,
div.content_wrapper div.norm_list div.extra_menu div,
div.content_wrapper div.norm_albu_dspl div.extra_menu div,
div.header div.user_dropdown_wrapper div.item,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item
{
    color: #ece3ed;
    border-color: #222025;
}

div.menu_wrapper div.left_menu div.item.active,
div.content_wrapper div.item_menu div.item.active,
div.content_wrapper div.item_menu_wrapper div.extra_menu div.active,
div.content_wrapper div.norm_list div.extra_menu div.active,
div.content_wrapper div.norm_albu_dspl div.extra_menu div.active,
div.header div.user_dropdown_wrapper div.item.active,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item.active,
div.error_popup div.dropdown_wrapper div.dropdown_item.active,
div.setting_popup div.dropdown_wrapper div.dropdown_item.active
{
    color: var(--green-highligt2);
    border-color: var(--green-highligt2);
    background-color: var(--green-highlight2-bg);
}




div.menu_wrapper div.left_menu div.item:hover,
div.content_wrapper div.item_menu div.item:hover,
div.content_wrapper div.item_menu div.item.hovered,
div.content_wrapper div.item_menu div.item.active.hovered,
div.content_wrapper div.item_menu_wrapper div.extra_menu div:hover,
div.content_wrapper div.norm_list div.extra_menu div:hover,
div.content_wrapper div.norm_albu_dspl div.extra_menu div:hover,
div.header div.user_dropdown_wrapper div.item:hover,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item:hover,
div.error_popup div.dropdown_wrapper div.dropdown_item:hover,
div.setting_popup div.dropdown_wrapper div.dropdown_item:hover
{
    color: var(--green-highligt2);
    border-color: var(--green-highligt2);
    background-color: var(--green-highlight2-bg-hover);
}

div.error_popup div.dropdown_wrapper div.dropdown_item:hover svg,
div.header div.user_dropdown_wrapper div.item.active svg,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item.active svg,
div.header div.user_dropdown_wrapper div.item:hover svg,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item:hover svg{
    fill: var(--green-highligt2);
}

div.menu_wrapper div.left_menu div.item:hover span.mat-icon-svg svg,
div.menu_wrapper div.left_menu div.item.active span.mat-icon-svg svg,
div.horizon_scroll_blocks div.album .album_favorite:hover svg,
div.normal_blocks div.album .album_favorite:hover svg,
div.horizon_scroll_blocks div.album .album_favorite.is_fav:hover svg,
div.normal_blocks div.album .album_favorite.is_fav:hover svg{
    fill: var(--green-highligt2);
}


div.menu_wrapper div.left_menu div.item.disabled span.mat-icon-svg svg,
div.menu_wrapper div.left_menu div.item.disabled:hover span.mat-icon-svg svg,
div.menu_wrapper div.left_menu div.item.disabled.active span.mat-icon-svg svg{
    fill: #4f4650;
}


div.header div.icons-right div.logoff:hover,
div.header div.icons-right div.user:hover{
    color: var(--green-highligt2);
}

div.header div.icons-right div.logoff:hover svg,
div.header div.icons-right div.user:hover svg{
    fill: var(--green-highligt2);
}

div.header div.nav_arrow_wrapper span.available svg{
    fill: var(--text-head);
}

div.header div.nav_arrow_wrapper span.available:hover svg{
    fill: var(--green-highligt2);
}

div.header div.music_story_toggle{
    background-color: var(--green-highlight2-bg);
    color: var(--green-highligt2);
}
div.header div.music_story_toggle span.icn svg{
    fill: var(--green-highligt2);
}

div.header div.music_story_toggle:hover{
    background-color: var(--green-highlight2-bg-hover);
}


.checkbox_switch input:checked + .slider
{
    background-color: var(--green-highlight3);
}
  
.checkbox_switch input:focus + .slider
{
    box-shadow: 0 0 1px var(--green-highlight3);
}
  
div.norm_albu_dspl div.track_wrapper div.track.highlight.odd div.track_name .overflow_shade,
div.norm_list div.track_wrapper div.track.highlight.odd div.track_name .overflow_shade,
div.norm_list div.track_wrapper div.track.highlight.odd div.album_name .overflow_shade{
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
div.norm_albu_dspl div.track_wrapper div.track.highlight.even div.track_name .overflow_shade,
div.norm_list div.track_wrapper div.track.highlight.even div.track_name .overflow_shade,
div.norm_list div.track_wrapper div.track.highlight.even div.album_name .overflow_shade{
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(33,33,33,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(33,33,33,1) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(33,33,33,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#212121',GradientType=1 );
}

div.content_wrapper div.item_menu div.item.active div.overflow_shade
{
    background: -moz-linear-gradient(left,  rgba(7,63,74,0) 0%, rgba(7,63,74,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(7,63,74,0) 0%,rgba(7,63,74,1) 100%);
    background: linear-gradient(to right,  rgba(7,63,74,0) 0%,rgba(7,63,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00073f4a', endColorstr=#073f4a,GradientType=1 );
}
div.content_wrapper div.item_menu div.item:hover div.overflow_shade
{
    background: -moz-linear-gradient(left,  rgba(26,98,112,0) 0%, rgba(26,98,112,1) 30%, rgba(26,98,112,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(26,98,112,0) 0%,rgba(26,98,112,1) 30%,rgba(26,98,112,1) 100%);
    background: linear-gradient(to right,  rgba(26,98,112,0) 0%,rgba(26,98,112,1) 30%,rgba(26,98,112,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a6270', endColorstr='#1a6270',GradientType=1 );
       
}

.is_online{
    background-color: rgb(67, 214, 41);
}

div.control_container div.like{
    color: #bea200 !important;
}
div.control_container div.like:hover{
    color: #fadd35 !important;
    text-shadow: #fadd35 0px 0px 3px !important;
}

div.control_container div.like svg{
    fill: #bea200 !important;
}
div.control_container div.like:hover svg{
    fill: #fadd35 !important;
    text-shadow: #fadd35 0px 0px 3px !important;
}

div.control_container div.bookmark.bookmark_active span.mat-icon-svg.active svg{
    fill: #bea200 !important;
}
div.control_container div.bookmark.bookmark_active span.mat-icon-svg.active:hover svg{
    fill: #fadd35 !important;
    text-shadow: #fadd35 0px 0px 3px !important;
}


div.menu_wrapper div.left_menu div.item.highlight,
div.header div.user_dropdown_wrapper .item.highlight{
    color: #E8692A;
    background-color: #3d251a;
    border-color: #3d251a;
}

div.menu_wrapper div.left_menu div.item.highlight.active,
div.menu_wrapper div.left_menu div.item.highlight:hover,
div.header div.user_dropdown_wrapper .item.highlight:hover{
    border-color: #D15315;
    color: #ff8f57;
    background-color: #7a310f;
}

div.header div.user_dropdown_wrapper .item.highlight:hover svg{
    fill: #ff8f57;
}


div.menu_wrapper div.left_menu div.item.highlight{
    background-color: #240b00;
    border-color: #240b00;   
}


div.menu_wrapper div.left_menu div.item.highlight:before{
    background-color: #E8692A;
}

div.menu_wrapper div.left_menu div.item.highlight.active:before,
div.menu_wrapper div.left_menu div.item.highlight:hover:before,
div.header div.user_dropdown_wrapper .item.highlight:hover:before{
    background-color: #ff8f57;
 
}