*    { 
	font-family: Arial; 
	font-size: 9.0pt; 
	border-radius: 0;
}
html, body, h1, h2, h3, p, ol, ul, li, a { 
	padding: 0; border: 0; margin: 0; 
}
body { 
	margin:0; 
	padding:0; 
	background-color:#fff; 
	width:100%; 
	color: rgba(0,0,0,0.7) !important;
}
form { margin:0; padding: 0; }
img  { margin:0; border-style:none }
em { font-style:italic }
h1 { 
	font-weight: bold; 
	font-size: 15pt !important;
}
h1:first-child { 
	margin-top: 0px;
}
h2 { 
	font-size: 14pt !important;
	text-transform: uppercase
}
h2:first-child { 
	margin-top: 0px;
}
h3 { 
	font-weight: bold; 
	font-size: 14px;
}
h3:first-child { 
	margin-top: 0px;
}
b { 
	font-size: inherit;
}

a {
	color: rgba(0,0,0,0.85);
	font-size: 1.0em;
	text-decoration: none;
}
a:hover {
	text-decoration: underline !important;
}
div.panel a, 
div.panel i.link { 
	color: rgba(0,0,0,0.8) !important; 
	text-decoration: none !important; 
}
div.panel a:hover, 
div.panel i.link:hover { 
	color: rgba(0,0,0,0.7) !important;
}
a.darker { 
	color: #6D6D6D; 
}
a.selected { 
	color: rgba(0,0,0,0.8); 
	font-weight: bold; 
}
textarea { 
	resize: none !important; 
}
td						{ 
	color: rgba(0,0,0,0.7); 
}

input, select, textarea {
	border: 1px solid #aaa;
	border-radius: 0px 0px 0px 0px !important;
	color: #555;
	padding: 0 0.3em;
	display: inline-block;
	line-height: normal;
	resize: none;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-appearance: none;
}
textarea::placeholder,
input::placeholder {
	color: rgba(0,0,0,0.3) !important;
}
input,
select {
	height: 24px;
}
select {
	background: rgba(0,0,0,.04);
}

select:hover:enabled,
button:hover:enabled,
[type=button]:hover:enabled,
[type=submit]:hover:enabled {
	background: rgba(0,0,0,0.16);
	color: #333;
}
button.disabled:hover,
input.disabled[type=button]:hover,
input.disabled[type=submit]:hover {
	cursor: default;
}

[type=checkbox] {	/* Sonst gibt es keine Checkboxen! */
	-webkit-appearance: auto;
	height: 1.0em;
	width: 1.3em;
}

span.mytooltip {
   position: absolute;
   background: rgba(60,60,60,0.9);
	 color: rgba(255,255,255,0.85);
	 font-size: 0.9em;
   padding: 5px;
	 white-space: pre-wrap;
}

/*
	"Disable" AutoFill for Safari
	https://stackoverflow.com/questions/22661977/disabling-safari-autofill-on-usernames-and-passwords
	https://gist.github.com/jeroenvisser101/9254cf27df85cf1c853aee17e4b49766
*/
/*
input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	height: 0;
	width: 0;
	margin: 0;
}
*/

/* taostr */
#toast-container > div {
	opacity: .9 !important;
	width: 350px !important;
}
.toast-position-custom {
	top: 5px;
	right: 50%;
	margin-right: -455px;
}
div.toast-title {
	font-size: 11pt;
}
div.toast-message {
	font-size: 10pt;
}

/* jQuery UI-Stuff */

