/*
	EMBY DARK THEME
_________________________________________________________________________
------------------------- COLOR HEX & RGB CODES -------------------------

	RED 	    : #E81123 & (232, 17, 35)   RED.VS 	    : #990000 & (153, 0, 0)
	DARK COLOR  : #94131E                   DARK COLOR  : #660000

	ORANGE      : #FF8000 & (255, 128, 0)
	DARK COLOR  : #BF6000

	ORANGE PLEX : #CC7B19 & (204, 123, 25)
	DARK COLOR  : #B35A00

	YELLOW      : #BDBD00 & (189, 189, 0)
	DARK COLOR  : #757500

	GREEN       : #52B54B & (82, 181, 75)
	DARK COLOR  : #3E8437

	BLUE	    : #4285F4 & (66, 133, 244)
	DARK COLOR  : #0C57D6

	PURPLE      : #673AB7 & (103, 58, 183)
	DARK COLOR  : #3F2471

	GRAY	    : #7F7F7F & (127, 127, 127)
	DARK COLOR  : #535353

	PINK	    : #F707DF & (247, 7, 223)
	DARK COLOR  : #C604B3


	White 1     : #ffffff - Real white
	White 2     : #bbbbbb - Main drawer headers & some labels
	White 3     : #aaaaaa - Field descriptions & secondary texts

	Gray 1      : #9b9b9b - Hover links
	Gray 2      : #252528 - Hover main drawer/tree backgrounds
	Gray 3      : #aaaabe - Button backgrounds & general use

	Dark Gray 1 : #262626 - Dividers & lines
	Dark Gray 2 : #202020 - Panel & card backgrounds
	Dark Gray 3 : #181818 - Main drawer backgrounds
	Dark Gray 4 : #141414 - Main backgrounds
	Dark Gray 5 : #222326 - Dialog headers & footers (Not used)
	Dark Gray 6 : #121314 - Dialog & action Sheet backgrounds

	Black 1     : #080808 - Collapse backgrounds & general use
	Black 2     : #010101 - Input box backgrounds & general use

*/
/*
_________________________________________________________________________
---------------------------- EMBY DARK THEME ----------------------------

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

	1. ACCENT COLORS
	   1.1 Buttons
	       1.1.1 Checkboxes
	       1.1.2 Circles
		   1.1.3 Radio Buttons
	       1.1.4 Icons
	       1.1.5 Rectangles
	       1.1.6 Dialogs & Action Sheets
	       1.1.7 Others
	   1.2 Details
	       1.2.1 Icons
	       1.2.2 Fonts
	       1.2.3 Main Drawers
	       1.2.4 Metadata Editor
	       1.2.5 Others
	   1.3 Fixes
	       1.3.1 Buttons
		   1.3.2 Details

	2. MISCELLANEOUS MODIFICATIONS
	   2.1 Buttons
	   2.2 Details
	       2.2.1 Scrollbars
	       2.2.2 Logos
	       2.2.3 Others
	   2.3 Fixes

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

*/
/* ------------------------ 1. ACCENT COLORS ------------------------- */
/* ----- 1.1 Buttons ----- */
/* 1.1.1 Checkboxes */
/* Background */
.mdl-checkbox__input:checked + span + span + .checkboxOutline .mdl-checkbox__tick-outline {
  background: #990000 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") !important; }

/* Border */
.mdl-checkbox__input:checked + span + span + .checkboxOutline {
  border-color: #990000 !important; }

/* Focus */
.mdl-checkbox__input:focus + span + .mdl-checkbox__focus-helper {
  background-color: #990000 !important;
  opacity: 0.26 !important; }

/* 1.1.2 Circles */
i.listItemIcon.md-icon, .listItemIcon:not(.listItemIcon-transparent) {
  background-color: #990000; }

/* My Preferences Page Circles */
a.clearLink.lnkDisplayPreferences i.md-icon.listItemIcon,
a.clearLink.lnkHomeScreenPreferences i.md-icon.listItemIcon,
a.clearLink.lnkLanguagePreferences i.md-icon.listItemIcon,
a.clearLink.lnkMyProfile i.md-icon.listItemIcon,
a.clearLink.lnkSubtitleSettings i.md-icon.listItemIcon {
  background-color: #660000 !important; }

/* Other Circles */
[is="emby-button"].detailFloatingButton, div.devicesList i.listItemIcon.md-icon,
div.paperList.activityItems i.listItemIcon.md-icon, .levelNormal {
  background-color: #990000 !important; }

.listItem.scheduledTaskPaperIconItem[data-status="Running"] i.listItemIcon.md-icon {
  background-color: #660000 !important; }

/* 1.1.3 Radio Buttons */
/* Background */
.mdl-radio__inner-circle {
  background: #990000 !important; }

/* Border */
.mdl-radio__button:checked + .mdl-radio__label + .mdl-radio__outer-circle {
  border: 2px solid #990000 !important; }

/* Focus */
.mdl-radio__button:checked:focus + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle {
  -webkit-box-shadow: 0 0 0 10px rgba(153, 0, 0, 0.26) !important;
  box-shadow: 0 0 0 10px rgba(153, 0, 0, 0.26) !important; }

/* 1.1.4 Icons */
.btnActiveCast i.md-icon, .btnUserDataOn i.md-icon, .btnUserDataOn:focus {
  color: #990000 !important; }

/* Top Menu Bar Primary Icon Buttons */
button.headerButton.headerButtonRight.dashboardEntryHeaderButton.autoSize.paper-icon-button-light,
button.headerButton.headerAppsButton.barsMenuButton.headerButtonLeft.paper-icon-button-light {
  color: #990000 !important; }

/* Now Playing Bar Icon Buttons */
.repeatActive,
button.btnCommand.repeatToggleButton.autoSize.nowPlayingPageRepeatActive {
  color: #990000 !important; }

/* 1.1.5 Rectangles */
button[is="emby-button"].raised:not(.subdued):not(.cancel), .ui-body-a .raised {
  background: #990000 !important;
  color: #ffffff !important; }

/* Detail Page Play Button */
button.raised.subdued.btnPlay.btnPlaySimple.emby-button {
  background: #990000 !important;
  color: #ffffff !important; }

/* 1.1.6 Dialogs & Action Sheets */
.formDialogHeader, .ui-body-a div.formDialogHeader {
  background-color: #121314 !important; }

/* 1.1.7 Others */
/* Text Buttons */
.emby-tab-button-active, .button-accent-flat {
  color: #990000 !important; }

.alphaPickerButton-selected, .alphaPickerButton-tv:focus {
  background-color: #990000 !important;
  color: #fff; }

/* Other Circles Focus Buttons */
.paper-icon-button-light:focus {
  color: #990000 !important; }

/* Control Group Buttons - Not Future Proof */
div[data-role="controlgroup"] a.ui-btn-active[data-role='button'] {
  background: #990000 !important;
  color: #ffffff !important; }

/* ----- 1.2 Details ----- */
/* 1.2.1 Icons */
.starIcon {
  color: #990000 !important; }

/* 1.2.2 Fonts */
.selectLabelFocused, .inputLabelFocused, .textareaLabelFocused, p.disclaimer,
.listItem .secondary span {
  color: #990000 !important; }

/* Task Progressions */
div#pendingInstallations, div#divRunningTasks span {
  color: #990000 !important; }

/* Underlines */
.emby-select:focus + .emby-select-selectionbar,
.emby-input:focus + .emby-input-selectionbar,
.emby-textarea:focus + .emby-textarea-selectionbar {
  background-color: #990000 !important; }

/* Links */
.button-link, .textlink, .button-link:visited, .textlink:visited,
.detailTable a, .detailTable a:visited {
  color: #990000 !important; }

.button-link:hover, .textlink:hover, .detailTable a:hover {
  color: #9b9b9b !important; }

.button-link:active, .textlink:active, .detailTable a:active {
  color: #660000 !important; }

/* Url Help Links */
#dashboardPage p.localUrl > a:nth-child(2), #dashboardPage p.externalUrl > a:nth-child(2) {
  color: #ffffff !important;
  background: #990000 !important; }

/* Individual Links - Not Future Proof */
a.accent, a.lnkPremiere, a.lnkEditUserPreferences, div#fldConnectInfo a,
a.accent:visited, a.lnkPremiere:visited, a.lnkEditUserPreferences:visited,
div#fldConnectInfo a:visited, .searchSuggestions a,
.searchSuggestions a:visited, div#viewPanel.viewPanel a,
div#viewPanel.viewPanel a:visited {
  color: #990000 !important; }

a.accent:hover, a.lnkPremiere:hover, a.lnkEditUserPreferences:hover,
div#fldConnectInfo a:hover, .searchSuggestions a:hover,
div#viewPanel.viewPanel a:hover {
  color: #9b9b9b !important; }

a.accent:active, a.lnkPremiere:active, a.lnkEditUserPreferences:active,
div#fldConnectInfo a:active, .searchSuggestions a:active,
div#viewPanel.viewPanel a:active {
  color: #660000 !important; }

/* 1.2.3 Main Drawers */
/* Divider */
.sidebarDivider {
  background: #262626 !important; }

.adminDrawerLogo {
  border-bottom: 1px solid #262626 !important; }

/* Dashboard - Background */
.adminDrawer .scrollContainer {
  background-color: #101010 !important; }

/* Dashboard - Font */
.adminDrawer div.sidebarHeader {
  color: #bbbbbb !important; }

.adminDrawer a.sidebarLink {
  color: #ffffff !important; }

/* Dashboard - Icon */
.adminDrawer .sidebarLinkIcon {
  color: #ffffff !important; }

/* Dashboard - Hover */
.adminDrawer a.sidebarLink:hover {
  background: #252528 !important;
  color: #ffffff !important; }

/* Dashboard - Selected */
.drawerContent a.sidebarLink.selectedSidebarLink,
.drawerContent a.sidebarLink.selectedSidebarLink .sidebarLinkIcon {
  background: #252528 !important;
  color: #990000 !important; }

/* Home Page - Background */
.darkDrawer {
  background-color: #101010 !important; }

/* Home Page - Font */
.darkDrawer .sidebarHeader {
  color: #bbbbbb !important; }

.darkDrawer .sidebarLink {
  color: #ffffff !important; }

/* Home Page - Icon */
.darkDrawer .sidebarLinkIcon {
  color: #ffffff !important; }

/* Home Page - Selected */
.darkDrawer .selectedMediaFolder, .darkDrawer .sidebarLink.selectedSidebarLink,
.darkDrawer .selectedMediaFolder .sidebarLinkIcon,
.darkDrawer .selectedMediaFolder:hover,
.darkDrawer .sidebarLink.selectedSidebarLink:hover,
.darkDrawer .selectedMediaFolder .sidebarLinkIcon:hover {
  background: #252528 !important;
  color: #990000 !important; }

/* 1.2.4 Metadata Editor */
div.jstree-wholerow.jstree-wholerow-clicked:hover,
div.jstree-wholerow.jstree-wholerow-clicked,
div.jstree-wholerow.jstree-wholerow-hovered {
  background: #252528 !important; }

.jstree-anchor.jstree-clicked, .jstree-anchor.jstree-clicked.jstree-hovered {
  background: #252528 !important;
  color: #990000 !important; }

/* 1.2.5 Others */
/* Progress Bars */
progress {
  background: #990000 !important; }

.taskProgressInner {
  background: #990000 !important; }

.itemProgressBarForeground {
  background-color: #990000 !important; }

progress::-webkit-progress-value {
  background: #990000 !important; }

/* Firefox Progress Bar */
progress::-moz-progress-bar {
  background: #990000 !important; }

/* Now Playing Bars */
.iconOsdProgressInner, .mdl-slider__background-lower, .sliderBubble,
.mdl-slider::-webkit-slider-thumb {
  background: #990000 !important; }

.mdl-slider:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 10px rgba(153, 0, 0, 0.26);
  box-shadow: 0 0 0 10px rgba(153, 0, 0, 0.26) !important; }

/* Firefox Now Playing Bars */
.mdl-slider::-moz-range-thumb, .mdl-slider::-moz-range-progress {
  background: #990000 !important; }

.mdl-slider:focus::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(153, 0, 0, 0.26) !important; }

/* Edge */
.mdl-slider::-ms-fill-lower {
  background: #990000 !important; }

/* Glow for Userview Cards */
div.verticalSection.section0 div.cardScalable,
div.verticalSection.section0 div.cardScalable.withHoverMenu {
  border: 1px solid rgba(153, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(153, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(153, 0, 0, 0.6); }

/* Glow for Media Detail Page */
.itemDetailGalleryLink img:hover {
  -moz-box-shadow: 0 0 20px 3px #990000;
  -webkit-box-shadow: 0 0 20px 3px #990000;
  box-shadow: 0 0 20px 3px #990000; }

/* Up To Date Indicator */
p#pUpToDate i.md-icon {
  background-color: #990000 !important; }

/* Loading Spinners */
.mdl-spinner__layer-1, .mdl-spinner__layer-2, .mdl-spinner__layer-3, .mdl-spinner__layer-4 {
  border-color: #990000 !important; }

.progressring-spiner {
  border: 0.25em solid #990000 !important; }

/* Home Page Selection Tool */
div.selectionCommandsPanel {
  background: #990000 !important; }

.itemSelectionPanel {
  border: 1px solid #990000 !important; }

/* Other Details */
:focus {
  outline: #990000 auto 5px; }

select:focus {
  border-color: #990000 !important; }

::selection {
  background-color: #660000 !important; }

div.focused-line.style-scope.paper-input-container {
  background-color: #990000 !important; }

.playedIndicator, .countIndicator {
  background-color: #990000 !important;
  color: #ffffff !important; }

div.localUsers div.playedIndicator {
  background-color: transparent !important;
  color: #990000 !important; }

/* From Image Editor Dialog */
/*.remoteImage:hover, .searchImageContainer:hover {
    -moz-box-shadow: 0 0 0 1px $accent-color !important;
    -webkit-box-shadow: 0 0 0 1px $accent-color !important;
    box-shadow: 0 0 0 1px $accent-color !important; }*/
/* ----- 1.3 Fixes ----- */
/* 1.3.1 Buttons */
/* Dialogs */
button.btnOption.raised.formDialogFooterItem.formDialogFooterItem-autosize.button-submit.emby-button {
  background: #202020 !important; }

/* Playlist */
.playlist.itemsContainer.vertical-list i.listItemIcon.md-icon {
  background-color: transparent !important; }

/* 1.3.2 Details */
/* ------------------ 2. MISCELLANEOUS MODIFICATIONS ----------------- */
/* ----- 2.1 Buttons ----- */
/* ----- 2.2 Details ----- */
/* 2.2.1 Scrollbars */
/* Google Chrome */
::-webkit-scrollbar-corner {
  background-color: #3B3B3B; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #3B3B3B; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #888888; }

/* Google Chrome - Dashboard Drawer */
div.scrollContainer.smoothScrollY::-webkit-scrollbar-corner {
  background-color: transparent !important; }

div.scrollContainer.smoothScrollY::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent !important; }

div.scrollContainer.smoothScrollY::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #888888; }

/* Google Chrome - Filter Dialog */
.dynamicFilterDialog::-webkit-scrollbar-corner {
  background-color: transparent !important; }

.dynamicFilterDialog::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent !important; }

.dynamicFilterDialog::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #888888; }

/* 2.2.2 Logos */
/* Login Page - Home Page - Main Drawer Mobile */
#loginPage img.imgLogoIcon, a.adminDrawerLogo.clearLink img {
  content: url(https://cdn.rawgit.com/Nostalgist92/Emby-Dark-Themes-Resources/master/images/logos-and-icons/RED-VS/logo.png) !important; }

.pageTitleWithLogo {
  background-image: url(https://cdn.rawgit.com/Nostalgist92/Emby-Dark-Themes-Resources/master/images/logos-and-icons/RED-VS/logo.png) !important; }

.pageTitleWithDefaultLogo {
  background-image: url(https://cdn.rawgit.com/Nostalgist92/Emby-Dark-Themes-Resources/master/images/logos-and-icons/RED-VS/logo.png) !important; }

/* 2.2.3 Others */
/* Dashboard Misc */
.directoryPickerHeadline {
  color: #ffffff !important;
  background: #202020 !important; }

/* CSS Box */
#txtCustomCss {
  height: 300px !important;
  overflow-y: scroll !important; }

/* Tomatometer */
div#criticRatingSummary.paperList {
  background-color: transparent !important;
  box-shadow: none !important; }

/* Focus */
select:focus {
  outline: transparent auto 5px !important; }

/* Circle User Data Buttons */
button.autoSize.fab.btnUserData.btnUserData.mini.emby-button {
  background-color: transparent !important;
  box-shadow: none !important; }

/* Select Box */
select option {
  background-color: #202020 !important;
  color: #ffffff !important; }

/* ----- 2.3 Fixes ----- */
/* Report Manager Page */
.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: #252528 !important; }

/* ------------------------- 3. DARK COLORS -------------------------- */
/* ----- 3.1 Buttons ----- */
/* 3.1.1 Checkboxes */
span.checkboxOutline {
  border-color: #ffffff; }

/* 3.1.2 Rectangles */
/* 3.1.3 Others */
div[data-role="controlgroup"] a[data-role='button'] {
  background: #202020 !important;
  color: #ffffff !important;
  border-color: #262626 !important; }

/* ----- 3.2 Details ----- */
/* 3.2.1 Icons */
/* White */
.emby-button.iconRight i, .paper-icon-button-light, .selectArrow {
  color: #ffffff !important; }

/* 3.2.2 Fonts */
/* White */
select, input, h1, h2, h3, p, table, legend, div.legend {
  color: #ffffff !important; }

.checkboxLabel, .paperListLabel, .listItemBodyText, .detailSectionHeader {
  color: #ffffff !important; }

#txtCustomCss {
  color: #ffffff !important; }

/* Darker White */
label, .selectLabel, .inputLabel, .textareaLabel {
  color: #bbbbbb; }

.selectLabelUnfocused, .inputLabelUnfocused, .textareaLabelUnfocused {
  color: #bbbbbb !important; }

.ui-body-a .fieldDescription, .listItem .secondary {
  color: #aaaaaa !important; }

/* Not Future Proof */
form.localAccessForm.localAccessSection div, div.syncActivity,
div#revisionHistory div {
  color: #bbbbbb; }

/* 3.2.3 Dialogs & Action Sheets */
.dialog.background-theme-a, .dialog.background-theme-b {
  background-color: #121314 !important;
  color: #ffffff !important; }

.formDialogFooter, .ui-body-a div.formDialogFooter {
  background-color: #121314;
  border-top: 1px solid transparent; }

html .ui-body-a .ui-body-inherit {
  background-color: #121314 !important;
  border-color: #121314 !important; }

/* 3.2.4 Backgrounds */
/* Main Backgrounds */
.background-theme-a .backgroundContainer,
.background-theme-b .backgroundContainer {
  background-color: #141414; }

/* Panels */
.ui-body-a .paperList, .ui-body-b .paperList, .visualCardBox {
  background-color: #202020 !important;
  color: #ffffff !important; }

.activeSession:not(.playingSession) .sessionNowPlayingInnerContent {
  background-color: #202020 !important;
  color: #ffffff !important; }

div.card.activeSession > div > div:nth-child(2) {
  background: #202020 !important;
  border-top: 1px solid #262626 !important;
  color: #ffffff !important; }

.ui-body-a .collapseContent {
  background-color: #080808 !important; }

/* Organization Table - Not Future Proof */
table.tblOrganizationResults.table td {
  background-color: #202020 !important;
  border: 1px solid #202020 !important; }

.autoorganizetable > .table > tbody > tr {
  border: 1px solid #202020 !important; }

button.btnDeleteMatchEntry.emby-button {
  background-color: transparent !important; }

/* 3.2.5 Others */
/* Select & Input Box */
select {
  background-color: #202020;
  color: #ffffff !important; }

input:not(.paper-input):not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) {
  background: #010101;
  border-color: #aaaabe; }

/* DLNA Pages - Not Future Proof */
ul[data-role="listview"] > li[data-role="list-divider"] {
  background: #202020 !important; }

ul[data-role="listview"], ul[data-role="listview"] > li {
  border-color: #202020 !important; }

ul[data-role="listview"] a + a {
  background-color: #aaaabe !important;
  border-color: #aaaabe !important;
  color: #ffffff !important; }

div.directPlayProfiles, div.transcodingProfiles, .containerProfiles,
.codecProfiles, .mediaProfiles {
  border: 1px solid transparent;
  background-color: #080808; }

ul[data-role="listview"] {
  color: #ffffff !important; }

/*
_____________________________________________________________________

    Emby Dark Themes is maintained by Ben Z (BenZuser)
    with the contribution of Happy2Play.
_____________________________________________________________________

*/
/* STABLE - TEMPORARY FIXES */
/* Links */
.ui-body-a a, .ui-body-a a:visited {
  color: #990000 !important; }

.ui-body-a a:hover {
  color: #9b9b9b !important; }

.ui-body-a a:active {
  color: #660000 !important; }

.ui-body-a .listItem-shaded:nth-child(even) { background: #181818 !important; }