theme.park/CSS/themes/sonarr/sonarr-base.css

/*    dP   dP                                                                  dP        */
/*    88   88                                                                  88        */
/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
/*                                                  88                                   */
/*                                                  dP					 */

/*		   		        Made by @gilbN					 */
/* 			      https://github.com/gilbN/theme.park			 */

body {
    background: var(--main-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-size: auto, cover;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    color: var(--text);
}

/* Froms */

[class*="FormInputHelpText\/helpText\/"] {
    color: var(--text);
}

[class*="FormInputGroup\/inputUnit\/"] {
    color: var(--text) !important;
}

/* LINKS */
[class*="Link\/to\/"] {
    color: var(--text);
}

[class*="Link\/to\/"]:hover {
    color: var(--text-hover);
    text-decoration: none;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

[class*="TableRowCell\/cell\/"] [class*="Link\/to\/"],
[class*="EpisodeTitleLink\/link\/"] {
    color: var(--link-color) !important;
}

[class*="TableRowCell\/cell\/"] [class*="Link\/to\/"]:hover,
[class*="EpisodeTitleLink\/link\/"]:hover {
    color: var(--link-color-hover) !important;
}

/* Buttons */

[class*="Button\/default\/"] {
    color: var(--button-text);
    background-color: var(--button-color);
    border-color: transparent;
}

[class*="Button\/default\/"]:hover {
    border-color: transparent;
    background-color: var(--button-color-hover) !important;
    color: var(--button-text-hover);
}

[class*="Button\/primary\/"] {
    border-color: transparent;
    background-color: var(--button-color);
    color: var(--button-text);
}

[class*="Button\/primary\/"]:hover {
    border-color: transparent;
    background-color: var(--button-color-hover) !important;
    color: var(--button-text-hover);
}

[class*="Button\/success\/"] {
    border-color: var(--button-color);
    background-color: var(--button-color);
    color: var(--button-text);
}

[class*="Button\/success\/"]:hover {
    border-color: var(--button-color-hover);
    background-color: var(--button-color-hover);
    color: var(--button-text-hover);
}

/* LOADING PAGE */
[class*="ErrorPage\/page\/"],
[class*="ErrorPage\/version\/"],
[class*="LoadingMessage\/loadingMessage\/"] {
    color: var(--text);
}

[class*="LoadingIndicator\/ripple\/"] {
    border: 2px solid #fff;
}

/* MODAL */
[class*="ModalHeader\/modalHeader\/"] {
    background: var(--modal-bg-color);
    color: #fff;
    border-bottom: var(--accent-color);
}

[class*="ModalContent\/modalContent\/"] {
    background: var(--modal-bg-color);
    color: var(--text);
}

[class*="ModalFooter\/modalFooter\/"] {
    background: var(--modal-bg-color);
    color: #fff;
    border-top: 1px solid var(--accent-color);
}

[class*="ModalContent\/closeButton\/"]:hover {
    color: var(--text-hover);
}

/* SONARR SPECIFIC */
/* NOTE calendar modal popup */
[class*="EpisodeSummary\/infoTitle\/"],
[class*="EpisodeDetailsModalContent\/tab\/"],
[class*="DescriptionListItemTitle\/title\/"] {
    color: #fff;
}

/* INPUT */
[class*="TagInput\/internalInput\/"] {
    background-color: transparent;
    color: #fff;
}

[class*="SelectInput\/select\/"] {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

[class*="SelectInput\/select\/"]:active,
[class*="SelectInput\/select\/"]:focus {
    background: #1e1e1e !important;
}

[class*="AutoSuggestInput\/suggestionsList\/"],
[class*="AutoSuggestInput\/suggestionsContainerOpen\/"],
[class*="AutoSuggestInput\/suggestionsContainer\/"] {
    background-color: #323232 !important;
    color: white;
    border: none !important;
}

[class*="AutoSuggestInput\/suggestionHighlighted\/"] {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="CheckInput\/primaryIsChecked\/"] {
    border-color: var(--accent-color) !important;
    background-color: var(--accent-color) !important;
}

/* HEADER */

[class*="PageHeader\/header\/"] {
    background-color: rgba(0, 0, 0, .35);
}

/* SEARCH DROPDOWN HEADER */

[class*="PageHeader\/donate\/"] {
    color: #c4273c !important;
}

/* SONARR SPECIFIC */
[class*="SeriesSearchInput\/sectionTitle\/"] {
    color: #fff;
}

[class*="SeriesSearchInput\/containerOpen\/"] [class*="SeriesSearchInput\/seriesContainer\/"] {
    border: none !important;
    background: var(--modal-bg-color);
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
}

[class*="SeriesSearchInput\/highlighted\/"] {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="SeriesSearchInput\/seriesContainer\/"]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="Scroller\/scroller\/"]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

/* SIDE MENU */
[class*="PageSidebar\/sidebarContainer\/"] {
    background-color: rgba(0, 0, 0, .25);
}

[class*="PageSidebar\/sidebar\/"] {
    background-color: transparent;
}

[class*="PageSidebarItem\/link\/"]:hover,
[class*="PageSidebarItem\/link\/"]:focus {
    color: var(--text-hover) !important;
    background-color: hsla(0, 0%, 100%, .08);
    text-decoration: none;
}

[class*="PageSidebarItem\/isActiveLink\/"] {
    color: #FFF !important;
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="PageSidebarItem\/isActiveParentLink\/"] {
    background-color: transparent;
}

@media only screen and (max-width: 768px) {
    [class*="PageSidebar\/sidebarContainer\/"] {
        background: var(--main-bg-color) !important;
    }
}

[class*="PageSidebarItem\/isActiveItem\/"] {
    border-left: 3px solid var(--accent-color);
}

/* SERIES PAGE */
/* SONARR SPECIFIC  */
[class*="SeriesIndexPoster\/controls\/"] {
    background-color: #000 !important;
}

/* OVERVIEW PAGE */

[class*="SeriesIndexOverviews\/container\/"],
[class*="SeriesIndexOverviews\/container\/"]:hover {
    background-color: transparent !important;
}

[clas*="SeriesIndexOverview\/container\/"]:hover [class*="SeriesIndexOverview\/content\/"] {
    background-color: transparent;
}

[class*="SeriesIndexOverview\/content\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="SeriesIndexOverview\/link\/"]:hover {
    text-decoration: none;
}

[class*="ProgressBar\/container\/"] {
    background-color: rgba(0, 0, 0, 0.25);
}

[class*="TableRow\/row\/"] [class*="ProgressBar\/primary\/"] {
    background-color: var(--accent-color) !important;
}

[class*=".ProgressBar\/purple\/"] {
    background-color: var(--accent-color);
}

/* SHOW PAGE */
[class*="SeriesDetailsSeason\/season\/"],
[class*="SeriesDetailsSeason\/collapseButtonContainer\/"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="SeriesDetailsSeason\/actionButton\/"],
[class*="SeriesDetailsSeason\/collapseButtonIcon\/"] {
    color: var(--text) !important;
}

.fa-search:hover {
    color: var(--text-hover) !important;
}

[class*="Icon\/default\/"]:hover {
    color: var(--text-hover);
}

[class*="MonitorToggleButton\/toggleButton\/"] {
    color: #dadada;
}

[class*="ProtocolLabel\/torrent\/"] {
    border-color: #00853d !important;
    background-color: #00853d !important;
}

[class*="ProtocolLabel\/usenet\/"] {
    border-color: #17b1d9 !important;
    background-color: #17b1d9 !important;
}

[class*="SeriesDetailsSeason\/seasonNumber\/"] {
    color: #fff;
}

[class*="SeriesDetailsSeason\/collapseButtonContainer\/"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="Popover\/title\/"],
[class*="SeasonInfo\/title\/"],
[class*="Popover\/body\/"],
[class*="Tooltip\/bod\/"] {
    background: var(--modal-bg-color) !important;
}

[class*="Tooltip\/tooltipContainer\/"] {
    color: #fff;
}

[class*="Tooltip\/tooltip\/"][class*=Tooltip\/inverse\/] {
    background: var(--modal-bg-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

[class*="Tooltip\/bottom\/"][class*="Tooltip\/inverse\/"] {
    border-bottom-color: #fff;
}

[class*="Tooltip\/bottom\/"][class*="Tooltip\/default\/"] {
    border-bottom-color: #fff !important;
}

[class*="Tooltip\/right\/"][class*="Tooltip\/default\/"] {
    border-right-color: #fff !important;
}

[class*="EpisodeTitleLink\/link\/"]:hover {
    color: var(--link-color-hover);
}

[class*="IconButton\/button\/"] {
    color: var(--text);
}

[class*="IconButton\/button\/"]:hover {
    background-color: transparent;
    color: var(--text-hover);
}

[class*="Label\/default\/"] {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
}

[class*="Label\/info\/"] {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: #fff;
}

[class*="PageSidebarItem\/status\/"][class*="Label\/info\/"] {
    border-color: var(--queue-color);
    background-color: var(--queue-color);
    color: #fff;
}

/* Table options*/
[class*="TableOptionsColumn\/column\/"] {
    background: rgba(0, 0, 0, .25);
    color: #FFF;
    border: none;
}

[class*="TableHeaderCell\/headerCell\/"] {
    color: #fff;
}

[class*="Table\/table\/"] {
    color: var(--text);
}

[class*="TableRow\/row\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
    color: var(--text-hover);
}

/* TOP MENU SERIES */
[class*="PageToolbar\/toolbar\/"] {
    background-color: rgba(0, 0, 0, .25);
    color: var(--text);
}

[class*="PageToolbarButton\/toolbarButton\/"][class*="PageToolbarButton\/isDisabled\/"] {
    opacity: .5;
    color: var(--text);
}

[class*="PageToolbarButton\/toolbarButton\/"][class*="PageToolbarButton\/isDisabled\/"]:hover,
[class*="PageToolbarButton\/isDisabled\/"]:hover {
    color: var(--text) !important;
}

[class*="PageToolbarButton\/label\/"] {
    color: var(--text);
}

[class*="PageToolbarButton\/toolbarButton\/"]:hover {
    color: var(--text-hover);
}

[class*="MenuButton\/menuButton\/"]:hover {
    color: var(--text-hover);
}

/* POSTERS */
[class*="SeriesIndexPoster\/title\/"],
[class*="SeriesIndexPoster\/nextAiring\/"],
[class*="SeriesIndexPosterInfo\/info\/"] {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--text);
}

/* SERIES TOP HEADER DROPDOWN */
[class*="MenuItem\/menuItem\/"],
[class*="MenuContent\/menuContent\/"] {
    background: var(--modal-bg-color);
    color: var(--text);
}

[class*="MenuContent\/scroller\/"] {
    box-shadow: black 0 0 5px 0px;
}

[class*="MenuItem\/menuItem\/"]:hover,
[class*="MenuItem\/menuItem\/"]:focus {
    background: hsla(0, 0%, 100%, .08) !important;
    color: var(--text-hover);
    text-decoration: none;
}

[class*="MenuItemSeparator\/separator\/"] {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

/* ALPHABET JUMP BAR */
[class*="PageJumpBar\/jumpBar\/"] {
    color: #FFF;
}

/* MINI RIGHT SCROLL BAR */
[class*="OverlayScroller\/thumb\/"],
[class*="ImportSeriesSelectSeries\/results\/"]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="OverlayScroller\/thumb\/"]:hover,
[class*="ImportSeriesSelectSeries\/results\/"]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* ADD NEW */
[class*="EnhancedSelectInput\/options\/"] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--modal-bg-color);
    color: var(--text);
}
[class*="EnhancedSelectInputOption\/isSelected\/"],
[class*="EnhancedSelectInputOption\/isSelected\/"]:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}

