html {
    color: rgba(255, 255, 255, 0.87);
}

body {
    background-color: #202123;
    color: #fff;
}

nav {
    background-color: #26A69A;
}

.card {
    background-color: rgba(255, 255, 255, 0.2);
}

.btn {
    background-color: #ffe0b2;
    color: black;
    font-weight: bold;
}

.btn-large {
    background-color: #ffe0b2;
    color: black;
    font-weight: bold;
}

.divider {
    opacity: 0.2;
}

.sidenav {
    background-color: #2D2D31;
}

.material-icons {
    color: #000;
}

.collection {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.collection-item {
    background-color: rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

img#imgTopBanner {
    -webkit-filter: invert(80%);
    filter: invert(80%);
}

input {
    color: #eee;
}

A:link {
    color: #EEEECC;
    text-decoration: none;
}

A:visited {
    color: #EEEEDD;
    text-decoration: none;
}

A:active {
    color: #f6a140;
    text-decoration: none;
}

A:hover {
    color: #f6a140;
    text-decoration: underline;
}

.normalRowHoverable:hover,
.normalRowHoverable a:hover {
    background-color: #f6a140;
    color: #000;
    text-align: center;
    cursor: pointer;
}

TABLE.Bordered {
    border: solid 2px #FFF;
    width: 100%;
}

DIV.Bordered {
    border: solid 1px #FFF;
    padding: 5px;
    width: 100%;
}

SPAN.Bordered {
    border: solid 1px #FFF;
    width: 100%;
}

.GridPagerStyle {
    background: #ddd url(../images/grd_pgr.png) repeat-x top !important;
    color: #000;
}

.GridPagerStyle td {
    background-color: #333;
    color: #000;
}

.GridPagerStyle a {
    color: #999;
}

.GridPagerStyle a:hover {
    color: #f6a140;
    text-decoration: none;
}

.GridClass tr:hover {
    background: linear-gradient(to right, rgba(38, 166, 154, 0.4), rgba(38, 166, 154, 0), rgba(38, 166, 154, 1));
    background-attachment: fixed;
}

.GridClass .MoviesTableRow td,
.GridClass .MoviesTableAltRow td {
    color: #ddd;
}

.GridClass th {
    color: #eee;
    background: #999;
}

.GridClass .MoviesTableAltRow {
    background: #333;
}

.ReportTable {
    background-color: #000;
}

.ReportTableTitle {
    background: #000;
    color: #fff;
}

.ReportTableTitleSmall {
    background: #000;
    color: #fff;
}

.ReportTableHeader {
    background-color: #333;
}

.selectedRow,
.selectedRow a {
    background-color: #777;
    color: #000;
}

.highlightedRow,
.highlightedRow a {
    background-color: #f6a140;
    color: #000;
    text-align: center;
}

SPAN.Message {
    color: #FF0;
    font-size: 1rem;
    font-weight: 700;
}

.Gray {
    color: #444;
}

.HomepageLowerSpan {
    border: solid 1px #FFF;
}

.accordionHeader {
    background-color: #777;
    color: #000;
}

.accordionHeaderSelected {
    background-color: #FFF;
    border: 1px solid #333;
    color: #000;
}

.accordionHeaderSelected a {
    color: #000;
}

.modalPopup {
    background-color: #333 !important;
    border: solid 3px Gray !important;
    padding: 3px !important;
    margin-top: 2px !important;
    border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
}

.popupControl {
    background-color: #000 !important;
}

.navitem ul li a {
    color: #EEA !important;
    border-right: 1px solid #000;
}

.navitem ul li a:hover {
    color: orange !important;
    background-color: #666 !important;
}

.navitem #active {
    border-left: 1px solid #000;
}

.TableWithGridlines TABLE {
    border: solid 1px #FFF;
}

.TableWithGridlines TD {
    border: solid 1px #FFF;
}

.ajax__calendar_container {
    background-color: #000;
    border: solid 1px #FFF;
}

.ajax__calendar_dayname {
    color: #FFF;
}

.ajax__calendar_day,
.ajax__calendar_month,
.ajax__calendar_year {
    color: #FFF;
}

.ajax__calendar_title {
    color: #000;
}

.tabsMovie .ajax__tab_header {
    border-bottom: solid 5px #ddd;
}

.tabsMovie .ajax__tab_header .ajax__tab_tab {
    color: #fff;
}

.tabsMovie .ajax__tab_active .ajax__tab_tab {
    color: #000;
}

.tabsMovie .ajax__tab_body {
    border: solid 1px #606060;
}

.tabs .tab a {
    color: #666 !important;
}

.tabs .tab a:hover {
    background-color: #DFB2B6 !important;
    color: #fff !important;
    letter-spacing: 2px;
}

/*Text color on hover*/

.tabs .tab a.active {
    background-color: #544 !important;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 2px;
}

