* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    font-size: 16px;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: Inter, sans-serif;
    color: #222;
}

body {
    margin: 0;
    padding: 0 0 20px;
    min-height: 100%;
    font-family: Inter, sans-serif;
    font-size: 0.75rem;
    line-height: 1.4;
}

table, tr, td {
    border-collapse: collapse;
}

img {
    border: medium none;
}

a {
    outline: medium none;
    text-decoration: none;
    color: #3177FB;
}

a:hover {
    color: #363636;
}

.link {
    cursor: pointer;
    font-weight: 500;
    outline: medium none;
    text-decoration: none;
    color: #3177FB;
    filter: brightness(0.7);
}

.text__link--black, .text__link--black--visited {
    cursor: pointer;
}

.link:hover, .text__link--black:hover {
    color: #3177FB;
    filter: brightness(1);
    text-decoration: underline;
}

.link:visited, .text__link--black:visited, .text__link--black--visited {
    color: #3177FB;
    filter: brightness(0.9);
}

.container__login img {
    max-width: 100%;
}

h1 {
    color: black;
    font-size: 24px/2em;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 14px/1.17em;
    margin-bottom: 1em;
}

.hide {
    display: none !important;
}

.long {
    margin-bottom: 1em;
}

li {
    list-style-type: none;
}

ol, ul {
    padding-left: 0px !important;
}

fieldset {
    padding: 10px;
    width: 240px;
}

fieldset legend {
    font-size: 14px;
    font-weight: 700;
    padding: 0 1em;
}

input[type="text"]:not(.input__box), input[type="password"], textarea, select {
    border: 1px solid #CECFCA;
    padding: 0.5em;
}

body.login #header {
    position: initial;
    box-shadow: none;
}

#header {
    background-color: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
}


#links_navigation {
    float: left;
    clear: both;
    padding-left: 0 !important;
}

#links_navigation li {
    color: #777576;
    float: left;
    font-size: 12px;
    padding-right: 6px;
}

#links_navigation li.last {
    background-image: none;
    padding-right: 0;
}

#links_navigation li a {
    display: block;
    color: #777576;
}

#links_navigation li a:hover {
    color: #363636;
}

#navigation.anonymous {
    float: left;
    display: block;
    clear: both;
    margin-top: 6px;
}

#navigation.anonymous li {
    float: left;
    font-size: 16px;
    margin-left: 0;
    padding-right: 12px;
    text-transform: capitalize;
}

#navigation.anonymous li.last {
    background-image: none;
    padding-right: 0;
}

#navigation.anonymous li a {
    display: block;
    height: 24px;
}

#navigation.anonymous li.selected a {
    color: #4274C8;
    background-image: url(../images/icon/selected_border.png);
    background-position: center bottom;
    background-origin: border-box, content-box;
    background-repeat: no-repeat;

}

#navigation.anonymous li a.disabled {
    color: #EEEEEE;
    text-shadow: none;
}

body.login #header .content {
    padding-top: 0;
    padding-bottom: 0;
}

body.login #header .content .menu-container {
    padding-left: 2%;
    margin-left: 0;
    gap: 0;
    justify-content: flex-start;
    margin-top: 10px;
}

#header .content {
    display: flex;
    vertical-align: middle;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
}

#header .content .menu-container {
    display: grid;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    margin-left: 64px;
    height: fit-content;
    align-self: center;
}

#navigation {
    display: flex;
    align-items: center;
    gap: 32px;
}

#navigation li {
    font-size: 16px;
    text-transform: capitalize;
}

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

#navigation li:hover a {
    color: #3177FB;
}

#navigation li.selected {
    font-weight: 800;
}

#navigation li.selected a {
    position: relative;
    color: #3177FB;
}

#navigation li a.disabled {
    color: #EEEEEE;
    text-shadow: none;
}

#content {
    float: left;
    width: 100%;
}

.ui-widget-overlay.ui-front {
    background: #f3f3f3;
    opacity: 0.4;
}

#launcher {
    right: 0 !important;
    left: initial !important;
    bottom: 10px !important;
    margin-right: 5% !important;
}

#persistor {
    background-color: white;
    border-bottom: 1px solid #A4A39E;
    border-left: 1px solid #A4A39E;
    border-right: 1px solid #A4A39E;
    font-size: 9px;
    position: fixed;
    right: 5%;
    top: 0;

    z-index: 2;
}

#persistor li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}

#persistor li img {
    margin-top: 2px;
}

#persistor p, #persistor span {
    height: 20px;
    line-height: 20px;
}

#persistor > div > a.button {
    margin-top: -3px;
    padding: 1px;
    margin-left: 4px;
}

.toolbar_container a.button {
    margin-top: 4px;
    padding: 1px;
    margin-left: 4px;
}

#new-footer {
    clear: both;
    position: relative;
    min-height: 70px;
}

#new-footer .content {
    padding-top: 24px;
    padding-bottom: 24px;
}


#old-footer {
    clear: both;
    position: relative;
    min-height: 70px;
}

#old-footer ul {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

#old-footer li {
    float: left;
    font-size: 13px;
    margin-left: 6px;
    padding-right: 10px;
}