[class*="EnhancedSelectInputOption\/option\/"]:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

[class*="HintedSelectInputOption\/hintText\/"],
[class*="RootFolderSelectInputOption\/freeSpace\/"] {
    color: var(--text);
}

/* SEARCH BAR */
[class*="Input\/input\/"],
[class*="AddNewSeries\/searchIconContainer\/"],
[class*="CheckInput\/isIndeterminate\/"] {
    border: none;
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFF
}

[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"] {
    background: transparent;
    border-bottom: solid 1px #fff;
}

[class*="SeriesSearchInput\/container\/"] [class*="Input\/input\/"]:focus {
    border-bottom: none;
    background: transparent;
}

[class*="SeriesSearchResult\/alternateTitle\/"] {
    color: #ffffff;
    font-size: 12px;
}

[class*="Input\/input\/"]:focus {
    outline: 0;
    border-color: #fff;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.25);
}

[class*="TagInput\/input\/"][class*="TagInput\/isFocused\/"] {
    outline: 0;
    border-color: #fff;
    box-shadow: none;
}

/* MOVE THIS */
::placeholder {
    color: var(--text);
}

:-ms-input-placeholder {
    color: var(--text)
}

::-webkit-input-placeholder {
    color: var(--text);
}

/* TEXT COLOR */
[class*="PageContentBody\/innerContentBody\/"] {
    color: var(--text);
}