/*Background and text color when a tab is active*/

/* .tabs .indicator - commented out, no styling needed */

/*Color of underline*/

blockquote {
    border-left: 5px solid #ccc !important;
}

.collapsible-header:hover {
    background-color: #004d40 !important;
}

.btn:hover,
.btn-large:hover {
    background-color: rgba(255, 255, 255, .9);
}

tr.fadeRow,
td.fadeRow {
    opacity: 0.6;
    background-color: #222;
    border: 1px solid #ddd;
}

.datepicker-calendar-container {
    background-color: #333;
}

.orange.lighten-5 {
    background-color: #333 !important;
}

.orange.darken-4 {
    background-color: #ff9800 !important;
}

.teal.lighten-5 {
    background-color: #111 !important;
    color: #fff !important;
}

.collapsible-header {
    background-color: #333 !important;
}

.collapsible {
    background-color: #555 !important;
}

.posterBackground {
    height: 100%;
    background-color: rgba(80, 80, 80, 0.8);
    margin-bottom: 0px;
}

#MenuQueries {
    background-color: #333 !important;
}

.nice-select {
    background-color: transparent !important;
}

.nice-select .option {
    background-color: #666 !important;
}

.nice-select .list {
    background-color: #666 !important;
}

.teal-text {
    color: #EEEECC !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    color: #f6a140 !important;
}

span.badge {
    color: #eee !important;
}

#MenuQueries a.static.selected {
    color: #fff !important;
}

.sidenav li > a {
    color: #EEEEDD !important;
}

.fancybox__content {
    background-color: #333 !important;
}

td,
th {
    border-radius: 0px !important;
}

.col .row {
    margin-right: 0px !important;
}

h1.hide-on-large-only {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

h2.hide-on-large-only {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

/* Trophy Page Dark Mode Styles */
.dark-mode-trophies .trophy-card.earned {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid;
}

.dark-mode-trophies .trophy-card.unearned {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* .dark-mode-trophies .trophy-card.earned .trophy-name - use teal-text class instead */

.dark-mode-trophies .trophy-card.unearned .trophy-name {
    color: rgba(238, 238, 204, 0.7) !important;
}

/* .dark-mode-trophies .trophy-card.earned .trophy-user-count a - use teal-text class instead */

.dark-mode-trophies .trophy-card.unearned .trophy-user-count a {
    color: rgba(238, 238, 204, 0.7) !important;
}

.dark-mode-trophies .progress-percentage {
    color: rgba(238, 238, 204, 0.8) !important;
}

.dark-mode-trophies .circular-progress .bg-circle {
    stroke: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode-trophies .divider-line {
    background: rgba(255, 255, 255, 0.2);
}

.dark-mode-trophies .divider-text {
    color: rgba(238, 238, 204, 0.8);
}

i.material-icons.prefix {
    color: #eee;
}

.whiteicon {
    color: #eee !important;
}

canvas#JobsGraph {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

canvas#GenreGraph {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

canvas#ViewingsGraphs {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

canvas#UserStatsGraph {
    -webkit-filter: invert(90%);
    filter: invert(90%);
}

input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default)[readonly="readonly"] {
    color: white !important;
}

.channelLogo {
    filter: invert(1);
    mix-blend-mode: exclusion;
}

.autocomplete-hover-active {
    background-color: #f6a140;
}

.ui-widget-content {
    color: #fff !important;
    background-color: #444 !important;
    border-radius: 2pt;
    font-size: 1em;
    padding-left: 2px !important;
}


/* ============================================
   MyMovies.aspx - Dark Theme Styles
   ============================================ */
.MyMovies-stats-chart-card:hover {
    background-color: #3d3d3d;
    border-color: #4db6ac;
}

.MyMovies-stats-chart-card:hover i {
    color: #4db6ac;
}

/* ============================================
   HomePage.aspx - Dark Theme Styles
   ============================================ */
.HomePage-stats-chart-card:hover {
    background-color: #3d3d3d;
    border-color: #4db6ac;
}

.HomePage-stats-chart-card:hover i {
    color: #4db6ac;
}

/* ============================================
   IMDBQueries.aspx - Dark Theme Styles
   ============================================ */
.IMDBQueries-query-tab {
    background-color: #424242 !important;
    color: #fff !important;
}

.IMDBQueries-query-tab:hover {
    background-color: #616161 !important;
    border-color: #009688 !important;
}

.IMDBQueries-query-tab.active {
    background-color: #4db6ac !important;
    color: white !important;
}

.IMDBQueries-stat-card {
    background: linear-gradient(135deg, #424242 0%, #616161 100%) !important;
    color: #fff !important;
}

.IMDBQueries-stat-card h3 {
    color: #4db6ac !important;
}

.IMDBQueries-stat-card .stat-value {
    color: #fff !important;
}

.IMDBQueries-stat-card .stat-movement {
    color: #bdbdbd !important;
}

.IMDBQueries-movie-card {
    background-color: #424242 !important;
    color: #fff !important;
    border: 1px solid #616161 !important;
}

.IMDBQueries-tab-content {
    background-color: #424242 !important;
    color: #fff !important;
}

.IMDBQueries-tab-button {
    background-color: #616161 !important;
    color: #fff !important;
}

.IMDBQueries-tab-button.active {
    background-color: #4db6ac !important;
    color: white !important;
}

.IMDBQueries-mover-category-card {
    background-color: #424242 !important;
    color: #fff !important;
}

.IMDBQueries-mover-category-card h3 {
    color: #4db6ac !important;
}

.IMDBQueries-mover-category-card .mover-movie-name {
    color: #fff !important;
}

.IMDBQueries-mover-category-card .mover-movie-name a {
    color: #fff !important;
}

.IMDBQueries-mover-category-card .mover-change {
    color: #fff !important;
}

.IMDBQueries-mover-category-card .mover-change.neutral {
    color: #fff !important;
}

.IMDBQueries-mover-category-card .mover-change .material-icons {
    color: #fff !important;
}

/* ============================================
   MyMovies.aspx - Dark Theme Styles (Additional)
   ============================================ */
@media (max-width: 1200px) {
    #divFavoritesColumn {
        border-top: 2px solid rgba(255, 255, 255, 0.2) !important;
    }
}

/* ============================================
   AddEditActor.aspx - Accordion Dark Theme Styles
   ============================================ */
#mooAccordion .collapsible-body {
    background-color: #2a2a2a;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#mooAccordion .collapsible-body table thead th {
    background-color: #333;
    color: #eee;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

#mooAccordion .collapsible-body tr.MovieStatsInActor {
    background-color: #2d2d2d;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor:hover {
    background-color: #353535;
    box-shadow: 0 1px 3px rgba(77, 182, 172, 0.2);
}

#mooAccordion .collapsible-body tr.MovieStatsInActor:not(.fadeRow) {
    border-left-color: #4caf50;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor:not(.fadeRow):hover {
    border-left-color: #4db6ac;
    background-color: #2d3d3d;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor.fadeRow {
    background-color: #252525;
    border-left-color: #757575;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor.fadeRow:hover {
    background-color: #2a2a2a;
    box-shadow: 0 1px 3px rgba(117, 117, 117, 0.2);
    opacity: 0.9;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor td {
    color: #eee;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor.fadeRow td {
    color: #999;
    font-style: italic;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor.fadeRow td a {
    color: #888;
}

/* Links use teal-text class for consistent theming */
#mooAccordion .collapsible-body tr.MovieStatsInActor:not(.fadeRow) td a {
    text-decoration: none;
}

#mooAccordion .collapsible-body tr.MovieStatsInActor:not(.fadeRow) td a:hover {
    text-decoration: underline;
}