#old-footer li.last {
    background-image: none;
    padding-right: 0;
}

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

body.login div.content {
    width: 960px;
}

div.slate {
    float: left;
    min-height: 300px;
    padding: 24px 0;
    width: 100%;
}

div.inset {
    padding: 0;
    position: relative;
}

div.narrow {
    padding: 10px 0;
}

div.wide {
    padding: 20px 0;
}

div.inset h1 {
    color: #000000;
    height: 30px;
    line-height: 30px;
    margin: 0;
}

div.wide h1 {
    margin-bottom: 10px;
}

div.inset p {
    color: white;
    font-size: 16px;
    width: 430px;
}

div.slate p:not(.input__instruction):not(.text) {
    margin-bottom: 1em;
}

.slate h2 {
    margin-bottom: 0.5em;
}

input.text:focus {
    border: 1px solid #363636;
}

.full {
    width: 96%;
}

.medium {
    width: 50%;
}

.yearbox {
    width: 50px;
}

textarea {
    height: 12em;
}

#gnotifier {
    color: #363636;
    font-weight: 700;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

#main_toolbar {
    font-size: 9px;
}

.toolbar_container {
    clear: both;
    margin: 0 4px 6px 0;
    position: relative;
}

table.form_container label.f, table.form_no_edit label.f {
    display: block;
    font-weight: 700;
    padding: 0;
}

table.form_container td {
    padding: 8px 3px;
    vertical-align: top;
}

table.form_container td.f label, table.form_no_edit td.f label {
    padding: 0.5rem 0.5rem 0.5rem 0rem;
}

.form_container, .form_no_edit {
    margin-bottom: 12px;
    width: 100%;
}

.form_container td.f, .form_no_edit td.f {
    width: 222px;
}

table.form_no_edit tr {
    height: 3em;
}

table.form_no_edit td {
    padding-top: 0.5em;
}

.errors, .error {
    clear: both;
    color: #F03D3D;
    line-height: 16px;
    font-size: 12px;
    white-space: pre-wrap;
}

.error--spaced {
    margin-bottom: 1em;
}

#no_genres_warning.error {
    clear: none;
}

div.ch {
    background-color: black;
    border-radius: 5px 5px 5px 5px;
    color: white;
    display: none;
    font-family: Inter, sans-serif;
    font-size: 12px/1.4em;
    opacity: 0.9;
    padding: 1em;
    position: absolute;
    text-shadow: none;
    width: 365px;
}

#phoenix div.ch {
    font-family: Inter, sans-serif;
}

.pager {
    float: left;
    position: relative;
    width: 100%;
    padding: 1rem 0 0 0;
}

.pager ul {
    float: left;
}

.pager li {
    background-color: #DDEEFF;
    display: block;
    float: left;
    margin-bottom: 0;
    margin-right: 5px;
}

.pager li a {
    display: block;
    font-size: 11px;
    text-align: left;
}

.pager li a:hover {
    background-color: #BBCCDD;
}

.pager td, .preview #track_list td {
    padding: 5px;
}

.pager table, .preview #track_list table {
    width: 100%;
}

.pager th, .preview #track_list th {
    padding: 5px;
    text-align: left;
}

.pager tr.item, .preview #track_list tr.item {
    border-bottom: 1px solid #C3C4BE;
}

.pager th.order a {
    padding-right: 14px;
    position: relative;
}

.pager th.order.date_column a {
    padding-right: 0;
}

.pager th.order a.d span {
    background-position: right 0;
}

.pager th.order a.a span {
    background-position: right -20px;
}

.pager .yesno_column {
    width: 40px;
}

.pager .action_icon_column {
    width: 20px;
}

.pager .date_column {
    width: 105px;
}

.pager .currency_column {
    width: 75px;
}

.pager .text_nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.buttons {
    clear: left;
}

.buttons li {
    float: left;
    margin-right: 2px;
}

.buttons li span {
    display: block;
    padding: 0 0.5em;
}

.buttons li span.off {
    border: 1px solid transparent;
    color: #A4A39E;
}

.buttons li a {
    line-height: 26px;
}

.ui-datepicker .ui-datepicker-calendar {
    font-size: 10px;
}

.assigner {
    border: 1px solid #E8E8E8;
    display: block;
    float: left;
    height: 400px;
    list-style-type: none;
    margin: 0 10px 0 0;
    min-height: 250px;
    padding: 2px;
    width: 390px;
}

.assigner li {
    cursor: pointer;
    display: block;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 5px;
    white-space: nowrap;
}

.ac_ul {
    background-color: white;
    border: 1px solid #363636;
    display: none;
    position: absolute;
    width: 30em;
}

.ac_ul li {
    border-bottom: 1px solid #D8D7D5;
}

.ac_ul li a {
    display: block;
    padding: 4px;
}

.ac_ul li a:hover {
    background-color: red;
    color: white;
}

.ui-front.ui-autocomplete {
    z-index: 100001;
}

.ui-autocomplete {
    background-color: white;
    border: 1px solid #363636;
    display: none;
    position: absolute;
    width: 30em;
}