/* SEARCH RESULTS */
[class*="AddNewSeriesSearchResult\/underlay\/"] {
    background-color: transparent !important;
}

[class*="AddNewSeriesSearchResult\/underlay\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="AddNewSeriesSearchResult\/year\/"] {
    color: #fff;
}

[class*="RootFolderSelectInputSelectedValue\/seriesFolder\/"],
[class*="RootFolderSelectInputSelectedValue\/freeSpace\/"] {
    color: #fff;
}

/* IMPORT */

[class*="FieldSet\/legend\/"] {
    color: #FFF;
    border-bottom: 1px solid var(--accent-color);
}

[class*="VirtualTableRow\/row\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
}

/* Drop down menu/button*/
[class*="ImportSeriesSelectSeries\/button\/"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="ImportSeriesSearchResult\/series\/"]:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

[class*="ImportSeriesSelectSeries\/content\/"],
[class*="ImportSeriesSelectSeries\/searchIconContainer\/"] {
    border: none;
    background-color: var(--modal-bg-color);
    color: white;
}

[class*="ImportSeriesTitle\/year\/"] {
    color: var(--text-muted);
}

/* MASS EDITOR */
/* FOOTER */
[class*="PageContentFooter\/contentFooter\/"] {
    border: none;
    background-color: rgba(0, 0, 0, .25);
    color: #FFF;
}