/* ============================================
   AddEditActor.aspx - Progress Bar Dark Theme
   ============================================ */
.AddEditActor-progress-bar {
    background-color: #424242;
}

.AddEditActor-progress-seen {
    background-color: #4caf50;
}

.AddEditActor-progress-unseen {
    background-color: #757575;
}

.AddEditActor-progress-text {
    color: #eee;
}

.AddEditActor-progress-seen-text {
    color: #81c784;
}

.AddEditActor-progress-total-text {
    color: #bdbdbd;
}

.AddEditActor-progress-missing-text {
    color: #9e9e9e;
}

/* ============================================
   MovieDetails.ascx - Accordion Table Dark Theme
   ============================================ */
.MovieDetails-accordion-header {
    background-color: #333;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    color: #eee;
}


.MovieDetails-accordion-table tbody tr {
    background-color: #2d2d2d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.MovieDetails-accordion-table tbody tr:hover {
    background-color: #353535;
    box-shadow: 0 1px 3px rgba(77, 182, 172, 0.2);
}

.MovieDetails-accordion-character {
    color: #999;
}

.MovieDetails-stat-value {
    color: #eee;
}

.MovieDetails-stat-link:hover .MovieDetails-stat-value {
    color: #4db6ac;
}

.MovieDetails-rank-unranked {
    color: #757575;
}

.MovieDetails-stat-value-unranked {
    color: #757575;
}

/* ============================================
   Default.aspx - Dark Mode Specific Styles
   ============================================ */
.Default-dark-bg .input-field label {
    color: #bdbdbd;
}

.Default-dark-bg .input-field label.active {
    color: #4db6ac;
}

.Default-dark-bg input[type=text],
.Default-dark-bg input[type=email],
.Default-dark-bg input[type=password] {
    border-bottom: 1px solid #616161;
    color: #eee;
}