.ui-widget-overlay {
	/* Modal dialog background */
  opacity: 0.5 !important;
	filter: Alpha(Opacity=50) !important;
  background-color: rgb(0,0,0) !important;
}
.hidden				{ display: none; }
.input     		{ 
	width:100%; 
	background: rgba(255,255,255,1.0); 
	color: rgba(0,0,0,0.65); 
	border: 1px solid #ced4da; 
}
.textbox	 		{ width:100%; background: #e9e9e9; color:#7f7f7f; }
.select    		{ background: #e9e9e9; }
.select1   		{ background: #e9e9e9; padding: 3px; }
.select2   		{ background: #e9e9e9; border: 1px solid #ccc; padding: 3px; margin: 0px; }
.button1   		{ width:100%; color: #f0f0f0; background:#7f7f7f; border: 0px solid #666; }
.button2   		{ width:100%; color: #7f7f7f; background:#e9e9e9; border: 0px solid #666; }
.button3   		{ width:13%;  color: #f0f0f0; background:#7f7f7f; border: 0px solid #666; }
.buttondisabled { color: #989898; }
.buttonlink		{ border:0px solid red; padding-left:20px; padding-right:20px; padding-top:4px; padding-bottom:4px; }
.xtext      		{ background: #e9e9e9; color:#7f7f7f; padding:5px; }
.error     		{ color: rgba(200,10,10,1.0);  font-weight: bold; font-size:9pt; }
.info      		{ color: rgba(10,150,10,1.0);  font-weight: bold; font-size:9pt; }
.subtitle  		{ 
	color:rgba(0,0,0,0.6); 
	font-size:1.3em; 
	border-bottom: 1px solid rgba(0,0,0,0.2); 
	margin-bottom: 6px; 
	text-align:left; 
}
.subtitle.box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.poptitle  		{ color:rgba(0,0,0,0.6); font-size:1.3em; border-bottom:1px solid rgba(0,0,0,0.2); margin-bottom:5px; }
.invoicetitle	{ color:rgba(0,0,0,0.6); font-size:1.1em; margin-bottom:5px; }
.line	 				{ border-top: 1px solid #666; }
.style40   		{ color:#7f7f7f; font-size:14px }
.style60   		{ color:#7f7f7f; font-size:16px }
.justify   		{ text-align:justify; }
.left      		{ text-align:left; }
.th				 		{ 
	color: #444; 
	background:#c0c0c0; 
	font-weight:normal; 
	text-align:center; 
	padding: 0.25em;
}
.th a					{ 
	color: rgba(0,0,0,0.6) !important; 
	font-weight: bold; 
}
.td				 		{ 
	font-weight:normal; 
	height:26px; 
}
.sort      		{ color: #f0f0f0; }
.contract  		{ border: 0px solid #666; background: white; color: #7f7f7f; margin-top:10px;margin-bottom:0px; }
.noborder			{ border: 0px solid #000; }

.container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.container hr.after-audio {
	padding: 0;
	margin: 0;
}

.button { 
	height: unset !important;
	color: #444;
	background-color: #c0c0c0;
	border: 1px solid #999999;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: .4em 1.2em;
}
.button:hover {
	background: rgb(200,200,200);
}
.buttonBlue {
	height: unset !important;
  color: white;
  background-color: #4d94d7;
  border: 1px solid #317ac2;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d94d7', EndColorStr='#4d94d7');
  background-image: -moz-linear-gradient(top, #4d94d7, #4d94d7);
  background-image: -ms-linear-gradient(top, #4d94d7, #4d94d7);
  background-image: -o-linear-gradient(top, #4d94d7, #4d94d7);
  background-image: -webkit-gradient( linear, center top, center bottom, from(#4d94d7), to(#4d94d7));
  background-image: linear-gradient(top, #4d94d7, #4d94d7);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 15px;
  text-shadow: #317ac2 0px 1px 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}

.buttonBlue:hover {
  color: white;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1b5bb9', EndColorStr='#1b5bb9');
  background-image: -moz-linear-gradient(top, #1b5bb9, #1b5bb9);
  background-image: -ms-linear-gradient(top, #1b5bb9, #1b5bb9);
  background-image: -o-linear-gradient(top, #1b5bb9, #1b5bb9);
  background-image: -webkit-gradient( linear, center top, center bottom, from(#1b5bb9), to(#1b5bb9));
  background-image: -webkit-linear-gradient(top, #1b5bb9, #1b5bb9);
  background-image: linear-gradient(top, #1b5bb9, #1b5bb9);
}

.slider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0px !important;
	box-shadow: 0 0 0 2px #777, 0 0 4px #777;
	cursor: pointer;
	border: 4px solid transparent;
	overflow: hidden;
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	content: '';
	width: 11px;
	height: 100%;
	background: #777;
	border-radius: 0px;
	transform: translateX(-15px);
	transition: 0.4s;
}
input:checked + .slider {
	box-shadow: 0 0 0 2px #007bff, 0 0 2px #007bff;
}
input:checked + .slider:before {
	transform: translateX(4px);
	background: #007bff;
}

table.data  	{ 
}
table.data td.label	{
	text-align: right;
	padding: 0 0.5em 0 0;
}
table.data td.data	{ 
}
table.data input.data,
table.data select.data { 
	background: rgba(255,255,255,1.0);
	border: 1px solid #ced4da;
	padding: 0 0.3em;
}
table.data input[type=button] {
	width: 100%;
	height: 2.5em;
}

table.grid {
	border-collapse: collapse;
}
table.grid tr:nth-child(even) {
	background: rgba(0,0,0,0.03);
}
table.grid.release-list tr {
	background: transparent;
}
table.grid.release-list tr.alter {
	background: rgba(0,0,0,0.03);
}
table.grid tr {
	border-bottom: 1px solid #bbb;
}
table.grid td {
	padding: 2px 0px 2px 2px;
}
table.grid td.data {
	border: 1px solid #bbb;
}
table.grid th.data {
	border: 1px solid #999;
}
table.grid.listheader {
	 margin: 0px auto; 
	 margin-bottom: 3px;
	 width: 100%;
	 table-layout: fixed;
}
table.grid.listheader tr {
	background: transparent;
}
table.grid.listheader td {
	padding-bottom: 0.1em;
}
div.search a ,
table.grid.listheader td a {
	height: 24px;
	margin-top: -2px;
}
div.search a i,
table.grid.listheader td a i {
	margin-top: 0.25em;
}

div.search {
	text-align: right;
	margin-bottom: 0.35em;
}
div.search input {
	width: 200px;
}

.grid .header th, .grid thead {
	text-align: left;
	color: rgba(0,0,0,0.55);
	background-color: #c0c0c0;
	border: 0;
	padding: 0.3em;
	border: 0px solid red;
}
table.grid th a {
	color: rgba(0,0,0,0.7);
}
table.grid th a:hover {
	color: rgba(0,0,0,0.7) !important;
}
table.grid.data {
	table-layout: fixed;
}
table.grid.data td {
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.grid.data td.high {
	background: rgba(0,0,0,0.12);
}
table.grid.data div.action-panel .btn-xs + .btn-xs {
	margin-left: 0.1em;
}

table tr.not-mine td {
	opacity: 0.8;
}

/* Bootstrap modal popup */
div.modal-backdrop.show {
	opacity: .7 !important;
}
div.modal-header {
	padding: 0.5rem 1.0rem;
}
div.modal-header h5 {
	font-size: 1.5em;
}
div.modal-content div {
	font-size: 1.05em;
}
div.modal-content .close span {
	font-size: 1.5em;
}
#sharesModal div.modal-dialog {
	margin-top: 20%;
}

#Menu {
	padding: 0.3em 0 0 0;
}
#Menu table {
	width: 913px;
}
#Submenu table { 
	max-width: 913px;
	min-width: 780px;
}
#Menu table td {
	width: 20%;
}
#Menu table td + td,
#Submenu table td + td {	
	border-left: 2px solid white;
}
#Submenu.submenu-3 table { /* Sales */
	min-width: 500px;
}
#Submenu.submenu-3 table td { /* My Music */
	width: 50%;
}
#Submenu.submenu-4 table td { /* Sales */
	width: 20%;
}
#Menu td,
#Submenu td	{ 
	font-size: 1.3em;
}
#Menu td	a,
#Submenu td	a	{ 
	font-size: 1.0em; padding: 0; line-height: 140%; text-decoration: none; 
}
#Menu td a:hover,
#Submenu td	a:hover	{ 
	color: rgba(0,0,0,0.7);
}

.menudef 			{ background: rgba(0,0,0,0.15); }
.menudef a		{ color: rgba(0,0,0,0.5); }
.menusel 			{ background: rgba(0,0,0,0.4); }
.menusel a		{ color: rgba(255,255,255,0.9); }

#Popup     		{ margin: 10px; border: 0px solid gray; text-align:left; }
#Popup .text  { background: white; color: #7f7f7f; }
#Popup .input { background: white: color: #7f7f7f; width:30%; }

#PageDiv   		{ text-align:center; }

#Content   		{ margin: 1.0em 0 0 0; border: 0px solid gray; }
#Contact   		{ margin: 10px; border: 0px solid gray; text-align:left; }
#Contact .td 	{ background: #fff; color: #7f7f7f; }

#Calendar  		{ margin: 0px; border: 0px solid gray; text-align:left; }
#Calendar td	{ font-size: 11pt; }
#Calendar .a1 { font-size: 11pt; color: #7f7f7f; xbackground:#e9e9e9; }	/* Im Bereich */
#Calendar .a2 { font-size: 11pt; color: #f0f0f0; xbackground:#7f7f7f; }	/* Markierter Tag */

#Contact .td 	{ background: #fff; color: #7f7f7f; }

#PopupFrame table.release-dists, 
#PopupFrame table.release-tracks {
	table-layout: fixed;
}
#PopupFrame table.release-dists th,
#PopupFrame table.release-tracks th {
	font-weight: bold;
	padding: 0.2em !important;
}
#PopupFrame table.release-dists td,
#PopupFrame table.release-tracks td {
	padding: 0.2em !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#CountryPop  	{ 
}
table.country-popup div.bar {
	background: rgba(255,255,255,1.0);
}
table.country-popup td {
	position: relative;
}
table.country-popup td.bar-cell {
	background: rgba(0,0,0,0.3);
}
table.country-popup td.bg {
	background: rgba(255,255,255,1.0);
}
table.country-popup td.item {
	border-top: 1px solid rgba(0,0,0,0.3);
}
table.country-popup div.value {
	font-size: 0.75em;
	color: rgba(0,0,0,0.7);
}
table.country-popup div.country {
	font-size: 0.80em;
	color: rgba(0,0,0,0.7);
}
table.country-popup div.region	{ 
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 50%;
}
table.country-popup div.region div	{ 
	position: relative;
	text-align: left;
	white-space: nowrap;
	font-size: 8pt;
	color: rgba(0,0,0,.25);
	transform-origin: left;
	transform: rotate(-0.25turn);
	overflow: clip;
}

table.login td {
}

div.panel {
	box-sizing: border-box;
	width: 913px;
	margin: 0 auto;
	padding: 0.5em;
	background: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.1);
}
div.subpanel {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.panel table,
div.subpanel table {
	border-collapse: collapse;
}
div.panel td,
div.subpanel td {
	background-color: transparent;
}
div.panel + div.panel {
	margin-top: 0.5em;
}
div.panel i {
	font-size: 1.1em;
}
div.subpanel table th {
	padding: 0.35em 0.2em;
}
div.subpanel table td {
}

div.month-navi,
div.year-navi {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
div.month-navi div,
div.year-navi div {
	font-size: 1.1em;
	color: rgba(0,0,0,0.7);
}
div.month-navi div:nth-child(2) {
	width: 8.2em;
}
div.year-navi div:nth-child(2) {
	width: 4.5em;
}
div.panel table.releases div i,
div.panel.daily div i,
table.contracts td i,
table.releases td i {
	font-size: 1.4em;
	cursor: pointer;
}

div.panel.sales-overview div.navi {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 0.5em 0;
}

div.find-navi {
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 5px;
	margin-bottom: 0.2em;
}
div.find-navi input {
	width: 7em;
	font-size: 1.1em;
	color: rgba(0,0,0,0.6);
}
div.find-navi input[type=text],
div.find-navi select {
	width: 200px;
}

/* Sales Overview */
div.panel.sales-overview table.grid td.volume {
	font-size: 0.95em;
}
/* Sales Detailed */
div.panel.sales-detailed {
	line-height: 1.2;
}
div.panel.sales-detailed table.grid td:nth-child(1) {
	padding-right: .4em;
}
div.panel.sales-detailed table.grid td:nth-child(2) {
	padding-left: 0.4em;
}
div.panel.sales-detailed table.grid td.tracks {
	color: rgba(0,0,0,0.6);
}
div.panel.sales-detailed table.grid td.tracks a:hover {
	border-bottom: 1px dotted rgba(0,0,0,0.8);
}
div.panel.sales-detailed table.grid td.tracks a i {
	font-size: 1.0em;
	opacity: 0.8;
}
div.panel.sales-detailed table.grid div.boxOuter {
	/* Box Sales/Streams/Artists */
	width: 99.5%; 
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	align-items: flex-start; 
	padding-top: .2em;
	border: 0px solid red;
	background: rgb(255,255,255);
}
div.panel.sales-detailed table.grid div.boxInner {
	/* Spalte links und rechts */
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	border: 0px solid blue;
}
div.panel.sales-detailed table.grid div.boxInner.cols1 {
	width: 99%;
}
div.panel.sales-detailed table.grid div.boxInner.cols2 {
	width: 49%;
}
div.panel.sales-detailed table.grid div.boxInner.cols3 {
	width: 32%;
}
div.panel.sales-detailed table.grid div.box {
	/* Ein Datensatz (eine Zeile in der Spalte) */
	border: 0px solid red;
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	align-items: center; 
	width: 100%;
}
div.panel.sales-detailed table.grid div.main,
div.panel.sales-detailed table.grid div.total {
	font-weight: bold;
	color: rgba(0,0,0,.7);
}
div.panel.sales-detailed table.grid div.box + div {
	border-top: 1px solid rgba(0,0,0,.05);
}
div.panel.sales-detailed table.grid div.box:nth-child(odd) {
	background: rgba(100,100,100,.07);
}
div.panel.sales-detailed table.grid div.box > div {
	/* Die Werte in einer Zeile */
	border: 0px solid blue;
	padding: .15em .2em;
}
div.panel.sales-detailed table.grid div.box.track > div:nth-child(1) {
	/* Link + Title */
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}
div.panel.sales-detailed table.grid div.box.track > div:nth-child(1) span {
	display: inline-block;
	min-width: 1.5em;
}
div.panel.sales-detailed table.grid div.box.track > div:nth-child(2) {
	/* Track: Title */
	text-align: right;
}
div.panel.sales-detailed table.grid div.box.artist > div:nth-child(1) {
	/* Artist: Name */
	width: 69.8%;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}
div.panel.sales-detailed table.grid div.box.artist > div:nth-child(2) {
	/* Artist: Volume */
	width: 30%; 
	text-align: right;
}
/* Sales Payout */
div.panel.sales-payout td,
div.panel.payout-history td {
	padding: 0;
}
div.panel.sales-payout td:nth-child(2) {
	padding-right: 17%;
}
div.panel.sales-payout tr.sum td {
	background: rgba(0,0,0,0.08);
	color: rgba(0,0,0,0.5);
}

div.release-details table th,
div.release-details table td {
	height: auto;
}

div.pager {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 0.4em 0;
}
div.pager div {
	color: #7f7f7f;
}
div.pager div.navi {
	text-align: center;
	min-width: 2.0em;
	min-height: 1.20em;
}
#Popup div.pager div.navi {
	padding: 0.2em 0;
}
div.pager div.navi i {
	font-size: 1.2em;
}
div.pager div.navi.selected {
	background: rgba(0,0,0,0.15);
}
div.pager div.navi {
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
div.pager div.navi {
	border-left: 1px solid rgba(0,0,0,0.15);
}
div.pager div.navi:hover {
	background: rgba(0,0,0,0.07);
}
div.pager div.navi:last-child {
	border-right: 1px solid rgba(0,0,0,0.15);
}

.inputbox {
  z-index: 100;
  visibility: hidden;
  position: absolute;
  border: 1px solid #aaa;
  height: 277px;
  /* width wird automatisch aus attached Eingabefeld ermittelt */
}

.dunkel {
	background-color:#000;
	-ms-filter: "Alpha(Opacity=50)"; 	/* IE 8 */
	filter:alpha(opacity=50); 				/* IE5-7 */
	-moz-opacity: 0.50; 							/* Mozilla */
	opacity: 0.50;
}

/* bootstrap */
div.col-right div.input-group-prepend:first-child  {
	padding-left: 2.0em;
}
div.panel.track div.input-group-prepend {
	width: 25%;
}
div.panel.release div.input-group-prepend {
	width: 30%;
}
div.input-group-prepend.input-group-prepend-trash {
	width: 7%;
}
.input-group-text {
	border: 0px !important;
	background-color: transparent !important;
	font-size: 1.0em !important;
}
.form-control {
	font-size: 1.0em !important;
}

.btn {
	text-transform: uppercase;
}
.btn-group-sm > .btn, .btn-sm {
	font-size: 1.0em !important;
}

.btn-default {
	color: rgba(0,0,0,0.75) !important;
	border-color: #ccc !important;
}
.btn-default:hover:enabled {
	color: #333 !important;
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
}

.btn.disabled, .btn:disabled {
	opacity: .50 !important;
}

.btn-xs, .btn-group-xs > .btn {
	padding: 1px 5px !important;
}
.btn-xs.reltype {
	padding: 1px 2px !important;
}

.input-group-append > .btn-group > .btn {
	padding-top: 0;
	padding-bottom: 0;
}

/* Audio-Waveform/Player-Panel */
.AudioPanel {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-top: 1px solid rgba(0,0,0,0.2);
	margin: 0.3em 0;
}
.AudioPanel td:nth-child(1) {
	padding-right: 0.3em;
}
.AudioPanel td:nth-child(3) {
	padding-left: 0.3em;
}
.waveupload {
	height: 50px;
	width: 100%;
	margin-top: 3px;
	border: 0px solid black;
}

.btn-lg-pt {
	height: 3.3em;
	width: 3.3em;
}
.btn-lg-pt i {
	font-size: 1.15rem;
	line-height: 2;
}

/* Sales Overview */
table.grid.sales-overview {
}
table.grid.sales-overview tr {
}
table.grid.sales-overview th {
	height: 22px;
}
table.grid.sales-overview td {
	height: 21px;
	padding: 0 .3em;
}

/* Releases */
#radioBtn .notActive {
	color: #01579b;
	background-color: #fff;
}
textarea.sleevenotes {
	height: 207px !important;
}
div.maskedetails div.left .has-search {
	margin-bottom: 0.37em;
}
div.maskedetails div.left .input-custom-color-grey {
	background-color: rgba(0,0,0,0.1) !important;
}
div.at-select div.input-group-prepend {
	width: 3.7em;
}
div.audio-switch {
}
div.audio-switch .switch {
	display: inline-block;
	width: 30px;
	height: 15px;
	/* margin: 8px; */
	/* transform: translateY(50%); */
	position: relative;
}
div.audio-switch .switch input {
	display: none;
}

.grid th, .gridrel th {
	background-color: #c0c0c0;
	padding: 2px 2px;
}

/* releases.php design */
table.gridrel {
	width:100%; 
	table-layout: fixed; 
	margin:0; 
	border-collapse:collapse;	
}
table.gridrel tbody {
}
table.gridrel .tr1:hover,
table.gridrel .tr2:hover {
  background: #e0f2fa;
}
table.gridrel tr {
}
table.gridrel td,
table.gridrel th {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
  border-bottom: 1px solid rgb(190,190,190);
}
table.gridrel td {
}
table.gridrel div.waveFormBox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 15px;
}
table.gridrel div.waveFormBox > div {
}
div.waveFormBox button.playTrack {
}
div.waveFormBox button.playTrack i {
	font-size: 1.0em;
}
div.showAudioBtnInCol button i {
	color: rgba(0,0,0,0.7);
}
div.audio-row {
}
div.button-row {
	margin-bottom: -7px;
	padding: 0 0.6em;
}
div.audiomark {
  position: absolute;
  top: 0;
  color: rgb(200,50,50);
  background-color: rgb(200,50,50);
  height: 100%;
  width: 1px;
  z-index: 99 !important;
  padding: 0.5px;
  opacity: 70%;
}
#divBtnAddToRelease {
	padding: 0.1em 0;
}

/* Distribution */
#newDistribution {
	padding: .8em;
}
#newDistribution h2 {
	padding: 0 0 0.2em 0;
}
#newDistribution table.grid {
	border: 1px solid rgba(0,0,0,0.2);
	table-layout: fixed;
  border-collapse: collapse;
}
#newDistribution table.grid th  {
	padding: .1em .3em;
	background-color: rgb(200,200,200);
	text-align: center;
}
#newDistribution table.grid td  {
	color: rgba(0,0,0,0.65);
	border-bottom: 1px solid #CCC;
	height: 20px;
	padding: 0 0;
	text-align: center;
  white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
}
#newDistribution table.grid th:nth-child(1),
#newDistribution table.grid td:nth-child(1),
#newDistribution table.grid th:nth-child(2),
#newDistribution table.grid td:nth-child(2) {
	text-align: left;
	padding-left: .5em;
}
#newDistribution table.grid tr:hover,
#newDistribution table.grid tr:hover td {
	background-color: rgba(220,220,220,.35);
}
#newDistribution table.grid td.dist-store  {
	color: rgba(0,0,0,0.2);
}
#newDistribution table.grid td.dist-store:nth-child(1)  {
	padding-left: 2.0em;
}
#newDistribution table.grid td.tdborder  {
	/* SPalte mit Country-Select */
	border-left: 1px solid #CCC;
	text-align: center;
}
#newDistribution table.grid tr:hover td.tdborder  {
	background-color: white;
}
#newDistribution td label {
	margin: 0;
}
#newDistribution input {
	height: 19px;
}
#newDistribution select {
	height: 20px;
}
#newDistribution div.distri-checkbox {
	border: 0px solid red;
	padding-left: .2em;
	display: flex;
	align-items: center;
	column-gap: .2em;
}
#newDistribution .functionBar {
	border-top: 0px solid #999;
	padding: .4em .4em .2em .4em;
	margin-top: .4em;
	display: flex;
	justify-content: space-between;
}
#newDistribution div.ms-choice {
	width: 19px;
}
#newDistribution div.ms-drop {
	text-align: left;
	width: 140px;
	margin-left: -120px;
}
#newDistribution div.ms-drop li {
	padding: .1em .1em;
	color: rgba(0,0,0,.7);
}
#newDistribution div.ms-drop input {
	height: unset;
	color: rgba(0,0,0,.7);
}