/* SEASON PASS */

[class*="SeasonPassSeason\/season\/"] {
    border: none;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="SeasonPassSeason\/allEpisodes\/"] {
    background-color: #5cb85c;
}

/* CALENDAR */
[class*="CalendarEvent\/downloaded\/"] {
    background: rgb(var(--calendar-tv-available) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/downloaded\/"]:hover {
    background: rgb(var(--calendar-tv-available) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent\/missing\/"] {
    background: rgb(var(--calendar-tv-missing) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/missing\/"]:hover {
    background: rgb(var(--calendar-tv-missing) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent\/unaired\/"] {
    background: rgb(var(--calendar-tv-unaired) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/unaired\/"]:hover {
    background: rgb(var(--calendar-tv-unaired) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent\/unmonitored\/"] {
    background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/unmonitored\/"]:hover {
    background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent\/onAir\/"] {
    background: rgb(var(--calendar-tv-on-air) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/onAir\/"]:hover {
    background: rgb(var(--calendar-tv-on-air) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent\/downloading\/"] {
    background: rgb(var(--calendar-tv-downloading) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent\/downloading\/"]:hover {
    background: rgb(var(--calendar-tv-downloading) / .5) !important;
    border-left-color: transparent !important;
}

[class*="DayOfWeek\/dayOfWeek\/"] {
    background-color: hsla(0, 0%, 100%, .08);
    color: #fff;
}

[class*="CalendarDay\/dayOfMonth\/"] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    background-color: rgba(0, 0, 0, .25);
}

[class*="CalendarDay\/isToday\/"] {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="CalendarDay\/day\/"],
[class*="CalendarDays\/days\/"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 14.28%;
    flex: 1 0 14.28%;
    overflow: hidden;
    min-height: 70px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
}

[class*="CalendarEvent\/seriesTitle\/"],
[class*="CalendarEvent\/episodeInfo\/"],
[class*="CalendarEvent\/airTime\/"],
[class*="Legend\/legend\/"] [class*="LegendItem\/legendItem\/"] {
    color: #ffffff !important;
}

[class*="CalendarEvent\/event\/"] {
    border-bottom: 1px solid transparent;
}

[class*="CalendarEventGroup\/eventGroup\/"] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
}

[class*="CalendarEventGroup\/seriesTitle\/"] {
    color: #ffffff !important;
}

[class*="CalendarEventGroup\/airTime\/"] {
    color: var(--text);
}

[class*="CalendarEventGroup\/episodeInfo\/"] {
    color: var(--text);
}

/* calendar agenda */
[class*="AgendaEvent\/event\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

/*QUEUE PAGE */
/* Manual Import*/
[class*="SelectEpisodeModalContent\/path\/"] {
    color: var(--text);
}

/* SETTINGS */
[class*="PageContentBody\/innerContentBody"] [class*="Link\/to"] {
    color: #fff;
}

[class*="Settings\/summary"] {
    color: var(--text);
}

[class*="FormLabel\/large\/"] {
    color: #fff
}

[class*="FormLabel\/isAdvanced\/"] {
    color: #ff902b;
}

/* MEDIA MANAGEMENT - FILE NAME TOKENS */
[class*="NamingOption\/option\/"] {
    border: 1px solid transparent;
}

[class*="NamingOption\/token\/"] {
    background-color: rgba(255, 255, 255, 0.15);
}

[class*="NamingOption\/example\/"] {
    background-color: rgba(255, 255, 255, 0.25);
}

[class*="NamingOption\/option\/"]:hover [class*="NamingOption\/token\/"] {
    background-color: rgba(255, 255, 2550, 0.25);
}

[class*="NamingOption\/option\/"]:hover [class*="NamingOption\/example\/"] {
    background-color: rgba(255, 255, 2550, 0.35);
}

/* PROFILES */
[class*="Card\/card\/"],
[class*="QualityProfiles\/addQualityProfile\/"] {
    background-color: rgba(0, 0, 0, .45);
    box-shadow: 0 0 10px 1px #000000;
    color: var(--text);
}

[class*="Card\/card\/"] {
    color: var(--text-hover);
}

[class*="QualityProfiles\/center\/"],
[class*="LanguageProfiles\/center\/"],
[class*="ReleaseProfiles\/center\/"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

[class*="QualityProfileItem\/qualityProfileItem\/"],
[class*="QualityProfileItemGroup\/qualityProfileItemGroup\/"],
[class*="LanguageProfileItem\/languageProfileItem\/"] {
    border: none;
    background-color: rgba(0, 0, 0, .25);
    color: #FFF;
}

[class*="QualityProfileItemGroup\/qualityProfileItemGroup\/"][class*="QualityProfileItemGroup\/editGroups\/"] {
    background: rgba(0, 0, 0, 0.25);
}

[class*="KeyValueListInputItem\/keyInput\/"],
[class*="KeyValueListInputItem\/valueInput\/"] {
    border: none;
    background: transparent;
    color: white;
}

/* PROFILES */
[class*="Indexers\/center\/"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* INDEXERS */

/* DOWNLOAD CLIENTS */
[class*="DownloadClients\/center\/"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/*INPORT LISTS */
[class*="ImportLists\/center\/"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* CONNECTIONS */
[class*="Notifications\/center\/"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* LOG */
[class*="Alert\/info\/"] {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.25);
    color: #FFC107;
}

/* Login Page */

.panel-body {
    background-color: rgba(0, 0, 0, 0.25);
    color: var(--text);
}

.panel-header {
    background-color: rgba(0, 0, 0, 0.45);
}

.forgot-password {
    color: var(--text) !important;
}

/* Custom filter */
[class*="FilterBuilderRow\/filterRow\/"]:hover {
    background-color: transparent;
}

[class*="CustomFilter\/customFilter\/"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
}

/* Scene information */
[class*="ReleaseSceneIndicator\/levelNone\/"] {
    border-color: var(--text);
    color: var(--text);
    opacity: 1;
}

[class*="ReleaseSceneIndicator\/levelMapped\/"] {
    border-color: var(--text);
    color: var(--text);
}


/* Nightly */
/* Froms */

[class*="FormInputHelpText-helpText-"] {
    color: var(--text);
}

[class*="FormInputGroup-inputUnit-"] {
    color: var(--text) !important;
}

/* LINKS */
[class*="Link-to-"] {
    color: var(--text);
}

[class*="Link-to-"]:hover {
    color: var(--text-hover);
    text-decoration: none;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

[class*="TableRowCell-cell-"] [class*="Link-to-"],
[class*="EpisodeTitleLink-link-"] {
    color: var(--link-color) !important;
}

[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover,
[class*="EpisodeTitleLink-link-"]:hover {
    color: var(--link-color-hover) !important;
}

/* Buttons */

[class*="Button-default-"] {
    color: var(--button-text);
    background-color: var(--button-color);
    border-color: transparent;
}

[class*="Button-default-"]:hover {
    border-color: transparent;
    background-color: var(--button-color-hover) !important;
    color: var(--button-text-hover);
}

[class*="Button-primary-"] {
    border-color: transparent;
    background-color: var(--button-color);
    color: var(--button-text);
}

[class*="Button-primary-"]:hover {
    border-color: transparent;
    background-color: var(--button-color-hover) !important;
    color: var(--button-text-hover);
}

[class*="Button-success-"] {
    border-color: var(--button-color);
    background-color: var(--button-color);
    color: var(--button-text);
}

[class*="Button-success-"]:hover {
    border-color: var(--button-color-hover);
    background-color: var(--button-color-hover);
    color: var(--button-text-hover);
}

/* LOADING PAGE */
[class*="ErrorPage-page-"],
[class*="ErrorPage-version-"],
[class*="LoadingMessage-loadingMessage-"] {
    color: var(--text);
}

[class*="LoadingIndicator-ripple-"] {
    border: 2px solid #fff;
}

/* MODAL */
[class*="ModalHeader-modalHeader-"] {
    background: var(--modal-bg-color);
    color: #fff;
    border-bottom: var(--accent-color);
}

[class*="ModalContent-modalContent-"] {
    background: var(--modal-bg-color);
    color: var(--text);
}

[class*="ModalFooter-modalFooter-"] {
    background: var(--modal-bg-color);
    color: #fff;
    border-top: 1px solid var(--accent-color);
}

[class*="ModalContent-closeButton-"]:hover {
    color: var(--text-hover);
}

/* SONARR SPECIFIC */
/* NOTE calendar modal popup */
[class*="EpisodeSummary-infoTitle-"],
[class*="EpisodeDetailsModalContent-tab-"],
[class*="DescriptionListItemTitle-title-"] {
    color: #fff;
}

/* INPUT */
[class*="TagInput-internalInput-"] {
    background-color: transparent;
    color: #fff;
}

[class*="SelectInput-select-"] {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

[class*="SelectInput-select-"]:active,
[class*="SelectInput-select-"]:focus {
    background: #1e1e1e !important;
}

[class*="AutoSuggestInput-suggestionsList-"],
[class*="AutoSuggestInput-suggestionsContainerOpen-"],
[class*="AutoSuggestInput-suggestionsContainer-"] {
    background-color: #323232 !important;
    color: white;
    border: none !important;
}

[class*="AutoSuggestInput-suggestionHighlighted-"] {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="CheckInput-primaryIsChecked-"] {
    border-color: var(--accent-color) !important;
    background-color: var(--accent-color) !important;
}

/* HEADER */

[class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
}

/* SEARCH DROPDOWN HEADER */

[class*="PageHeader-donate-"] {
    color: #c4273c !important;
}

/* SONARR SPECIFIC */
[class*="SeriesSearchInput-sectionTitle-"] {
    color: #fff;
}

[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
    border: none !important;
    background: var(--modal-bg-color);
    color: #fff !important;
    box-shadow: 0 0 10px 1px transparent !important;
}

[class*="SeriesSearchInput-highlighted-"] {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="SeriesSearchInput-seriesContainer-"]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .08);
}

[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

/* SIDE MENU */
[class*="PageSidebar-sidebarContainer-"] {
    background-color: rgba(0, 0, 0, .25);
}

[class*="PageSidebar-sidebar-"] {
    background-color: transparent;
}

[class*="PageSidebarItem-link-"]:hover,
[class*="PageSidebarItem-link-"]:focus {
    color: var(--text-hover) !important;
    background-color: hsla(0, 0%, 100%, .08);
    text-decoration: none;
}

[class*="PageSidebarItem-isActiveLink-"] {
    color: #FFF !important;
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="PageSidebarItem-isActiveParentLink-"] {
    background-color: transparent;
}

@media only screen and (max-width: 768px) {
    [class*="PageSidebar-sidebarContainer-"] {
        background: var(--main-bg-color) !important;
    }
}

[class*="PageSidebarItem-isActiveItem-"] {
    border-left: 3px solid var(--accent-color);
}

/* SERIES PAGE */
/* SONARR SPECIFIC  */
[class*="SeriesIndexPoster-controls-"] {
    background-color: #000 !important;
}

/* OVERVIEW PAGE */

[class*="SeriesIndexOverviews-container-"],
[class*="SeriesIndexOverviews-container-"]:hover {
    background-color: transparent !important;
}

[clas*="SeriesIndexOverview-container-"]:hover [class*="SeriesIndexOverview-content-"] {
    background-color: transparent;
}

[class*="SeriesIndexOverview-content-"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="SeriesIndexOverview-link-"]:hover {
    text-decoration: none;
}

[class*="ProgressBar-container-"] {
    background-color: rgba(0, 0, 0, 0.25);
}

[class*="TableRow-row-"] [class*="ProgressBar-primary-"] {
    background-color: var(--accent-color) !important;
}

[class*=".ProgressBar-purple-"] {
    background-color: var(--accent-color);
}

/* SHOW PAGE */
[class*="SeriesDetailsSeason-season-"],
[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="SeriesDetailsSeason-actionButton-"],
[class*="SeriesDetailsSeason-collapseButtonIcon-"] {
    color: var(--text) !important;
}

.fa-search:hover {
    color: var(--text-hover) !important;
}

[class*="Icon-default-"]:hover {
    color: var(--text-hover);
}

[class*="MonitorToggleButton-toggleButton-"] {
    color: #dadada;
}

[class*="ProtocolLabel-torrent-"] {
    border-color: #00853d !important;
    background-color: #00853d !important;
}

[class*="ProtocolLabel-usenet-"] {
    border-color: #17b1d9 !important;
    background-color: #17b1d9 !important;
}

[class*="SeriesDetailsSeason-seasonNumber-"] {
    color: #fff;
}

[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-bod-"] {
    background: var(--modal-bg-color) !important;
}

[class*="Tooltip-tooltipContainer-"] {
    color: #fff;
}

[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] {
    background: var(--modal-bg-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
    border-bottom-color: #fff;
}

[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
    border-bottom-color: #fff !important;
}

[class*="Tooltip-right-"][class*="Tooltip-default-"] {
    border-right-color: #fff !important;
}

[class*="EpisodeTitleLink-link-"]:hover {
    color: var(--link-color-hover);
}

[class*="IconButton-button-"] {
    color: var(--text);
}

[class*="IconButton-button-"]:hover {
    background-color: transparent;
    color: var(--text-hover);
}

[class*="Label-default-"] {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
}

[class*="Label-info-"] {
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    color: #fff;
}

[class*="PageSidebarItem-status-"][class*="Label-info-"] {
    border-color: var(--queue-color);
    background-color: var(--queue-color);
    color: #fff;
}

/* Table options*/
[class*="TableOptionsColumn-column-"] {
    background: rgba(0, 0, 0, .25);
    color: #FFF;
    border: none;
}

[class*="TableHeaderCell-headerCell-"] {
    color: #fff;
}

[class*="Table-table-"] {
    color: var(--text);
}

[class*="TableRow-row-"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
    color: var(--text-hover);
}

/* TOP MENU SERIES */
[class*="PageToolbar-toolbar-"] {
    background-color: rgba(0, 0, 0, .25);
    color: var(--text);
}

[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
    opacity: .5;
    color: var(--text);
}

[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
[class*="PageToolbarButton-isDisabled-"]:hover {
    color: var(--text) !important;
}

[class*="PageToolbarButton-label-"] {
    color: var(--text);
}

[class*="PageToolbarButton-toolbarButton-"]:hover {
    color: var(--text-hover);
}

[class*="MenuButton-menuButton-"]:hover {
    color: var(--text-hover);
}

/* POSTERS */
[class*="SeriesIndexPoster-title-"],
[class*="SeriesIndexPoster-nextAiring-"],
[class*="SeriesIndexPosterInfo-info-"] {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--text);
}

/* SERIES TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] {
    background: var(--modal-bg-color);
    color: var(--text);
}

[class*="MenuContent-scroller-"] {
    box-shadow: black 0 0 5px 0px;
}

[class*="MenuItem-menuItem-"]:hover,
[class*="MenuItem-menuItem-"]:focus {
    background: hsla(0, 0%, 100%, .08) !important;
    color: var(--text-hover);
    text-decoration: none;
}

[class*="MenuItemSeparator-separator-"] {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

/* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] {
    color: #FFF;
}

/* MINI RIGHT SCROLL BAR */
[class*="OverlayScroller-thumb-"],
[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="OverlayScroller-thumb-"]:hover,
[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: var(--modal-bg-color);
    color: var(--text);
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}

[class*="EnhancedSelectInputOption-option-"]:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
    color: var(--text);
}

/* SEARCH BAR */
[class*="Input-input-"],
[class*="AddNewSeries-searchIconContainer-"],
[class*="CheckInput-isIndeterminate-"] {
    border: none;
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFF
}

[class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
    border-bottom: solid 1px #fff;
}

[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus {
    border-bottom: none;
    background: transparent;
}

[class*="SeriesSearchResult-alternateTitle-"] {
    color: #ffffff;
    font-size: 12px;
}

[class*="Input-input-"]:focus {
    outline: 0;
    border-color: #fff;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.25);
}

[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
    outline: 0;
    border-color: #fff;
    box-shadow: none;
}

/* MOVE THIS */
::placeholder {
    color: var(--text);
}

:-ms-input-placeholder {
    color: var(--text)
}

::-webkit-input-placeholder {
    color: var(--text);
}

/* TEXT COLOR */
[class*="PageContentBody-innerContentBody-"] {
    color: var(--text);
}

/* SEARCH RESULTS */
[class*="AddNewSeriesSearchResult-underlay-"] {
    background-color: transparent !important;
}

[class*="AddNewSeriesSearchResult-underlay-"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="AddNewSeriesSearchResult-year-"] {
    color: #fff;
}

[class*="RootFolderSelectInputSelectedValue-seriesFolder-"],
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
    color: #fff;
}

/* IMPORT */

[class*="FieldSet-legend-"] {
    color: #FFF;
    border-bottom: 1px solid var(--accent-color);
}

[class*="VirtualTableRow-row-"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
}

/* Drop down menu/button*/
[class*="ImportSeriesSelectSeries-button-"] {
    border: none !important;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="ImportSeriesSearchResult-series-"]:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

[class*="ImportSeriesSelectSeries-content-"],
[class*="ImportSeriesSelectSeries-searchIconContainer-"] {
    border: none;
    background-color: var(--modal-bg-color);
    color: white;
}

[class*="ImportSeriesTitle-year-"] {
    color: var(--text-muted);
}

/* MASS EDITOR */
/* FOOTER */
[class*="PageContentFooter-contentFooter-"] {
    border: none;
    background-color: rgba(0, 0, 0, .25);
    color: #FFF;
}

/* SEASON PASS */

[class*="SeasonPassSeason-season-"] {
    border: none;
    background-color: rgba(0, 0, 0, .25) !important;
}

[class*="SeasonPassSeason-allEpisodes-"] {
    background-color: #5cb85c;
}

/* CALENDAR */
[class*="CalendarEvent-downloaded-"] {
    background: rgb(var(--calendar-tv-available) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-downloaded-"]:hover {
    background: rgb(var(--calendar-tv-available) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent-missing-"] {
    background: rgb(var(--calendar-tv-missing) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-missing-"]:hover {
    background: rgb(var(--calendar-tv-missing) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent-unaired-"] {
    background: rgb(var(--calendar-tv-unaired) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-unaired-"]:hover {
    background: rgb(var(--calendar-tv-unaired) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent-unmonitored-"] {
    background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-unmonitored-"]:hover {
    background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent-onAir-"] {
    background: rgb(var(--calendar-tv-on-air) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-onAir-"]:hover {
    background: rgb(var(--calendar-tv-on-air) / .5) !important;
    border-left-color: transparent !important;
}

[class*="CalendarEvent-downloading-"] {
    background: rgb(var(--calendar-tv-downloading) / .7) !important;
    border-left-color: transparent !important;
    color: #fff;
}

[class*="CalendarEvent-downloading-"]:hover {
    background: rgb(var(--calendar-tv-downloading) / .5) !important;
    border-left-color: transparent !important;
}

[class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
    color: #fff;
}

[class*="CalendarDay-dayOfMonth-"] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    background-color: rgba(0, 0, 0, .25);
}

[class*="CalendarDay-isToday-"] {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

[class*="CalendarDay-day-"],
[class*="CalendarDays-days-"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 14.28%;
    flex: 1 0 14.28%;
    overflow: hidden;
    min-height: 70px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
}

[class*="CalendarEvent-seriesTitle-"],
[class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"],
[class*="Legend-legend-"] [class*="LegendItem-legendItem-"] {
    color: #ffffff !important;
}

[class*="CalendarEvent-event-"] {
    border-bottom: 1px solid transparent;
}

[class*="CalendarEventGroup-eventGroup-"] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
}

[class*="CalendarEventGroup-seriesTitle-"] {
    color: #ffffff !important;
}

[class*="CalendarEventGroup-airTime-"] {
    color: var(--text);
}

[class*="CalendarEventGroup-episodeInfo-"] {
    color: var(--text);
}

/* calendar agenda */
[class*="AgendaEvent-event-"]:hover {
    background-color: hsla(0, 0%, 100%, .08) !important;
}

/*QUEUE PAGE */
/* Manual Import*/
[class*="SelectEpisodeModalContent-path-"] {
    color: var(--text);
}

/* SETTINGS */
[class*="PageContentBody-innerContentBody"] [class*="Link-to"] {
    color: #fff;
}

[class*="Settings-summary"] {
    color: var(--text);
}

[class*="FormLabel-large-"] {
    color: #fff
}

[class*="FormLabel-isAdvanced-"] {
    color: #ff902b;
}

/* MEDIA MANAGEMENT - FILE NAME TOKENS */
[class*="NamingOption-option-"] {
    border: 1px solid transparent;
}

[class*="NamingOption-token-"] {
    background-color: rgba(255, 255, 255, 0.15);
}

[class*="NamingOption-example-"] {
    background-color: rgba(255, 255, 255, 0.25);
}

[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
    background-color: rgba(255, 255, 2550, 0.25);
}

[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
    background-color: rgba(255, 255, 2550, 0.35);
}

/* PROFILES */
[class*="Card-card-"],
[class*="QualityProfiles-addQualityProfile-"] {
    background-color: rgba(0, 0, 0, .45);
    box-shadow: 0 0 10px 1px #000000;
    color: var(--text);
}

[class*="Card-card-"] {
    color: var(--text-hover);
}

[class*="QualityProfiles-center-"],
[class*="LanguageProfiles-center-"],
[class*="ReleaseProfiles-center-"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

[class*="QualityProfileItem-qualityProfileItem-"],
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
[class*="LanguageProfileItem-languageProfileItem-"] {
    border: none;
    background-color: rgba(0, 0, 0, .25);
    color: #FFF;
}

[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
    background: rgba(0, 0, 0, 0.25);
}

[class*="KeyValueListInputItem-keyInput-"],
[class*="KeyValueListInputItem-valueInput-"] {
    border: none;
    background: transparent;
    color: white;
}

/* PROFILES */
[class*="Indexers-center-"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* INDEXERS */

/* DOWNLOAD CLIENTS */
[class*="DownloadClients-center-"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/*INPORT LISTS */
[class*="ImportLists-center-"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* CONNECTIONS */
[class*="Notifications-center-"] {
    background-color: transparent;
    border: none;
    color: var(--text);
}

/* LOG */
[class*="Alert-info-"] {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.25);
    color: #FFC107;
}

/* Login Page */

.panel-body {
    background-color: rgba(0, 0, 0, 0.25);
    color: var(--text);
}

.panel-header {
    background-color: rgba(0, 0, 0, 0.45);
}

.forgot-password {
    color: var(--text) !important;
}

/* Custom filter */
[class*="FilterBuilderRow-filterRow-"]:hover {
    background-color: transparent;
}

[class*="CustomFilter-customFilter-"]:hover {
    background-color: hsla(0, 0%, 100%, .08);
}

/* Scene information */
[class*="ReleaseSceneIndicator-levelNone-"] {
    border-color: var(--text);
    color: var(--text);
    opacity: 1;
}

[class*="ReleaseSceneIndicator-levelMapped-"] {
    border-color: var(--text);
    color: var(--text);
}