.ui-menu-item {
    border-bottom: 1px solid #D8D7D5;
}

.ui-menu-item a {
    display: block;
    padding: 4px;
}

.ui-menu-item a:hover {
    background-color: red;
    color: white;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    max-height: 14.5rem;
    width: 16.8125rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.clickable {
    cursor: pointer;
}

div.thumbnail {
    background-color: white;
    background-position: 4px 4px;
    border: 1px solid #D8D7D5;
    display: block;
    padding: 4px;
}

div#item_cover.medium {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: 4px -358px; /* 0,362 */
}

div#item_cover.thumbnail.large {
    padding: 0px;
}

div#item_cover.large {
    background-image: url("/images/no_image/sprite-large.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 1;
}

div#artist_image.medium_3x2 {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -359px -358px; /* 363,362 */
}

div#channel_logo.medium {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -358px; /* 363,362 */
}

div#label_logo.medium {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -358px; /* 363,362 */
}

div.thumbnail.album, div.thumbnail.release {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: 4px -531px; /* 0,535 */
}

div.thumbnail.ringtone {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: 4px -531px; /* 0,535 */
}

div.thumbnail.artist {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -359px -531px; /* 363,535 */
}

div.thumbnail.channel {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -531px; /* 900,535 */
}

div.thumbnail.label {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -531px; /* 900,535 */
}

div.small {
    height: 40px;
    width: 40px;
}

div.small_3x2 {
    height: 40px;
    width: 60px;
}

div.medium {
    height: 150px;
    width: 150px;
}

div.medium_3x2 {
    height: 150px;
    width: 225px;
}

div.medium_4x3 {
    height: 112px;
    width: 150px;
}

div.icon16 {
    height: 16px;
    width: 16px;
}

div.medium.album {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -362px; /* 0,362 */
}

div.medium.artist {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -359px -358px; /* 363,362 */
}

div.medium.label {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -358px; /* 363,362 */
}

div.medium.channel {
    background-image: url("/images/no_image/sprite.png");
    background-repeat: no-repeat;
    background-position: -896px -358px; /* 363,362 */
}

div.medium img {
    height: 140px;
    width: 140px;
}

div.medium_4x3 img {
    height: 150px;
    width: 200px;
}

div.medium_3x2 img {
    height: 150px;
    width: 225px;
}

div.large {
    height: 350px;
    width: 350px;
}

div.large img {
    height: 350px;
    width: 350px;
}

.uploadable, .uploadable img {
    cursor: pointer;
}

label {
    padding-left: 0.5em;
}

.button_holder {
    line-height: 2.6em;
}

.button_holder .button {
    margin-right: 4px;
}

#form {
    display: none;
}

#lightbox {
    background-color: black;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

#uploader {
    background-color: white;
    display: none;
    height: 300px;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
    position: fixed;
    top: 100px;
    width: 600px;
    z-index: 1001;
}

#uploader .close {
    position: absolute;
    right: 20px;
    top: 20px;
}

#dummy {
    border: 1px solid black;
    display: block;
    height: 20px;
    padding: 0;
    position: fixed;
    width: 20px;
    z-index: 999;
}

.swfupload {
    outline: medium none;
}

#uploader_form {
    text-align: center;
}


.buttons li a, .button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #CECFCA;
    border-radius: 3px 3px 3px 3px;
    color: #363636;
    cursor: pointer;
    overflow: visible;
    padding: 0.5em 0.75em;
    vertical-align: middle;
    white-space: nowrap;
}

.buttons li a:hover, .buttons li a:focus, .button:hover, .button:focus {
    border-color: #999;
    outline: 0 none;
}

.fixed {
    display: block;
    padding: 0.75em;
    text-align: center;
    white-space: normal;
    width: 170px;
}

.small {
    font-size: 9px;
    padding: 0.3em 0.5em;
}

.selected_tag {
    float: left;
}

.ac_results {
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
    padding: 0;
}

.ac_results ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ac_results li {
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
}

.ac_odd {
    background-color: #E8E8E8;
}

.ac_over {
    background-color: #363636;
    color: white;
}

.icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 16px;
}

.icon32 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    width: 32px;
}

.active-entry, .inactive-entry, a.play, a.delete, a.download, img.download, .model-icon {
    background-image: url("/images/default/sprite.png");
    background-repeat: no-repeat;
}

.active-entry {
    background-position: 0 -40px;
}

.inactive-entry {
    background-position: 0 -60px;
}

.model-icon {
    float: left;
}

.model-albums {
    background-position: -80px -19px;
}

.model-ringtones {
    background-position: -60px -19px;
}

a.play {
    background-position: -20px -40px;
}

a.delete {
    background-position: -40px -40px;
}

a.download, img.download {
    background-position: -60px -40px;
}

div.quick {
    position: absolute;
    right: 0;
    top: 0;
}

.sub_navigation {
    display: flex;
    align-items: center;
    gap: 32px;
    height: 37px;
}

.sub_navigation li {
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
}

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

.sub_navigation li:hover a {
    color: #3177FB;
}

.sub_navigation li.active a:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    background-color: rgba(49, 119, 251, 0.1);
    border-radius: 5px;
}