/* Promotion-Popup */
span.meta-info {
	color: rgba(0,0,0,0.4);
	font-size: 0.80em;
	position: absolute;
	top: 0;
	left: 79%;
	padding: 0.5em 0;
	xtext-align: right;
}
div.promo_info {
	line-height: 1.2;
}
span.promo_artist {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
span.promo_release {
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(0,0,0,0.3);
}
div.titleAudio div {
	text-transform: uppercase;
	font-size: 0.7em;
	padding-bottom: 0.2em;
	color: rgba(0,0,0,0.5);
}
div.promo-store-link a,
div.promo-store-link span {
	font-size: 1.1em !important;
}
#progress-amount {
	display: block;
	height: 100%;
	background-color: #0081fc;
	opacity: 0.7;
	width: 0;
}

/* Track Details: Shares */
#percentArtist, #share-primary, #total_share {
	max-width: 13%;
	padding-left: 10px;
}
#total_share.form-control.is-invalid,
#total_share.form-control.is-valid {
  background-image: none !important;
	padding: .25rem .5rem !important;
}
input.share_edit {
	text-align: right;
}
div.input-group-text.input-group-text-custom-color {
	background-color: #999 !important;
	color: #fff !important;
}
span.percentArtist {
	text-align: right;
	padding-right: 1.0em !important;
}
/* Issue Isrc-Popup */
#dialog table {
	width: 100%;
}
#dialog td div {
	text-align: center;
	padding: .5em 0 0 0;
	font-size: 1.05em;
}
.ui-dialog td,
.ui-dialog span.ui-dialog-title,
.ui-widget .ui-widget {
	font-size: 1.1em !important;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important;
	width: 100%;
}
.ui-dialog div.dialog-text,
.ui-dialog div.dialog-text div {
	color: rgba(0,0,0,0.7);
	font-size: 9.5pt !important;
}
.ui-dialog .ui-dialog-buttonpane.password-confirm {
	text-align: center;
}

