/*
_________________________________________________________________________
------------------------ EMBY THEME : DARK COLORS -----------------------

                 ---------- Table of Contents ----------

	3. DARK COLORS
	   3.1 Buttons
	       3.1.1 Checkboxes
		   3.1.2 Rectangles
		   3.1.3 Links & Text buttons
		   3.1.4 Others
	   3.2 Details
	       3.2.1 Fonts
		   3.2.2 Icons
		   3.2.3 Backgrounds
		   3.2.4 Dialogs & Action Sheets
		   3.2.5 Others

*/
/* ------------------------- 3. DARK COLORS -------------------------- */
/* ----- 3.1 Buttons ----- */
/* 3.1.1 Checkboxes */
.checkboxOutline {
    border-color: #fff !important; }

/* 3.1.2 Rectangles */
/* 3.1.3 Links & Text buttons */
/* 3.1.4 Others */
/* Circles */
.fab {
    color: #fff !important; }

/* ----- 3.2 Details ----- */
/* 3.2.1 Fonts */
html {
    color: #fff !important; }

.paperListLabel, .selectLabelUnfocused, .inputLabelUnfocused,
.textareaLabelUnfocused, .secondaryText, .inputLabel,
.fieldDescription {
    color: #aaa !important; }

.cardText-secondary {
    color: #888 !important; }

.cardText-secondary, .fieldDescription, .listItemBodyText-secondary, .secondaryText {
    color: #888 !important;
}

.visualCardBox .cardText-secondary {
    color: inherit !important;
    opacity: .5 !important; }

.listItem .secondary, .nowPlayingBarSecondaryText {
    color: #999 !important; }

/* 3.2.2 Icons */
.searchfields-icon.md-icon {
    color: #fff !important; }

/* 3.2.3 Backgrounds */
.backgroundContainer {
    background-color: #101010; }

.backgroundContainer, .dialog, html {
    background: url(https://css.vengefulsyndicate.com/theme.park//Resources/blur-noise.png), #0c0c0c center center/cover no-repeat fixed;    
    background-color: rgba(8,8,8,0.95);
}

.backgroundContainer.withBackdrop {
    background-color: rgba(6, 6, 6, .94);
    background: linear-gradient(to right, rgba(0, 0, 0, .99), rgba(0, 0, 0, .94), rgba(0, 0, 0, .5)); }

.paperList, .visualCardBox, .formDialogHeader:not(.formDialogHeader-clear) {
    background-color: rgba(12,12,12,.9) !important;
    border: 1px solid #000 !important;
}

.formDialogFooter:not(.formDialogFooter-clear) {
    background-color: #222326 !important;
    border-top: 1px solid #222326 !important; }

.sessionNowPlayingInnerContent {
    border: 1px solid #000 !important; }

.sessionCardFooter {
    border-top: 1px solid #101010!important;
    background-color: #131313; }

/*
.collapseContent {
    background-color: #121212 !important;
   background-color: #0c0c0c !important }
*/

.emby-select {
    color: inherit;
    background: #191919 !important;
    border: calc(var(--line-size) * 1.8) solid var(--line-background);
}

.emby-select-withcolor {
    color: inherit;
    background: #161616 !important;
    border: .07em solid rgba(0,0,0,.158);
    -webkit-border-radius: .15em;
    border-radius: .15em; }

.emby-input, .emby-textarea {
    color: inherit;
    background: #161616 !important;
    border: .07em solid rgba(0,0,0,.158);
    -webkit-border-radius: .15em;
    border-radius: .15em; }

/* 3.2.4 Dialogs & Action Sheets */
/* 3.2.5 Others */
.emby-textarea, .emby-input, .emby-collapsible-button, .emby-select {
    border-color: #000 !important; }

.dialog {
    background: rgba(8,8,8,0.95);
    background-color: rgba(8,8,8,0.95) !important;
    /* border: 2px solid #202020 !important; */
}

.dialog-blur {
    color: #fff !important;
    --theme-background: hsla(var(--background-hue), var(--background-saturation), var(--background-lightness), .76);
    -webkit-backdrop-filter: blur(4em) saturate(1.8);
    backdrop-filter: blur(4em) saturate(1.8);
    box-shadow: none!important;
}

.dialogContainer {
    -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
    backdrop-filter: saturate(0.25) blur(0.25em);
    background: rgba(0,0,0,0.5);
}

.formDialog {
    min-width: 300px;
}

.actionSheetMenuItem:not(.actionSheetMenuItem-tv) {
    min-width: 250px;
}

.actionSheetMenuItem:hover {
	background-color: #222 !important; }

/* Report Manager Page & Auto-Organize */
.detailTable tbody tr:nth-child(odd) td,
.detailTable tbody tr:nth-child(odd) th,
 .stripedTable tbody tr:nth-child(odd) td,
 .stripedTable tbody tr:nth-child(odd) th {
    background-color: #191919 !important; }

.detailTableBodyRow-shaded:nth-child(even), .listItem-shaded:nth-child(even) {
    background: rgba(16, 16, 16, 0.9) !important; }

.detailTable {
    border: 1px solid #000 !important;
}
/* =========================================================================== */
/* Cards */
.coveredImage {
    border: 1px solid #000 !important;}

.cardBox {
    margin: 0.5em !important;
    border-radius: 8px;
}

.cardBox:hover {
    font-weight: bolder !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform: scale(1.02);
    background: rgba(16,16,16,0.9);
}

/* --- Modify the backgrounds for poster card views --- */
div.cardBox.visualCardBox {
	background-color: rgba(0, 0, 0, 0.33) !important;
    backdrop-filter: blur(4px) !important;
}

.cardBox-bottompadded {
    margin-bottom: 2em!important;
    margin: 0.5em !important;
    background: rgba(8,8,8,0.5);
    border: 1px solid #000;
    border-radius: 8px;
    padding-bottom: 2px !important;
      backdrop-filter: blur(4px) !important;
}
/* =========================================================================== */
/* OSD */
.osdHeader {
    background-color: rgba(0,0,0,.3) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,0))) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))) !important;
    background: -webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: -o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3)) !important;
    border-bottom: transparent !important;
}

.videoOsdBottom {
    background-color: rgba(0,0,0,.5) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))) !important;
    background: -webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: -o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.8)) !important;
    border-top: 1px solid #000 !important;
    padding: 0;
}

.videoOsdBottom-buttons {
    padding: 0;
}

.mdl-slider-background-flex {
	background: #202020 !important;
}

.upNextDialog {
    border-top: 1px solid #000 !important;
}

/* Now Playing */
.nowPlayingBarTop {
    background-color: rgba(0,0,0,.25) !important;
}

/* =========================================================================== */
/* Statistic Plugin Stat Card */
.statCard .statCard-content {
    padding: 10px;
    background-color: rgba(16, 16, 16, 0.9) !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}
/* =========================================================================== */
.defaultCardBackground0 {
    background-color: rgba(9, 9, 9, 0.5) !important;
}
/* =========================================================================== */
/* User Report Page */
#user_usage_report_table {
    background: rgba(9, 9, 9, 0.9) !important; }


#user_report_results {
    background-color: rgba(12, 12, 12, 0.9) !important; }
/* =========================================================================== */
.emby-tab-button {
    color: #fff !important;
}
.emby-tab-button-active {
    background: rgb(16 16 16 / 75%) !important;
    font-weight: bolder;
    transform: scale(1.05) !important;
    text-decoration: underline !important;
    border: 1px solid black;
}

.emby-tab-button:hover {
    color: #c00000 !important;
    font-weight: bolder;
}

/* Dashboard */
.localnav .raised.ui-btn-active {
	color: #fff !important;
}

.localnav .raised {
	margin: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	background: #202020 !important;
}

/* .dialogBackdropOpened {
	opacity: 0.6 !important;
	-webkit-backdrop-filter: saturate(0.5) blur(2.5em) !important;
	backdrop-filter: saturate(0.5) blur(2.5em) !important;
} */

/* .listItem, .listItemBody, .listItemMediaInfo {
    padding-left: 1% !important;
} */

.cardText-first {
    color: white !important;
    font-weight: bold !important;
}


.infoBanner {
    background: #161616;
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* backdrop-filter: blur(2px) !important; */
    border: 1px solid black;
}