.sub_navigation li#sales_beta_reports a::after {
    content: url(../images/default/beta.png);
    margin-left: 4px;
    vertical-align: -15%
}

.sub_navigation li#sales_beta_reports a:hover:after {
    opacity: 0.8;
}

.tab_menu {
    display: flex;
    align-items: stretch;
    gap: 8px;
    border-bottom: 1px solid #3177fb;
    min-height: 40px;
    margin: 19px auto;
    width: 100%;
    box-sizing: border-box;
}

.tab_menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border-radius: 5px 5px 0 0;
    padding: 8px;
    border-bottom: none;
}

.tab_menu li.active {
    background-color: rgba(49, 119, 251, 0.1);
}

.tab_menu li a {
    font-size: 14px;
    text-align: center;
    color: #1e1e1e;
}

.tab_menu li:hover a {
    color: #3177fb;
}

.tab_menu li a.disabled {
    color: #D3D3D3;
}

.tab_menu.tab_menu--no-margin {
    margin-bottom: 0;
}

.break {
    clear: both;
}

.tab_content {
    clear: both;
    padding-top: 20px;
}

ul.export_list {
    background-color: white;
    border: 1px solid #C3C4BE;
    float: left;
    height: 40em;
    overflow: auto;
    width: 424px;
}

ul.export_list li.channel {
    float: left;
    height: 64px;
    width: 64px;
}

input[type=checkbox][name=channel_code] {
    margin: 5px;
}

.multicheck {
    float: left;
    margin-right: 1em;
    vertical-align: middle;
    white-space: nowrap;
}

.track_manager {
    background-color: #E8E8E8;
    height: 30em;
    position: relative;
    width: 100%;
}

#available_tracks {
    overflow: hidden;
}

#assigned_tracks {
    overflow-x: hidden;
    overflow-y: scroll;
}

#available_tracks, #assigned_tracks {
    background-color: transparent;
    height: 25em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#available_tracks li, #assigned_tracks li {
    font-size: 16px;
    margin: 0 5px 5px;
    padding: 5px;
    position: relative;
    width: 90%;
}

.track_manager div.track_panel {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 50%;
}

#assigned_tracks, #available_tracks {
    border: 2px dashed transparent;
}

#assigned_tracks.drag_start {
    border: 2px dashed lightgreen;
    width: 98%;
}

#track_manager div.track_panel h2 {
    bottom: 10px;
    position: absolute;
    width: inherit;
}

#track_manager div.track_panel h2 span {
    color: rgba(0, 0, 0, 0.3);
    font: bold 24px/45px Helvetica, Sans-Serif;
}

#track_manager div.track_panel h2 span.spacer {
    padding: 0 25px;
}

.filter {
    float: right;
}

.filter .filter_elements {
    float: left;
    text-align: right;
}

.filter .search-box {
    margin-left: 10px;
}

#context_actions {
    float: left;
    font-size: 14px;
    margin-bottom: 12px;
}

div.short_title {
    max-width: 150px;
    min-height: 1em;
    text-align: center;
    vertical-align: middle;
}

div.short_subtitle {
    height: 3em;
    max-width: 150px;
    min-height: 3em;
    position: relative;
    top: 50%;
    width: 100%;
    text-align: left;
    vertical-align: middle;
}

div.short_subtitle p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.hidden {
    visibility: hidden;
}

.none {
    display: none;
}

.modal-text-field {
    width: 800px;
}

td.big_data {
    width: 75%;
}

.auto-focused {
    background-color: red;
    color: white;
}

.auto-focused a {
    background-color: red;
    color: white;
}

.cover-get-json {
    display: flex;
}

.cover-get-json a {
    padding: 0.25rem;
    background-color: #fff;
    border: 0.0625rem solid #d7d7d7;
    border-radius: 0.25rem;
    font-family: Inter, sans-serif;
    line-height: 1;
    width: 3rem;
}

.not_displayed {
    display: none;
}

.absolute-container {
    position: relative;
}

#item_audio_actions {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#item_audio_actions div {
    display: inline;
}

#playlist_tracks li {
    float: none;
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0;
}

#playlist_tracks li img {
    margin-left: 6px;
    position: relative;
    top: 3px;
}

#player_controls img {
    margin-right: 2px;
    margin-top: 2px;
}

#player_controls {
    height: 20px;
    line-height: 20px;
}

#song_name, #song_progress {
    margin-left: 6px;
    position: relative;
    top: -4px;
}

.item_name .f span {
    vertical-align: -40%;
}

.item_name,
.item_name input {
    font-size: 1.25rem;
}

.item_name {
    font-weight: 600;
}

.item_name input {
    font-weight: 400;
    line-height: 1.05rem;
    height: 3rem;
}

ul.ui-sortable li a {
    margin-left: 1em;
}

ul.ui-sortable li span.ui-icon {
    margin-left: -0.5em;
    position: absolute;
}

.preview #metadata {
    margin-left: 362px;
}

.preview #title_metadata, .preview #track_list {
    margin-bottom: 12px;
}

.preview #track_list {
    clear: both;
}