button.buttonLeft {	/* Cancel */
	margin: .4em !important;
	float: left;
}
button.buttonRight {	/* Issue */
	margin: .4em !important;
	float: right;
	font-weight: bold !important;
}
div.row.buttons {	/* flex (grid.scss) */
	align-items: center;
	justify-content: space-between;
}
div.row.buttons .col:first-child { 
	flex-grow: 3;
}

.toggle_container {
	padding: 0.5em 0 0.3em 0;
}
.toggle_container label {
  margin-right: 10px;
}

.page-item.active .page-link {
}

ul.pagination {
	margin: 0 0;
}
ul.pagination li {
}
.page-link {
  text-decoration: none;
  padding: 0.30rem 0.40rem !important;
}
.page-item .page-link {
  color: rgba(0,0,0,0.6);
}
.page-item .page-link:hover {
  color: rgba(0,0,0,0.6) !important;
}
.page-item.active .page-link {
  background-color: rgba(0,0,0,0.15) !important;
  border-color: rgba(0,0,0,0.02) !important;
  color: rgba(0,0,0,0.7) !important;
}
.page-item a {
}

i.fa-step-forward,
i.fa-step-backward {
	font-size: 1.05em !important;
	color: rgba(0,0,0,0.65);
	margin-top: 0.05em;
}

