/* ////////////Transparentes Design\\\\\\ */

.jarvis-page-container {
	/*background-color: rgba(136, 162, 188, 1)!important;*/
	background-color: rgba(34, 34, 34, 1)!important;
	/*background-image: url("http://juicycontrol.com/img/bg.jpg") !important;*/
	/* background-color: rgba(34, 34, 34, 1)!important; */
}

.body--dark .jarvis-header {
	background-color: rgba(0,0,0,0.25) !important;
}

.jarvis-tabs-container {
	background-color: rgba(0,0,0,0.10) !important;
}

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.10) !important;
}

.body--dark .jarvis-widget {
	background: rgba(0,0,0,0.10);
}

.body--light .jarvis-widget {
	background: rgba(255,255,255,1);
}

.body--dark .jarvis-tabs-container {
	background-color: rgba(0,0,0,0.10) !important;
}

/* für JsonTable ergänzt @mcu */

.q-table__container {
	background-color: transparent !important;
}

/* für Trennstrich für TABs ergänzt @mcu */

.q-header--bordered {
	border: 1px solid transparent !important;
}

/* transparents Icon im Widget-Header @mcu */

.jarvis-widget-icon {
	background: rgba(0, 0, 0,0.10);
}

/* MediaControl in transparentem Design @mcu */

.cover {
	background-color: transparent !important;
}

.controls {
	background-color: transparent !important;
}

.track-information {
	background: rgba(25, 118, 210, 0) !important;
}

.track-duration {
	background-color: white;
}

.track-progress {
	background-color: blue;
}

.controls .jarvis-icon svg {
	color: white;
}

.controls .controlsLeft .q-btn__wrapper {
	background-color: transparent !important;
}

.controls .q-btn-group >.q-btn-item {
	background-color: transparent !important;
}

/* text-h6 optional */

.body--dark .jarvis-widget-header .text-h6 {
	background-color: transparent !important;
}

.jarvis-header {
	background-color: transparent !important;
}