.preview #track_list td.track_analysis {
    text-align: center;
}

.preview #track_list td.track_analysis img {
    width: 16px;
    height: 16px;
}

.preview #item_cover {
    position: relative;
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
}

.preview #display_artist {
    font-size: 14px;
}

.preview #metadata td {
    padding: 2px;
}

.preview #metadata td.f {
    text-align: left;
    width: 200px;
}

.preview #track_list th#play {
    width: 20px;
}

.preview #track_list th#track_no {
    width: 40px;
}

.preview #track_list th#lyrics, .preview #track_list th#time, .preview #track_list th#action {
    width: 50px;
}

.half-width {
    min-width: 49%;
    width: 49%;
}

.full-width {
    min-width: 100%;
    width: 100%;
}

#releases-for-cart {
    float: left;
}

#releases-for-cart .filter {
    float: none;
}

#releases-for-cart input[type="submit"] {
    display: inline;
}

.negative {
    color: red;
}

.amount {
    text-align: right;
}

div#cart,
div#admin_cart {
    float: right;
}

#cart .release-col,
#cart .channel-col,
#cart .type-col,
#cart .cost-col,
#cart .item-info {
    padding-right: 0.25rem;
    text-align: left;
}

#cart .release-col,
#cart .channel-col {
    text-align: left;
}

#cart .release-col {
    width: 38%;
}

#cart .channel-col {
    width: 35%;
}

#cart .type-col {
    width: 12%;
}

#cart .cost-col {
    width: 13%;
}

#cart .action-col {
    width: 2%;
}

/* TODO 26/01/2022: Check and may remove:
    At the moment not found #admin_cart id in the project, neither the classes scoped
*/

#admin_cart table {
    width: 100%;
}

#admin_cart table th.total {
    width: 50px;
}

#admin_cart .channel-col {
    text-align: left;
}

#admin_cart .channel_detail, #admin_cart .assign_codes_detail {
    border: 1px solid brown;
}

#admin_cart .channel_detail td {
    padding: 6px;
}

#admin_cart .channel_detail a {
    float: right;
}

#admin_cart .D_col, #admin_cart .T_col, #admin_cart .U_col, #admin_cart .ean13_col, #admin_cart .cat_no_col, #admin_cart .isrc_col, #admin_cart .upload_col {
    text-align: center;
    width: 10%;
}

#cart .item, #admin_cart .item {
    display: inline-block;
    vertical-align: middle;
}

#cart td.item-info .thumbnail, #admin_cart td.item-info .thumbnail {
    margin: 2px 6px 2px 0px;
}

.subtotal {
    background-color: grey;
    text-align: right;
}

.total {
    background-color: lightgray;
    text-align: right;
}

.grandtotal {
    background-color: whitesmoke;
    text-align: right;
}

.cost {
    text-align: right;
}

.flash ul {
    margin: 0 auto;
    padding: 6px;
    position: relative;
    width: 960px;
}

.flash .default {
    color: red;
}

.flash .error {
    color: red;
}

.flash .error:before {
    content: "ERROR: ";
}

.flash li {
    list-style-type: disc;
    margin-left: 16px;
}

.legal {
    margin: 8px 8px 8px 2em;
}

.legal h1 {
    text-align: center;
}

.legal li {
    list-style-type: decimal;
}

.legal ol {
    margin-top: 1em;
}

.legal ol.roman li {
    list-style-type: lower-roman;
}

.legal ol.latin li {
    list-style-type: lower-alpha;
}

.legal p {
    margin-top: 1em;
}

.legal dl > * {
    margin-left: 1em;
}

.legal dt {
    font-weight: 700;
}

div.legal h2 {
    margin-bottom: 0.5em;
}

div.legal h3, div.legal h4 {
    margin-bottom: 0.25em;
}

div.legal h1, div.legal h2 {
    margin-top: 1em;
}

div.legal h3, div.legal h4 {
    margin-top: 0.5em;
}

div.legal ol, div.legal ul {
    list-style-position: inside;
}

div.thumbnail a.empty {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

#channels-selector td.center {
    text-align: center;
}

#channels-selector p {
    text-align: center;
}

#channels-selector p span {
    margin: 0 1em;
}

#channels-selector p span img {
    vertical-align: middle;
}

#chart_controls > form > fieldset {
    box-sizing: border-box;
}

#chart_controls > form > fieldset > * {
    display: inline;
    position: relative;
    width: auto;
}

.chart {
    height: 400px;
    width: 100%;
}

.controls fieldset {
    width: 100%;
}

#chart_controls > form > fieldset > .controls__row {
    display: flex;
    justify-content: space-between;
}

.multi-choice {
    margin: 4px 0;
    width: auto;
}

.multi-choice ul {
    background-color: #F9FBFF;
    border: 1px solid #B9D1EE;
    display: none;
    padding: 0 4px;
    position: absolute;
}

.multi-choice li {
    color: black;
    font-size: 12px;
}

input.error {
    border: 1px solid red;
}

#albums_pager .album_title div, #albums_pager .album_genre div, #albums_pager .album_label div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#albums_pager .album_title div {
    width: 300px;
}