/* Featherlight elements */
.featherlight {
	background: rgba(0,0,0,.6) !important;
}
.featherlight-close-icon {
	color: rgb(100,100,100) !important;
	font-weight: bold !important;
	font-size: 1.3em !important;
	width: 2.2em !important;
}

/* Datepicker */
.ui-state-default {
	color: rgba(255,255,255,1.0);
	font-family: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace;
}
.ui-state-highlight {
	border: 1px solid rgba(0,0,0,0.3) !important;
}

footer input {
	font-size: 1.1em;
	padding: 0.3em 0.8em;
}
footer .button {
	color: white;
	background: rgb(160,160,160);
}
footer .button:hover {
	background: rgb(140,140,140);
}
footer .buttonBlue {
	color: white;
	background-color: #4d94d7;
	border: 1px solid #317ac2;
}
footer .buttonBlue:hover {
	color: white;
	background-color: #2d74b7;
}

@media print 	{
	.noprinter		{ display: none; }
	#PageDiv			{ padding: 10px; }
	#Menu					{ display: none; }
	#Submenu			{ display: none; }
	#PopupFrame		{ margin: 10px; color: #666; font-size: 8pt; }
	#Invoice 			{ margin: 0px; color: #666; font-size: 8pt; }
	#Invoice td		{ color: #666; font-size: 8pt; }
	#Invoice .grid tr		{ border: none; }
	#Invoice .td	{ height:14px; }
	#Invoice .th	{ height:14px; font-weight:normal; text-align:center; border-bottom: 1px solid #666; }
	#Invoice .sum	{ color: #444; background: #fff; font-weight:bold; }
	#Invoice .top { border-top: 1px solid #888; }
	#Invoice .subtitle  		{ color:rgb(50,50,50); font-size:14px; border-bottom: 1px solid #666; margin-bottom:10px; text-align:left; }
	#Invoice .poptitle  		{ color:rgb(50,50,50); font-size:14px; border-bottom: 1px solid #666; margin-bottom:5px; }
	#Invoice .invoicetitle	{ color:rgb(50,50,50); font-size:12px; margin-bottom:5px; }
	#Invoice .print	{ color: #444; }
}
@media screen, handheld {
	#Submenu      { margin-top: 3px; margin-bottom: 5px; border: 0px solid red; }
	#PopupFrame		{ margin: 10px; color: #666; font-size: 10pt; }
	#Invoice 			{ margin: 0px; color: #666; font-size: 10pt; }
	#Invoice td		{ font-size: 10.0pt; padding: 0; }
	#Invoice .td	{ height: 22px; }
	#Invoice th		{ font-size: 10.0pt; height: 22px; }
	#Invoice .grid td		{ font-size: 9.5pt; }
	#Invoice .grid th		{ font-size: 9.5pt; }
	#Invoice .sum	{ color: #444; background: #fff; font-weight:bold; }
	#Invoice .top { border-top: 1px solid #888; }
}

@media (max-width: 767px) {
  .container-fluid {
    margin: 0;
  }
  .navbar {
    padding: 5px;
  }
  .card-content {
    padding: 0px;
  }
  div.col.text-right {
    text-align: center !important;
  }
  .maskedetails,
  .maske2,
  .maskedetailsAFR {
    width: auto;
  }
  #waveformMobile,
  .selectpicker {
    display: none !important;
  }
  .audioControl {
    min-height: 20vw;
  }
  .showAudio {
    display: none;
  }
  .showAudioCol {
    display: inline-block !important;
  }
  th > .showAudioCol {
    background-color: #c0c0c0;
  }
  .showAudioSwitchRow {
    display: none;
  }
}