.Default-dark-bg input[type=text]:focus,
.Default-dark-bg input[type=email]:focus,
.Default-dark-bg input[type=password]:focus {
    border-bottom: 1px solid #4db6ac;
    box-shadow: 0 1px 0 0 #4db6ac;
}

.Default-dark-bg .material-icons.prefix {
    color: #4db6ac;
}

.Default-dark-bg-secondary .input-field label {
    color: #bdbdbd;
}

.Default-dark-bg-secondary .input-field label.active {
    color: #4db6ac;
}

.Default-dark-bg-secondary input[type=text],
.Default-dark-bg-secondary input[type=password] {
    border-bottom: 1px solid #616161;
    color: #eee;
}

.Default-dark-bg-secondary input[type=text]:focus,
.Default-dark-bg-secondary input[type=password]:focus {
    border-bottom: 1px solid #4db6ac;
    box-shadow: 0 1px 0 0 #4db6ac;
}

.Default-dark-bg-secondary .material-icons.prefix {
    color: #4db6ac;
}

.Default-dark-bg a,
.Default-dark-bg-secondary a {
    color: #4db6ac;
}

.Default-dark-bg a:hover,
.Default-dark-bg-secondary a:hover {
    color: #26a69a;
}

/* ============================================
   Default.aspx - Dark Mode Card Styles
   ============================================ */
.Default-register-card.Default-dark-bg,
.Default-login-card.Default-dark-bg-secondary,
.Default-dark-bg,
.Default-dark-bg-secondary,
.col.Default-dark-bg,
.col.Default-dark-bg-secondary,
div.Default-dark-bg,
div.Default-dark-bg-secondary {
    background: linear-gradient(135deg, rgba(45, 45, 45, 0.95) 0%, rgba(51, 51, 51, 0.98) 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    color: #eee !important;
}

.Default-register-card.Default-dark-bg:hover,
.Default-login-card.Default-dark-bg-secondary:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.Default-dark-bg .Default-subtitle {
    color: #bdbdbd;
}

.Default-dark-bg .Default-features-title {
    color: #e0e0e0;
}

.Default-dark-bg .Default-cta-text {
    color: #bdbdbd;
}


.Default-dark-bg-secondary .Default-divider::before,
.Default-dark-bg-secondary .Default-divider::after {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.Default-dark-bg .Default-divider::before,
.Default-dark-bg .Default-divider::after {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.Default-dark-bg .Default-divider-text,
.Default-dark-bg-secondary .Default-divider-text {
    color: #9e9e9e;
}

.Default-dark-bg .Default-error-message,
.Default-dark-bg-secondary .Default-error-message {
    background-color: #3d1f1f;
    color: #ef5350;
}

/* .Default-password-toggle color handled by teal-text class when applied */
.Default-dark-bg .Default-password-toggle:not(.teal-text),
.Default-dark-bg-secondary .Default-password-toggle:not(.teal-text) {
    color: #9e9e9e;
}

.Default-dark-bg .Default-title,
.Default-dark-bg .Default-subtitle,
.Default-dark-bg .Default-features-title,
.Default-dark-bg .Default-cta-text {
    color: #eee !important;
}

.Default-dark-bg .deep-orange-text {
    color: #ff7043 !important;
}

.Default-dark-bg .Default-input,
.Default-dark-bg-secondary .Default-input {
    border-bottom-color: #616161 !important;
    color: #eee !important;
}

.Default-dark-bg .Default-input:focus,
.Default-dark-bg-secondary .Default-input:focus {
    border-bottom-color: #4db6ac !important;
    box-shadow: 0 1px 0 0 #4db6ac !important;
}

.Default-dark-bg .Default-label,
.Default-dark-bg-secondary .Default-label {
    color: #bdbdbd !important;
}

/* .Default-dark-bg .Default-label.active - use teal-text class instead */
/* .Default-dark-bg .material-icons.prefix - use teal-text class instead (already applied in HTML) */
/* .Default-dark-bg .teal-text - redundant, .teal-text already defined above */

/* ============================================
   HomePage.aspx - Dark Theme Empty State
   ============================================ */
.HomePage-no-actors-message-cell {
    color: #bdbdbd !important;
}

/* ============================================
   MoviesGrid.ascx - Dark Theme Empty State
   ============================================ */
.MoviesGrid-empty-message {
    background-color: #3e2723 !important;
    border-color: #ff6f00 !important;
}

.MoviesGrid-empty-text {
    color: #ffab40 !important;
}

.MoviesGrid-empty-action {
    color: #e0e0e0 !important;
}

/* .MoviesGrid-empty-action a - use teal-text class instead */

.MoviesGrid-empty-action a:hover {
    color: #e0e0e0 !important;
}

/* ============================================
   MovieDetails.ascx - Dark Theme Styles
   ============================================ */
.MovieDetails-divLoadingOverlay {
    background: rgba(0, 0, 0, 0.7);
}