#albums_pager .album_genre div {
    width: 75px;
}

#albums_pager .album_label div {
    width: 100px;
}

#albums_pager .play_all > img, #artist_albums_pager .play_all > img {
    width: 20px;
    height: 20px;
}

#tracks_pager .track_title div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 450px;
}

.preview .track_title div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px;
}

.preview .track_artists div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 325px;
}

.preview .track_explicit div {
    white-space: nowrap;
}

#preview_see_errors, #export_from_preview {
    position: absolute;
    right: 0;
    top: 0;
}

.preview #item_cover #play_all {
    position: absolute;
    z-index: 100;
}

.preview #item_cover #play_all img {
    width: 35px;
    height: 35px;
}

.button.error {
    color: red;
}

.button.disabled {
    color: #D3D3D3;
}

.short_description {
    margin-left: 24px;
}

div#confirmations {
    margin-bottom: 18px;
}

th.amount, td.amount {
    text-align: right;
}

#content h2.tab_title {
    float: left;
}

ul.column {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

ul.simple.column {
    float: left;
    width: 33%;
}

ul.column li {
    line-height: 1.5em;
    border-bottom: 1px solid #ccc;
    float: left;
    display: inline;
}

.simple li {
    width: 100%;
}

/* 1 col */
.double li {
    width: 50%;
}

/* 2 col */
.triple li {
    width: 33.333%;
}

/* 3 col */
.quad li {
    width: 25%;
}

/* 4 col */
.six li {
    width: 16.666%;
}

/* 6 col */
​
    /* Fix inputs*/
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled], input[disabled] {
    cursor: default;
}

/* Pager button and pagination */
.pager-button .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

a.pager-button {
    float: left;
}

button.pager-button {
    width: auto;
    overflow: visible;
}

button.pager-button span.ui-button-text {
    padding: 0 1em !important;
}

.pager-buttonset button.pager-button {
    border: none;
}

.pager-toolbar {
    padding: .5em;
    margin: 0;
}

.pager-toolbar .pager-buttonset {
    margin-right: 1.5em;
    padding-left: 1px;
    float: left;
}

.pager-toolbar .pager-button {
    font-size: 1em
}

input.pager-input {
    border: 1px solid !important;
    text-align: center !important;
    width: 50px;
    height: 30px;
}

/* Standard label */
.std-label {
    margin: 0 4px 0 0;
    padding: .4em 1em;
    float: left;
    position: relative;
}

.std-label {
    font-size: 0.75rem;
    font-weight: 400;
}

.std-label {
    height: 1.75rem;
}

/* Standard selector */
.std-selector.ui-state-default:not(.input__box--disabled), .std-selector.ui-widget-content .ui-state-default, .std-selector.ui-widget-header .ui-state-default {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CECFCA;
}

/* Standard inputs */
input.std-input:not('.pager-input'),
.std-input:not('.pager-input') {
    margin: 0 4px 0 0;
    padding: .4em 1em;
    position: relative;
    font-size: 0.75rem;
    font-weight: 400;
    height: 1.75rem;
    min-width: 180px;
    border: 1px solid #CECFCA;
}

input.std-input:focus:not(.input__box),
.std-input:focus:not(.input__box),
textarea:focus:not(.input__box) {
    border: 1px solid #000;
}

.jquery-render-selector:not(#date_filter_type_rendered) {
    min-width: 180px;
}

.jquery-render-selector.std-selector.ui-state-default {
    float: left;
    cursor: pointer;
    margin: 0 4px 0 0;
}

textarea:focus-visible {
    outline: none;
}

.std-input-icon {
    float: left;
    display: none;
    font-family: Inter, sans-serif;
    cursor: pointer;
    color: #38468F;
    font-weight: 700;
    position: relative;
    height: 20px;
    left: -18px;
}

.std-input-icon:hover {
    color: #ccc;
}

.std-textfield {
    position: relative;
    font: inherit;
    color: inherit;
    text-align: left !important;
    outline: none !important;
    cursor: text !important;
}

.std-textfield:not(.pager-input):not(.input__box) {
    margin: 0 4px 0 0;
    padding: .4em 1em;
    min-width: 180px;
    border: 1px solid #CECFCA;
}

​
input.std-input .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

.std-input.ui-state-default, .std-input.ui-widget-content .ui-state-default, .std-input.ui-widget-header .ui-state-default {
    color: #000000;
}

.std-input.ui-state-default a, .std-input.ui-state-default a:link, .std-input.ui-state-default a:visited {
    color: #000000;
    text-decoration: none;
}

/* UI button */
.ui-button {
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
    font-size: 1em !important;
    font-weight: 600;
    min-height: 1.75rem;
    display: flex;
    justify-content: center;
    background-color: #3177FB;
    color: #FFFFFF;
    border: 2px solid;
}

/* UI button - in Catalog Preview and Distribute, in ReleaseErrorsDialog modal, in Channels Selector modal */
.ui-button--distribute.ui-button.ui-widget,
.ui-button--takedown.ui-button.ui-widget,
.ui-button--update.ui-button.ui-widget,
.ui-button--close.ui-button.ui-widget {
    margin: 0 0 0 0.5rem;
    padding: 0.625rem 0.9375rem;
    border-radius: 0.1875rem;
    color: #fff !important;
    font-size: 0.9375rem !important;
    font-weight: 600;
}

/* Hover buttons */
.ui-button--distribute.ui-button.ui-widget:hover,
.ui-button--takedown.ui-button.ui-widget:hover,
.ui-button--close.ui-button.ui-widget:hover,
.ui-button.ui-corner-all:not(.button).ui-widget:hover,
.validate_release:hover,
.validate_release.warning:hover,
#see_errors.info.ui-button.ui-corner-all.ui-widget:hover,
#distributeSelected.ui-button:hover {
    opacity: 0.8;
}

/* UI button disabled in Catalog Preview & Distribute */
.ui-button--distribute.ui-button.ui-widget[disabled] {
    color: #b8babd !important;
    background-color: #e8e8e8;
    border: 0.0625rem solid #e8e8e8;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
    transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
}

/* UI distribute button disabled in Catalog Distribute */
.ui-button.ui-corner-all.ui-widget[disabled]:not(.button__primary) {
    color: #b8babd;
    background-color: #e8e8e8;
    border: 0.0625rem solid #e8e8e8;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
    transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
}

/* UI distribute button disabled in Catalog Distribute,
    validate_release button disabled in QC,
    UI see_errors button disabled in current orders,
    <a> button empty_order disabled in current orders,
    UI distributeSelected button disabled in create export
*/
.ui-button.ui-corner-all.ui-widget[disabled]:not(.button__primary),
.validate_release[disabled],
.validate_release.warning[disabled],
#see_errors.info.ui-button.ui-corner-all.ui-widget[disabled],
a#empty_order.disabled,
#distributeSelected.ui-button[disabled] {
    color: #b8babd !important;
    background-color: #e8e8e8 !important;
    border: 0.0625rem solid #e8e8e8 !important;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
    transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
}

a#empty_order.disabled {
    cursor: none;
}

/* Standard button */

.std-button {
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative;
    text-align: center;
    zoom: 1;
}

button.ui-state-default,
a#empty_order {
    font-weight: 600;
}

.std-button .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

button.std-button {
    width: auto;
    overflow: visible;
}

.std-button-icon-left {
    font-weight: 600;
    padding-left: 1.25rem;
}

.std-button-icon-right {
    font-weight: 600;
    padding-right: 1.25rem;
}

.std-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
}

.std-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
}

.std-button-icon-solo {
    display: block;
    width: 8px;
    text-indent: -9999px;
}

/* solo icon buttons must have block properties for the text-indent to work */

.std-buttonset {
    float: left;
}

.std-buttonset .std-button {
    float: right;
}

.std-buttonset a.std-button {
    font-weight: 600;
    float: right;
}

.std-buttonset-single .std-button,
.std-buttonset-multi .std-button {
    margin-right: -1px;
}

.std-buttonset-multi input.std-input {
    margin-right: -1px;
    height: 1.4em;
}

.std-toolbar {
    padding: .5em;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.std-toolbar .std-buttonset {
    margin-right: 1.5em;
    padding-left: 1px;
}

.std-toolbar .std-button {
    font-size: 1em;
    font-weight: 600;
}

.std-toolbar input.std-input {
    font-size: 1em;
    font-weight: 400;
}

/* buttonsets */
.list_actions {
    float: right;
    margin-right: 0 !important;
}

.searchByRange_box {
    padding: 0 !important;
    margin: 0 !important;
}

.searchByRange_options * {
    display: inline-block;
}

.searchByRange_box .std-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.searchByRange_box .std-label {
    float: none;
}

.pager-buttonset {
    padding: 0 !important;
    margin: 0 !important;
}

/* Borderless */
input.borderless {
    border: 0;
}


.ui-icon-alternate {
    background-image: url(../images/icon/ui-icons_fafafa_256x240.png) !important;
}

/* Button icons*/
button.create span.ui-icon {
    background-image: url(../images/icon/ui-icons_fafafa_256x240.png) !important;
}

button.upload span.ui-icon {
    background-image: url(../images/icon/iconSweets-Misc16x16_fafafa.png) !important;
}

button.add span.ui-icon {
    background-image: url(../images/icon/ui-icons_fafafa_256x240.png) !important;
}

/* Display Options Icons */
.ui-icon-coverlist, .ui-icon-covers {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon/iconSweets-Display-Options16x16_a7a7a7.png) !important;
}

.ui-icon-covers {
    background-position: -2px -58px;
}

.ui-icon-coverlist {
    background-position: -180px 0;
}

/* Misc Icons */

.ui-icon-magnifying-glass {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon/iconSweets-Misc-16x16.png) !important;
}

.ui-icon-magnifying-glass {
    background-position: -4px -6px;
}

.ui-icon-upload {
    background-position: -63px -65px;
}

/*pickers*/
#picker {
    position: absolute;
    left: 250px;
    top: auto;
    width: 200px;
}

div.month-picker {
    z-index: 100000 !important;
    width: 10.36rem;
}

table.month-picker-year-table .year-title,
table.month-picker-year-table .year {
    font-family: Inter, sans-serif;
    font-size: 0.875rem;
    margin: 0 0.5rem;
}

/*Farbtastic styles*/
.farbtastic {
    position: relative;
    background: #555;
    border: 1px solid #aaa;
    top: 1px;
    left: 0;
    z-index: 99999;
}

/* Advanced search*/

.advanced-search-options {
    border: 1px solid #B9D1EE;
    background-color: #F9FBFF;
    padding: 0.4em;
    margin-top: 1.75rem;
    z-index: 10;
}

/* Date selector */
.hasDatepicker {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 6.5em
}

.empty_listing {
    margin: 1em;
    font-size: 1.25em;
    text-align: center
}

#audio_uploading_notice, #confirmations table tr:first-child, .highlight {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
    font-weight: 700;
}

#audio_uploading_error {
    padding: 8px 14px;
    background-color: #fcf8e3;
    border: 1px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: red;
}

#audio_uploading_error li:before {
    content: "ERROR: ";
}

img.previous, img.next, img.stop, img.play, img.pause, img.close_track, img.open_player, img.close_player,
img.open_uploader, img.close_uploader, img.print, img.warning {
    background-image: url("/images/default/sprite.png");
    background-repeat: no-repeat;
}

img.previous {
    background-position: 0 0;
}

img.next {
    background-position: -80px 0;
}

img.stop {
    background-position: -20px 0;
}

img.play {
    background-position: -40px 0;
}

img.pause {
    background-position: -60px 0;
}

img.open_player {
    background-position: -100px 0;
}

img.close_player {
    background-position: -100px -20px;
}


img.open_uploader {
    background-position: -120px 0;
}

img.close_uploader {
    background-position: -120px -20px;
}

img.close_track {
    background-position: -140px 0;
}

img.print {
    background-position: -80px -40px;
}

img.warning {
    background-position: -120px -40px;
}

.ui-download-box {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 3px;
    top: 6px;
    background-color: white;
    padding: 4px;
    cursor: pointer;
    z-index: 100;
}

.ui-download-box:hover {
    background-color: #f0f0f0;
}

.ui-download-box > img {
    height: 18px !important;
    width: 20px !important;
    background-position: 44% 70%;
}

.ui-download-box > img:hover {
    opacity: 0.2;
}

#channel_pricing_info th {
    text-align: left;
}

#channel_pricing_info td {
    padding: 6px 0 6px 6px;
}

#channel_pricing_info table {
    margin-bottom: 12px;
}

#users_pager td.payable {
    font-weight: 700;
}

#ad_on_service_reports {
    padding-bottom: 3rem;
}

.add_on_reports_card {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    padding: 1.5rem;
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.add_on_reports_card_body {
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    flex-flow: column;
}

.add_on_reports_card img {
    width: 3rem;
}

#tenant_free_reports {
    margin-top: 5rem;
}

ul#tenant_free_reports_list {
    padding-bottom: 5rem;
}

ul#tenant_free_reports_list li {
    list-style-position: inside;
    list-style-type: disc;
}

.balance_summary, #balance_details, #balance_details table {
    width: 100%;
}

.balance_summary, #balance_details {
    padding: 0 6px 6px 0;
    font-size: 1.25em;
}

#balance_details table {
    border: 1px solid #C3C4BE;
    margin-bottom: 6px;
}

#balance_details table td {
    padding: 6px;
    text-align: right;
}

#balance_details table .total_pending {
    border-top: 1px solid #C3C4BE;
}

#balance_details_toggle {
    float: right;
}

#release_and_tag_info {
    float: right;
    font-size: 75%;
}

.item_action {
    white-space: nowrap;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

#sales_confirmation_info .escrow {
    color: red;
}

.h_inactive {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

#analytics-channel-list {
    padding-top: 20px;
}

#metadata_qc_actions {
    margin-bottom: 15px;
}

#metadata_qc_actions a.std-button {
    font-weight: 600;
}

.badge-warning, .qc_draft, .qc_client_action_required, .qc_client_documentation_required {
    padding: 0.125rem 0.5rem;
    border-radius: 500px;
    font-weight: 500;
    text-transform: capitalize;
    color: #FFA000;
    background-color: #FFF6E5;
    border: 1px solid #FFA000;
}

.badge-info, .qc_under_review, .qc_pending {
    padding: 0.125rem 0.5rem;
    border-radius: 500px;
    font-weight: 500;
    text-transform: capitalize;
    color: #002A9D;
    background-color: #DBE5FF;
    border: 1px solid #002A9D;

}

.badge-success, .qc_approved {
    padding: 0.125rem 0.5rem;
    border-radius: 500px;
    font-weight: 500;
    text-transform: capitalize;
    color: #2E7D39;
    background-color: #E5F5E7;
    border: 1px solid #2E7D39;

}

.badge-error, .qc_rejected {
    padding: 0.125rem 0.5rem;
    border-radius: 500px;
    font-weight: 500;
    text-transform: capitalize;
    color: #B3261E;
    background-color: #FBE6E5;
    border: 1px solid #B3261E;

}