/* ========= */
/* = Index = */
/* ========= */

/* Global
* Scrollbars
* Splash Pane
* Pop-up Menus
* Task bars (top & bottom)
* Feed Pane
* Stories Pane
* Selected Story Pane
* NewsBlur Blog
* NewsBlur Forum
*/




/* ========== */
/* = Global = */
/* ========== */

.NB-theme-transitioning div,
.NB-theme-transitioning span,
.NB-theme-transitioning mark,
.NB-theme-transitioning h5,
.NB-theme-transitioning a,
.NB-theme-transitioning ul,
.NB-theme-transitioning li,
body.NB-theme-transitioning {
    transition: color 1s ease-out,
        background-color 1s ease-out,
        text-shadow 1s ease-out,
        border-color 1s ease-out;
}

body.NB-dark {
    background-color: #191b1c;
    color: #c0c0c0;
}

.NB-dark .NB-static-alert {
    color: #c0c0c0;
}

.NB-dark a:-webkit-any-link {
    color: #83b4e0;
}

.NB-dark .NB-overlay {
    background: rgba(16, 16, 28, 0.3);
}

.NB-dark hr {
    background-color: rgba(255, 255, 255, 0.4);
}

.NB-dark .NB-welcome-pricing,
.NB-dark .NB-welcome-bottomactions {
    background-color: #303335;
    border-top: 1px solid #222425;
    border-bottom: 1px solid #222425;
}

.NB-dark .NB-pricing th {
    border-right: 1px solid #545a5d;
}

.NB-dark .NB-pricing td {
    border-top: 1px solid #545a5d;
    border-right: 1px solid #545a5d;
}

.NB-dark .NB-welcome-pricing .NB-price {
    background-color: #3B5370;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.NB-dark .NB-welcome-bottomactions .NB-welcome-header-action-subtext {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

/* ============== */
/* = Scrollbars = */
/* ============== */

.NB-dark {
    scrollbar-color: #565859 #262829;
}

.NB-dark ::-webkit-scrollbar {
    width: 12px;
}

.NB-dark ::-webkit-scrollbar-thumb,
.NB-dark::-webkit-scrollbar-thumb {
    background-color: #565859;
}

.NB-dark ::-webkit-scrollbar-track,
.NB-dark::-webkit-scrollbar-track {
    background-color: #262829;
}

.NB-dark .ui-layout-resizer-west {
    background-color: rgb(52, 59, 61);
    border-left: 1px solid #303030;
}

.NB-dark .right-pane .ui-layout-resizer-south,
.NB-dark .right-pane .ui-layout-resizer-north {
    background-color: rgb(52, 59, 61);
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
}



/* =============== */
/* = Splash Pane = */
/* =============== */

/*
.NB-dark a.NB-splash-link:hover,
.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-description a:hover {
color: #a85b40;
}
*/

/* Background color */
.NB-dark #NB-splash {
    background-color: #191b1c;
}

/* Text color for "Premium Account", "New Features", "Community Feedback", "Past day", "Past day by hour" & "Recommended Site" body*/
.NB-dark .NB-module-content-header,
.NB-dark .NB-module-recommended .NB-recommended-description,
.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-description {
    color: #c0c0c0;
}

.NB-dark .NB-module-features .NB-module-feature.NB-module-feature-new td {
    background-color: #a28334;
}

.NB-dark .NB-module-features .NB-module-feature.NB-module-feature-new .NB-module-feature-description {
    color: #e1e1e1;
}

.NB-dark .NB-module-features .NB-module-feature.NB-module-feature-new .NB-module-feature-date {
    color: #d1d1d1;
}

.NB-dark .NB-module-recommended .NB-recommended-added {
    color: #69ac4b;
}

/* Divider color */
.NB-dark .NB-module.NB-module-features .NB-module-content-header,
.NB-dark .NB-module-recommended .NB-recommended-description,
.NB-dark .NB-module-recommended .NB-recommended-title {
    border-bottom: 1px solid #777;
}

/* "Recomended Site" title color */
.NB-dark .NB-recommended-title {
    color: #eee;
}


/* Link color */
.NB-dark a.NB-splash-link,
.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-description a {
    color: #83b4e0;
}

/* Background color of "Upgrade" box (only visible for free users */
.NB-dark .NB-module-premium .NB-module-item-intro {
    background-image: none;
    background-color: #303739;
    border: none;
    box-shadow: none;
}

.NB-dark .NB-modal-feedchooser .NB-premium-prorate-message {
    color: rgba(216, 216, 216, 0.5);
}

.NB-dark .NB-feed-badge {
    background-color: #303739;
}

/* Background color of
"Premium Account", "Manage", "Past Day" & "Past Day by Hour*/
.NB-dark .NB-module-stats-counts {
    background-color: #303739;
}

.NB-dark .NB-module-account-subscription .NB-module-stats-count-description {
    color: #c0c0c0;
}

/* "Logout", "Try" & "Add" button colors */
.NB-dark .NB-recommended-try,
.NB-dark .NB-recommended-add,
.NB-dark .NB-modal-submit-green .NB-modal-submit-button,
.NB-dark .NB-modal-submit-grey .NB-modal-submit-button,
.NB-dark .NB-menu-manage-logout {
    background-color: #505050;
    background-image: none;
    color: #d5d4db;
    text-shadow: none;
}

/* Red buttons */
.NB-dark .NB-modal-submit-button {
    border: none;
}

/* Disabled Buttons */
.NB-dark .NB-modal-submit-green.NB-disabled,
.NB-dark .NB-modal-submit-button.NB-disabled {
    color: #999;
    background-color: #505050;
}

/* Title colors of
"Premium Account", "Manage", "Past Day" & "Past Day by Hour* */
.NB-dark .NB-module-stats-count-number {
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

/* Graph color */
.NB-dark .NB-graph-value .NB-graph-bar {
    background-color: #83b4e0;
}

/* Graph hover text color */
.NB-dark .NB-graph-value .NB-graph-label {
    font-weight: bold;
    text-shadow: none;
}

/* Search input field color */
.NB-dark .NB-module-search-input input {
    color: #c0c0c0;
    background-color: #505050;
    border: solid 1px #505050;
}

/* Bottom splash links color */
.NB-dark .NB-splash-info .NB-splash-links a {
    color: #83b4e0;
    text-shadow: none;
}

/* "All Site Stories" color of titles */
.NB-dark .NB-storytitles-title {
    color: #c0c0c0;
}

.NB-dark .read .NB-storytitles-title {
    color: #797b7c;
}

.NB-dark .NB-feeds-header-user-interactions img,
.NB-dark .NB-feeds-header-collapse-sidebar img {
    opacity: 0.9;
}

.NB-dark .NB-feeds-header-user-interactions:hover img,
.NB-dark .NB-feeds-header-collapse-sidebar:hover img {
    opacity: 1.0;
}


/* ================ */
/* = Pop-up Menus = */
/* ================ */

/* Manage menu on splash page & cogwheel pop-up */
.NB-dark .NB-menu-manage-container {
    background-color: #151613;
}

.NB-dark .NB-menu-manage li.NB-menu-item {
    background-color: #303739;
}

.NB-dark .NB-menu-manage-container,
.NB-dark .NB-menu-manage .NB-menu-manage-site-info,
/* Preferences title background */
.NB-dark .NB-menu-manage li.NB-menu-item,
/* Icon background */
.NB-dark .NB-menu-manage-title

/* Title text background */
    {
    box-shadow: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-color: #10120b;
}

.NB-dark .NB-menu-manage li.NB-menu-item:hover:not(.NB-disabled):not(.NB-active),
.NB-dark .NB-menu-manage li.NB-menu-item.NB-hover:not(.NB-disabled):not(.NB-active) {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background-color: #3d4649;
}

.NB-dark .NB-menu-manage li.NB-menu-item:hover .NB-menu-manage-subtitle {
    color: rgba(255, 255, 255, .4);
}

.NB-dark .NB-menu-manage li.NB-menu-item:hover:not(.NB-disabled) .NB-menu-manage-title {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

/* Subtitle color for manage menu on cogwheel pop-up */
.NB-dark .NB-menu-manage-subtitle {
    color: gray;
}

/* Title colors and Folder titles when moving a feed to another folder */
.NB-dark .NB-popover-section-title,
.NB-dark .NB-folder-option-title {
    color: #c0c0c0;
}

/* Dividers */
.NB-dark .NB-popover-section,
.NB-dark .NB-menu-manage li.NB-menu-separator {
    border-bottom: 1px solid #252623;
}

/* Dividers: No bottom divider on last element */
.NB-dark .NB-popover-section:last-child,
.NB-dark .NB-menu-manage li.NB-menu-separator-inverse {
    border-bottom: none;
}

.NB-dark .NB-menu-manage .NB-menu-manage-feed-info,
.NB-dark .NB-menu-manage .NB-menu-manage-site-info {
    background-color: #252623;
}

.NB-dark .popover {
    box-shadow: none;
}

/* Arrow color, then clicking the options of a feed or story */
.NB-dark .NB-menu-manage-arrow {
    background-image: none;
    background-color: #303739;
    border-color: #10120b;
}

.NB-dark .popover.top-left .arrow,
.NB-dark .popover.top-right .arrow,
.NB-dark .popover.top .arrow {
    border-top-color: #999;
    border-top-color: #10120b;
}

.NB-dark .popover.top-left .arrow:after,
.NB-dark .popover.top-right .arrow:after,
.NB-dark .popover.top .arrow:after {
    border-top-color: #303739;
    border-bottom-width: 2px;
}

.NB-dark .popover.right .arrow {
    border-right-color: #999;
    border-right-color: #10120b;
}

.NB-dark .popover.right .arrow:after {
    border-right-color: #303739;
}

.NB-dark .popover.bottom .arrow,
.NB-dark .popover.bottom-left .arrow,
.NB-dark .popover.bottom-right .arrow {
    border-bottom-color: #10120b;
}

.NB-dark .popover.bottom .arrow:after,
.NB-dark .popover.bottom-left .arrow:after,
.NB-dark .popover.bottom-right .arrow:after {
    border-bottom-color: #303739;
    border-top-width: 2px;
}

.NB-dark .popover.left .arrow {
    border-left-color: #999;
    border-left-color: #10120b;
}

.NB-dark .popover.left .arrow:after {
    border-left-color: #303739;
}

/* Add new site border color */
.NB-dark .NB-popover {
    background-color: #303739;
    border: 3px solid #10120b;
    padding: 1px;
}

/* Add new site color */
.NB-dark .NB-add-form {
    color: #c0c0c0;
    background-color: #303739;
    border: none;
    padding: 0px;
}

/* Add new site input field and drop down menu */
.NB-dark .NB-input,
.NB-dark .NB-add input[type=text].ui-autocomplete-loading,
.NB-dark textarea,
.NB-dark textarea.NB-modal-email-comments,
.NB-dark .NB-add-form .NB-folders {
    color: #c0c0c0;
    background: none;
    background-color: #505050;
    border: solid 1px #505050;
}

.NB-dark .ui-menu.ui-autocomplete li {
    border-bottom: 1px solid #292931;
}

/* Input field suggestions window (1 of 6) */
.NB-dark .NB-add-form .ui-autocomplete.ui-widget-content {
    /*  position: static; */
    border-radius: 4px;
    border: 1px solid #90928b;
    background-color: #505050;
    background: none;
    color: #c0c0c0;
}

/* Input field suggestions window (2 of 6) */
.NB-dark .NB-add-form .ui-menu .ui-menu-item a {
    display: inline-block;
    width: 345px;
    height: 40px;
    border-radius: 4px;
    border-right: none;
    background: #303739;
    color: #c0c0c0;
}

/* Input field suggestions window (3 of 6) */
.NB-dark .NB-add-form .ui-menu .ui-menu-item a:hover {
    /*  border: 1px solid #90928b; */
    border-radius: 4px;
    border-right: none;
    display: inline-block;
    background: #252D30;
    color: #c0c0c0;
}

/* Input field suggestions window (4 of 6) */
.NB-dark .NB-add-form .ui-autocomplete li a .NB-add-autocomplete-title {
    color: #c0c0c0;
}

/* Input field suggestions window (5 of 6) */
.NB-dark .NB-add-form .ui-autocomplete li a .NB-add-autocomplete-address {
    color: #83b4e0;
}

/* Input field suggestions window (6 of 6) */
.NB-dark .NB-add-form .ui-autocomplete.ui-widget-content {
    background: #303739;
}

/* Unread/Oldest text color */
.NB-dark .NB-feedbar-options-stat .NB-stat,
.NB-dark .NB-dashboard-river-options-stat .NB-stat {
    color: #c0c0c0;
}

/* Style Font family active */
.NB-dark .segmented-control-vertical li.NB-active,
.NB-dark .segmented-control-vertical li.NB-active:active,
.NB-dark .segmented-control-vertical-active li {
    color: #c0c0c0;
    background-color: #6D6D74;
    background-image: none;
}

/* Style Font family non-active */
.NB-dark .segmented-control-vertical li {
    color: #c0c0c0;
    text-shadow: none;
    background-color: #303739;
    background-image: none;
}

/* Background color */
.NB-dark #simplemodal-container {
    background-color: #2f3840;
    box-shadow: none;
    border: 2px solid #131617;
}

/* Title color */
.NB-dark .NB-modal .NB-modal-title,
.NB-dark .NB-modal .NB-modal-subtitle,
.NB-dark .NB-modal .NB-feed-title,
.NB-dark .NB-modal .NB-modal-feed-heading,
.NB-dark .NB-modal-trainer .NB-trainer-points li b {
    color: #c0c0c0;
    text-shadow: none;
}

/* Header boxes */
.NB-dark fieldset legend {
    color: #c0c0c0;
    background-color: #303739;
    border: 1px solid #777;
}

/* Divider color */
.NB-dark .NB-profile-badge,
.NB-dark .NB-feed-notification,
.NB-dark fieldset {
    border-color: #777;
}

/* Selected tab */
.NB-dark .NB-modal .NB-modal-tab.NB-active {
    color: #c0c0c0;
    text-shadow: none;
    background-color: #252D30;
    border-bottom: 1px solid #252D30;
}

/* Non-selected tab */
.NB-dark .NB-modal .NB-modal-tab {
    color: #c0c0c0;
    text-shadow: none;
    background-color: #303739;
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
}

/* Last tab */
.NB-dark .NB-modal .NB-modal-tab:last-child {
    border-right: 1px solid #777;
}

/* Center window */
.NB-dark .NB-modal .NB-tab {
    color: #c0c0c0;
    border-top: 1px solid #777;
}

/* section "blobs" */
.NB-dark .NB-preference,
.NB-dark .NB-profile-badge table {
    background-color: #303739;
}

/* Text color for labels (Full, split, list, etc.) in preferences */
.NB-dark .NB-view-settings.NB-preference-options label,
.NB-dark .NB-modal-preferences .NB-preference-password label {
    color: #c0c0c0;
}

/* Drop down menus */
.NB-dark select {
    color: #c0c0c0;
    background-color: #505050;
    border: solid 1px #505050;
}

/* CSS input fields */
.NB-dark .NB-modal-profile-editor .NB-profile-blurblog-css,
.NB-dark .NB-modal-account .NB-account-custom-css,
.NB-dark .NB-modal-account .NB-account-custom-javascript {
    color: #c0c0c0;
    background-color: #505050;
    border: solid 1px #505050;
}

.NB-dark .NB-modal-profile .NB-profile-followers {
    background-color: #464646;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

/*Account input fields */
.NB-dark .NB-modal-account .NB-preference-username input,
.NB-dark .NB-modal-account .NB-preference-email input,
.NB-dark .NB-modal-account .NB-preference-password input {
    color: #c0c0c0;
    background: none;
    background-color: #505050;
    border: solid 1px #505050;
    box-shadow: none;
}


/* Goodies & Extras: Section "blobs" */
.NB-dark .NB-goodies-group,
.NB-dark .NB-modal-goodies .NB-goodies-title {
    color: #c0c0c0;
    text-shadow: none;
    background-color: #303739;
}

/* Goodies & Extras: Section subtitle text*/
.NB-dark .NB-modal-goodies .NB-goodies-subtitle {
    color: gray;
}

/* Goodies & Extras: Custom URLs input field */
.NB-dark .NB-modal-goodies .NB-goodies-custom-input {
    color: #c0c0c0;
    background-color: #505050;
    border: solid 1px #505050;
}

/* Tips & Tricks: Text color */
.NB-dark .NB-modal-tutorial {
    color: #c0c0c0;
}

/* Import or upload sites: Text color */
.NB-dark .NB-modal-page-text,
.NB-dark .NB-modal-intro .NB-page-2 h4,
.NB-dark .NB-modal-intro .NB-page-3,
.NB-dark .NB-modal-intro .NB-page-4,
.NB-dark .NB-modal-intro .NB-intro-import-starred-message,
.NB-dark .NB-modal-intro .NB-intro-module,
.NB-dark .NB-modal-intro .NB-intro-uptodate-follow,
.NB-dark .NB-modal-intro .NB-intro-services-stats-count-number {
    color: #c0c0c0;
    text-shadow: none;
}

/* Import or upload sites: Container color */
.NB-dark .NB-modal-intro .NB-intro-module,
.NB-dark .NB-modal-intro .NB-intro-uptodate-follow {
    background-color: #303739;
    border: 1px solid #999;
}

/* Import or upload sites: "Choose categories" selection color */
.NB-dark .NB-modal-intro .NB-intro-module .NB-modal-submit-button {
    background-color: #505050;
    background-image: none;
    color: #d5d4db;
    text-shadow: none;
}

/* Email Newsletters: Email field */
.NB-dark .NB-modal-newsletters .NB-newsletters-email {
    color: #c0c0c0;
    background-color: #505050;
    border: solid 1px #505050;
}

/* Email Newsletters: Body text color */
.NB-dark .NB-newsletters-group {
    color: #c0c0c0;
}

/* Keyboard shortcuts: Section "blobs" */
.NB-dark .NB-keyboard-group,
.NB-dark .NB-keyboard-shortcut-explanation {
    color: #c0c0c0;
    text-shadow: none;
    background-color: #303739;
}


/* Organize sites: Text color */
.NB-dark .NB-organizer-action-title,
.NB-dark .NB-organizer-sidebar-title,
.NB-dark .NB-feed-organizer-subscribers,
.NB-dark .NB-feed-organizer-laststory,
.NB-dark .NB-feed-organizer-monthlycount,
.NB-dark .NB-feed-organizer-opens {
    color: #c0c0c0;
}

/* Organize sites: Sorting categories text color */
.NB-dark .NB-modal-organizer .NB-organizer-action,
.NB-dark .NB-modal-organizer .NB-organizer-action.NB-active,
.NB-dark .NB-modal-organizer .NB-organizer-action.NB-active:hover {
    color: #83b4e0;
}

/* Organize sites: Container color */
.NB-dark .NB-modal-organizer .NB-organizer-sidebar-container {
    background-color: #303739;
}

/* Mute sites: Text color */
.NB-dark .NB-feedchooser-info-counts {
    text-shadow: none;
}

.NB-dark .NB-modal-feedchooser .NB-modal-subtitle b {
    color: #85bd67;
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-premium-plan {
    background-color: #303739;
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-info-reset {
    text-shadow: 0 1px 0 #181818;
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-premium-bullets {
    color: #A0A0A0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-premium-bullets li {
    border-top-color: rgba(0, 0, 0, .1);
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-premium-bullets li .NB-feedchooser-premium-bullet-image {
    filter: brightness(5);
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-dollar-value {
    text-shadow: 0 1px 0 #2b2a1e;
}

.NB-dark .NB-modal-feedchooser .NB-selected .NB-feedchooser-dollar-month {
    color: #8293b3;
}

.NB-dark .NB-modal-feedchooser .NB-selected .NB-feedchooser-dollar-year {
    color: #697192;
}

.NB-dark .NB-modal-feedchooser .NB-modal-submit.NB-modal-submit-paypal {
    background-color: #3b3725;
    background-image: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(0.16, #3b3725),
            color-stop(0.84, #3b392e));
    box-shadow: 0 2px 0 #383215;
}

.NB-dark .NB-modal-feedchooser .NB-feedchooser-premium-already {
    background-color: rgb(48 88 83);
    color: #85bd67;
}

/* Intelligence Trainer: Container color */
.NB-dark .NB-modal .NB-modal-subtitle,
.NB-dark .NB-modal-submit-bottom,
.NB-dark .NB-modal .NB-fieldset-fields {
    background-color: #252D30;
    border-top: none;
}

/* Intelligence Trainer: "Close" button color */
.NB-dark .NB-modal-trainer .NB-modal-submit .NB-modal-submit-grey {
    background-color: #505050;
    background-image: none;
    color: #d5d4db;
    text-shadow: none;
}

/* Site Settings: Text color */
.NB-dark .NB-preference-label,
.NB-dark .NB-modal-exception .NB-exception-label {
    color: #c0c0c0;
}

/* Site Statistics: Text color */
.NB-dark .NB-modal-statistics .NB-statistics-stat .NB-statistics-label,
.NB-dark .NB-statistics-count,
.NB-dark .NB-modal-statistics .NB-statistics-classifiers {
    color: #c0c0c0;
    text-shadow: none;
}

/* Site Statistics: Dividers */
.NB-dark .NB-modal-statistics .NB-statistics-facet-title,
.NB-dark .NB-modal-statistics .NB-statistics-facet {
    border-bottom: none !important;
}

.NB-dark .NB-modal-statistics .NB-statistics-stat {
    border-color: #404040;
}

.NB-dark .NB-modal-statistics .NB-statistics-history-chart-hours-row {
    background-color: #252D30;
}

.NB-dark .NB-classifier {
    background-color: #59656D;
}

.NB-dark .NB-classifiers .NB-classifier.NB-classifier-like {
    box-shadow: 1px 1px 1px #1f1f21;
}

.NB-dark .NB-classifiers .NB-classifier.NB-classifier-dislike {
    box-shadow: 1px 1px 1px #1f1f21;
}

.NB-dark .NB-classifiers .NB-classifier label b {
    color: rgba(255, 255, 255, 0.4);
}

.NB-dark .NB-classifiers .NB-classifier label span {
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

/* Interactions / Activities text color and thickness */
.NB-dark .NB-interactions-popover.NB-active-interactions .NB-tab-interactions,
.NB-dark .NB-interactions-popover.NB-active-activities .NB-tab-activities {
    color: #c0c0c0;
    font-weight: bold;
}

/* Interactions / Activities bottom border color */
.NB-dark .NB-interactions-popover .NB-interactions-header {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

/* Hover color */
.NB-dark .NB-interaction:hover:not(.NB-disabled) {
    background-color: #252D30;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/* Hover color of date "3 days ago" */
.NB-dark .NB-interaction:hover:not(.NB-disabled) .NB-interaction-date {
    color: #5e828b;
}

/* Click color (no color at all) */
.NB-dark .NB-interaction:active:not(.NB-disabled) {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    background: none;
}

/* New replies color */
.NB-dark .NB-interaction.NB-highlighted {
    background-color: #252D30;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/* Reply color */
.NB-dark .NB-interaction {
    background-color: #303739;
    border-bottom: 1px solid transparent;
}

/* Username color */
.NB-dark .NB-splash-info .NB-splash-links a,
.NB-dark .NB-static a,
.NB-dark .NB-splash-link {
    color: #83B4E0;
}

/* "replied to your reply" text color */
.NB-dark .NB-interaction-title {
    color: #c0c0c0;
}

.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-problem {
    background-color: #c18025;
    color: rgb(217, 217, 217);
}

.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-praise {
    background-color: #D7B806;
    color: rgb(255, 255, 255);
}

.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-idea {
    background-color: #5C9A1E;
    color: rgb(224, 224, 244);
}

.NB-dark .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-question {
    background-color: #4981A9;
    color: rgb(224, 224, 244);
}



/* ============================ */
/* = Task bars (top & bottom) = */
/* ============================ */

.NB-dark .NB-feeds-header-user,
.NB-dark .NB-feedbar,
.NB-dark .NB-taskbar-container,
.NB-dark #story_titles .NB-feedbar,
.NB-dark .NB-splash-info.NB-splash-bottom,
.NB-dark .left-south {
    color: #ddd;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    background: #393b3c;
    background-color: #393b3c;
    background-image: none;
    border-color: #303030
}

/* Buttons on bottom & top bar */
.NB-dark .NB-modal h5,
.NB-dark .NB-module h5,
.NB-dark .NB-module-header,
.NB-dark .NB-module-recommended-date,
.NB-dark .NB-taskbar-options,
.NB-dark .NB-feedbar-options {
    background: none;
    background-color: #212225;
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    /*border: 1px solid #90928b;*/
}

/* Segmented Controls */


.NB-dark .segmented-control {
    background: none;
}

.NB-dark .segmented-control li {
    color: #9A9B9C;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.NB-dark .segmented-control li.NB-active,
.NB-dark .segmented-control li.NB-active:not(.NB-disabled),
.NB-dark .segmented-control li:active:not(.NB-disabled),
.NB-dark .segmented-control-active li {
    background: none;
    background-color: #6c6c74;
    color: #FCFDFE;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.NB-dark .segmented-control:hover {
    background-color: #494d54;
}

.NB-dark .segmented-control:hover li.NB-active {
    background-color: #787881;
}

.NB-dark .segmented-control li:hover:not(.NB-disabled):not(.NB-active) {
    background-color: #585b63;
}

.NB-dark #story_taskbar {
    border-top: 1px solid #303030;
}

.NB-dark .NB-feedbar .NB-taskbar .NB-task-story-previous {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.NB-dark .NB-feedbar .NB-taskbar .NB-task-story-next {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/* Error text on bottom bar */
.NB-dark #story_taskbar .NB-river-progress .NB-river-progress-text,
.NB-dark #story_taskbar .NB-feed-error .NB-feed-error-text {
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

/* "Unread/Oldest" & "Style" border color */
/* Story Titles Hidden Count */
.NB-dark .NB-feedbar .NB-feedbar-options,
.NB-dark .NB-dashboard-river .NB-dashboard-river-options,
.NB-dark #story_taskbar .NB-taskbar-options,
.NB-dark .NB-feedbar .NB-story-title-indicator,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read,
.NB-dark .NB-feedbar .NB-feedbar-discover-container {
    color: #c0c0c0;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #303739;
}

.NB-dark .NB-dashboard-river .NB-dashboard-river-options {
    background-color: #565759;
}

.NB-dark .NB-feedbar .NB-feedbar-options:hover,
.NB-dark .NB-dashboard-river .NB-dashboard-river-options:hover,
.NB-dark #story_taskbar .NB-taskbar-options:hover,
.NB-dark .NB-feedbar .NB-story-title-indicator:hover,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read:hover,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-time:hover,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-expand:hover,
.NB-dark .NB-feedbar .NB-feedbar-discover-container:hover {
    background-color: #606466;
}

/* "Mark read" icon*/
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read .NB-icon {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAFuSURBVFhHzZXBSsNAEIYjQg+CCAWfonjqqYTcAj15zFP4AoIP0Kt4KHrvWSnised6yMnH6EusM2VWdsc/3STVTAsfZP+d3fnSJUnmnDspYGgJDC2BoSUwtASGlsDQEhhaAkNLsrqu3RDoxk2cnhAKh4Rk74gbP/5VMCQkci//4M5LmR0ZZQ+qZi9lIkTjhZ4XPiLrIaCmTTKfZVlewUX/Af3OqOmTkvBsWWZfByYPEjZpi8gs9V7CZno7vfipBQUH8Qs9eZ5fVlV1rnMPz9G6F72PEMkw0eKuFEVxTZt+ESskJTIraa551zJMNOhCIOMbRFIJmfWkmozC/Ty9jmw2n43pOpTxvHIjhq7f1FxUE0qE9BJK3b2A5uDRhsCwDQkpRFKGgWFbRKrpCQp5biPDHP3YJ94xzJJr9Lom/uTFKFKPupazLjIMDPtCAuF3aoFqUsDwGESqlwwDQ0tgaAkMLYGhJTC0BIaWwNAOl30DsVBFw8rjuF0AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 18px;
    width: 100%;
    height: 100%;
}

/* "Mark read" + expanded mode background color */
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-expand,
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-time {
    background: rgba(48, 55, 57, 1);
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-expand {
    background: transparent url('/media/embed/icons/circular/nav_icn_plus.png') no-repeat 4px center;
    background-size: 6px;
}

/* Expanded "Mark read" text color (14D, 7D, 3D, 1D)*/
.NB-dark .NB-feedbar .NB-feedbar-mark-feed-read-time {
    color: #c0c0c0;
}

/* Search input field */
.NB-dark input.NB-search-input[type="text"] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: none;
    background-color: #303739;
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    box-shadow: none;
}

.NB-dark .NB-searching input.NB-search-input[type="text"] {
    background-color: #505050;
}

/*
.NB-dark .NB-callout {
color: #333;
text-shadow: none;
}
*/

/* Selected tabs on bottom task bar */

.NB-dark #story_taskbar .NB-taskbar .NB-taskbar-button {
    padding-left: 14px;
    padding-right: 14px;
}

.NB-dark .NB-splash-blurred-logo {
    background: transparent url('/media/embed/logo_newsblur_blur_dark.png') no-repeat center center;
    background-size: contain;
}

/* ============= */
/* = Feed Pane = */
/* ============= */

.NB-dark .NB-feeds-list-loader,
.NB-dark .NB-feeds-list-error {
    color: rgba(255, 255, 255, .4);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: transparent url("/media/embed/reader/sun_loader_dark.svg") no-repeat 0 0;
    background-size: 52px;
}

.NB-dark .NB-feeds-list-empty {
    color: rgba(152, 152, 152, 1);
    text-shadow: 0 1px 0 rgba(32, 32, 32, 0.4);
}

.NB-dark .left-pane,
.NB-dark .NB-feedlist {
    background-color: #434543;
}

.NB-dark .NB-feedlist .feed {
    /* border-top: 1px solid #434543; */
    /* border-bottom: 1px solid #434543; */
    padding-right: 2px;
    background-color: #434543;
}

/* Selected Feed */
.NB-dark .NB-feedlist .feed.selected,
.NB-dark .NB-feedlist .feed.NB-selected,
.NB-dark .NB-feeds-header.NB-selected,
.NB-dark .NB-feedlist .folder.NB-selected>.folder_title {
    background: none;
    background-color: #4d6d95;
    /* border-top: 1px solid #2C305D; */
    /* border-bottom: 1px solid #2C305D; */
}

/* Shared Stories*/
.NB-dark .NB-feedlists .NB-socialfeeds {
    border-bottom: 0;
}

/*
.NB-dark .NB-feedlists .NB-socialfeeds .feed {
background-color: #303739;
border-top-color: #303739;
border-bottom-color: #303739;
}
*/

/* Feed title text */
.NB-dark .NB-feeds-header .NB-feeds-header-title,
.NB-dark .NB-feedlists .NB-socialfeeds .feed .feed_title,
.NB-dark .NB-feedlist .feed_title {
    color: #bdbdbd;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

/* Feed folder text */
.NB-dark .NB-feedlist .folder_title,
.NB-dark .NB-feedlist .folder.NB-selected>.folder_title {
    color: #bdbdbd;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

/* "All Site Stories" text*/
.NB-dark .NB-feeds-header {
    background: none;
    background-color: #646566;
    border-top-color: #797D7D;
    border-bottom-color: #4C4D4E;
}

.NB-dark .NB-feeds-header:hover:not(.NB-selected) {
    background: none;
    background-color: #5c5e60;
    border-top-color: #797D7D;
    border-bottom-color: #4C4D4E;
}

.NB-dark .NB-feeds-header-read.NB-feeds-header,
.NB-dark .NB-feeds-header-searches.NB-feeds-header,
.NB-dark .NB-feeds-header-starred.NB-feeds-header,
.NB-dark .NB-searches-folder {
    /* border-bottom: 1px solid #333536; */
}

.NB-dark .NB-feeds-header-container {
    background-color: #434543;
}

/* Unread feed count badge */
.NB-dark .unread_count_neutral {
    background-color: #7a7e77;
    color: #FDFEFE;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, .3); */
}




/* ================ */
/* = Stories Pane = */
/* ================ */

/* Stories background for grid view and other views */
.NB-dark .NB-layout-grid {
    background-color: #191b1c;
}

/* "All Site Stories" background color */
.NB-dark .NB-story-title {
    color: #c0c0c0;
    background-color: #292b2c;
    border-top: 1px solid #333536;
    border-bottom: 1px solid #232526;
}

.NB-dark .NB-story-title-grid.NB-story-title {
    border: none;
}

.NB-dark .NB-story-title-grid.NB-story-title .NB-storytitles-grid-bottom {
    background-color: #292b2c;
    border-top-color: #303030;
}

.NB-dark .NB-story-title:hover:not(.NB-selected),
.NB-dark .NB-story-title:hover:not(.NB-selected) .NB-storytitles-grid-bottom {
    background-color: #232526;
}

.NB-dark .NB-story-title.read:hover:not(.NB-selected),
.NB-dark .NB-story-title.read:hover:not(.NB-selected) .NB-storytitles-grid-bottom {
    background-color: #292b2c;
}

.NB-dark .NB-story-title.read .NB-storytitles-author {
    color: #696b6c;
}

.NB-dark .read .NB-storytitles-content-preview {
    color: #595b5c;
}

.NB-dark .NB-story-title.read .story_date {
    color: #696b6c;
}

/* Feed title text */
.NB-dark .NB-feedbar .feed .feed_title,
.NB-dark .NB-feedbar .folder_title_text {
    color: #c0c0c0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

/* Stories title text */
.NB-dark #story_titles .NB-story-title.NB-selected a.story_title,
.NB-dark #story_titles .NB-story-title a.story_title {
    color: #ddd;
}

/* Date color */
.NB-dark .NB-hidden-fade {
    color: gray;
}

/* Selected stories highlight */
.NB-dark .NB-story-title.NB-selected {
    color: #eee;
    /* border-top: 1px solid #414545;
    border-bottom: 1px solid #202121; */
    background: none;
    background-color: #30393F;
}

/* Bottom banner (NB logo) */
.NB-dark .NB-end-line,
.NB-dark .NB-feed-story-endbar {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242529), to(#1e1f22));
    background-color: #1B2325;
    border-top-color: #303739;
    border-bottom: 1px solid #111111;
}


.NB-dark .NB-end-line {
    animation: dark-end-line-animation 1.7s ease infinite;
}

@keyframes dark-end-line-animation {
    0% {
        background-color: #242529
    }

    38% {
        background-color: #273a55
    }

    100% {
        background-color: #242529
    }
}

/* Search header */
.NB-dark .NB-search-header {
    color: #c0c0c0;
    background-color: #303739;
    border-bottom: none;
    background-image: none;
}

.NB-dark .NB-search-header .NB-search-header-save,
.NB-dark .NB-search-header .NB-search-header-save:hover,
.NB-dark .NB-search-header .NB-search-header-save.NB-active {
    color: #c0c0c0;
    background-color: rgb(43, 49, 51);
}

.NB-dark .NB-story-content-wrapper .NB-story-content-expander {
    background-color: #191b1c;
}

.NB-dark .NB-story-content-wrapper .NB-story-content-expander .NB-story-cutoff {
    background: transparent url('/media/embed/circular/module_cutoff_dark.png') repeat-x left bottom;
}

/*
.NB-dark .NB-feeds-header-river-container .NB-feeds-header {
border-bottom: 1px solid #222d31;
}
*/

/*
.NB-dark .NB-feeds-header-starred.NB-feeds-header {
border-top: 1px solid #222d31;
}
*/

/*
.NB-dark .NB-feeds-header:hover:not(.NB-selected) {
background: none;
background-color: #5d8392;
}
*/




/* ======================= */
/* = Selected Story Pane = */
/* ======================= */

/* Background for grid view and other views */
.NB-dark .NB-feed-stories,
.NB-dark .NB-story-content-container {
    color: #c0c0c0;
    background-color: #191b1c;
}

.NB-dark .NB-newsletter p,
.NB-dark .NB-newsletter div,
.NB-dark .NB-newsletter span,
.NB-dark .NB-newsletter td {
    color: #c0c0c0 !important;
}

.NB-dark .NB-newsletter td {
    background-color: #191b1c;
}

.NB-dark .NB-newsletter h1,
.NB-dark .NB-newsletter h2,
.NB-dark .NB-newsletter h3,
.NB-dark .NB-newsletter h4,
.NB-dark .NB-newsletter h5,
.NB-dark .NB-newsletter h6 {
    color: #c0c0c0 !important;
}

/* Quote blocks found in stories */
.NB-dark .NB-feed-story blockquote {
    color: #c0c0c0;
    background: none;
    border-left: 2px solid #c0c0c0;
}

/* Quote blocks found in stories (font) */
.NB-dark .NB-feed-story blockquote font {
    color: #c0c0c0;
}

/* Special text box */
.NB-dark .hljs {
    color: #c0c0c0;
    background-color: #1b2325;
}

/* Strikethrough/removed text background color (red) */
.NB-dark .NB-feed-story-content del {
    background-color: #920000;
}

/* Inserted text background color (greed) */
.NB-dark .NB-feed-story-content ins {
    background-color: #069000;
}

.NB-dark .NB-feed-story-content .NB-starred-story-selection-highlight,
.NB-dark .NB-feed-story-content .NB-highlight {
    background-color: #4a6379;
    color: #f3f3f3;
}

.NB-dark .NB-feed-story-content .NB-classifier-highlight-positive {
    background-color: #2d5f2a;
    color: #f3f3f3;
    padding: 2px 5px;
    cursor: pointer;
}

.NB-dark .NB-feed-story-content .NB-classifier-highlight-negative {
    background-color: #6b2c2c;
    color: #f3f3f3;
    padding: 2px 5px;
    cursor: pointer;
}

.NB-dark .NB-feed-story-content .NB-search-highlight {
    background-color: #5E4A6E;
    color: #f3f3f3;
    padding: 2px 5px;
    cursor: pointer;
}

/* Link color */
.NB-dark .NB-feed-story a {
    color: #83b4e0;
}

/*
.NB-dark #story_titles .NB-story-title:hover:not(.NB-selected) {
background-color: #232526;
border-top: 1px solid transparent;
}
*/

/*
.NB-dark .NB-feed-story a.NB-feed-story-title:hover, 
.NB-dark .NB-feed-story a.NB-feed-story-title:hover .NB-score-1, 
.NB-dark .NB-feed-story a.NB-feed-story-title:hover .NB-score--1 {
color: #fff;
}
*/

/* Story title background */
.NB-dark .NB-feed-story .NB-feed-story-header-info {
    background-color: #303739;
}

.NB-dark .NB-feed-story.read .NB-feed-story-header-info {
    background-color: #202729;
}

.NB-dark .NB-feed-story .NB-feed-story-header .NB-feed-story-date,
.NB-dark .NB-feed-story .NB-feed-story-header .NB-feed-story-author-wrapper {
    color: #A2B3BF;
}

.NB-dark .NB-feed-story.read .NB-feed-story-header .NB-feed-story-date,
.NB-dark .NB-feed-story.read .NB-feed-story-header .NB-feed-story-author-wrapper {
    color: #636D74;
}

.NB-dark .NB-feed-story .NB-feed-story-tag {
    border-color: rgba(255, 255, 255, 0.05) transparent rgba(0, 0, 0, 0.4);
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score-1 {
    /* Green */
    background-color: #627c50;
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score-1:hover {
    /* Green, active -> Red */
    background-color: #905051;
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score--1 {
    /* Red */
    background-color: #905051;
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score--1:hover {
    /* Red, active -> [Light] Grey */
    background-color: rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score-now-0:hover {
    /* Grey, active */
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score-now-1.NB-score-1:hover {
    /* Green, active */
    background-color: #627c50;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.NB-dark .NB-feed-story .NB-feed-story-tag.NB-score-now--1.NB-score--1:hover {
    /* Red, active */
    background-color: #905051;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}


/* Story title text color */
.NB-dark .NB-feed-story a.NB-feed-story-title {
    color: #d0d0d0;
}

.NB-dark .NB-feed-story.read a.NB-feed-story-title {
    color: #c0c0c0;
}

/* Story buttons (Train, Save, Share) */
.NB-dark .NB-sideoption {
    border: none;
    text-shadow: none;
    background-color: transparent;
}


/* Story button text color (Train, Save, Share) */
.NB-dark .NB-sideoption .NB-sideoption-title {
    color: #808080;
}

.NB-dark .NB-sideoption-save,
.NB-dark .NB-sideoption-share,
.NB-dark .NB-sideoption-discover {
    border: 1px solid #303739;
}

/* Save story and share window. Tag/Comment title */
.NB-dark .NB-sideoption-save .NB-sideoption-save-title,
.NB-dark .NB-sideoption-share .NB-sideoption-share-title {
    text-shadow: none;
    color: #c0c0c0;
}

.NB-dark .NB-sideoption-discover .segmented-control-item a {
    color: #c0c0c0;
}

.NB-dark ul.tagit {
    border-color: #303739;
}

/* Tag button and "Add 1 story tag" button */
.NB-dark ul.tagit li.tagit-choice,
.NB-dark .NB-sideoption-save .NB-sideoption-save-populate {
    color: #c0c0c0;
    background-color: #303739;
    border-color: rgba(255, 255, 255, .1) transparent rgba(0, 0, 0, .1);
}

/* Tag window when saving story. Input box */
.NB-dark ul.tagit input[type="text"] {
    color: #c0c0c0;
    background: none;
    background-color: #505050;
    border: solid 1px #505050;
}

/* Tag window when saving story. Input box suggestions (1 of 3) */
.NB-dark .NB-tagging-autocomplete.ui-widget-content {
    width: auto;
    border: 1px solid #90928b;
    border-radius: 4px;
}

/* Tag window when saving story. Input box suggestions (2 of 3) */
.NB-dark .NB-tagging-autocomplete.ui-widget-content a {
    border-radius: 0px;
    /* 	border: 1px solid #90928b; */
    background-color: #303739;
    background: #303739;
    color: #c0c0c0;
}

/* Tag window when saving story. Input box suggestions (3 of 3) */
.NB-dark .NB-tagging-autocomplete.ui-widget-content a:hover {
    border-radius: 0px;
    /* 	border: 1px solid #90928b; */
    background-color: #303739;
    background: #252D30;
    color: #c0c0c0;
}

.NB-dark .NB-sideoption-share-comments {
    color: #000;
    background: #777;
    border: 1px solid #90928b;
}


.NB-dark .NB-sideoption:hover,
.NB-dark .NB-sideoption.NB-active,
.NB-dark .NB-story-starred .NB-dark .NB-sideoption.NB-feed-story-save,
.NB-dark .NB-story-shared .NB-sideoption.NB-feed-story-share {
    background-color: #303739;
}

/* Story comment teaser (Top of story) and story comment (bottom of story) color */
.NB-dark .NB-story-comments-shares-teaser,
.NB-dark .NB-feed-story-comments {
    background-color: #222425;
    border-color: #18191A;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

/* Story comment border color */
.NB-dark .NB-story-comment,
.NB-dark .NB-story-comment-reply {
    border-color: #191b1c;
}


/*
.NB-dark .NB-story-content-wrapper .NB-story-content-expander {
background: #191b1c;
}
*/

/* Story comment text color*/
.NB-dark .NB-story-comment-content,
.NB-dark .NB-story-comment-reply-content {
    color: #c0c0c0;
}


/* Story commenter username color */
.NB-dark .NB-story-comment .NB-story-comment-username {
    color: #83b4e0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}

/* Comment reply input field color */
.NB-dark .NB-story-comment-reply-comments {
    border: solid 1px #505050;
    background-color: #505050;
}

/* Comment "Reply" & "Post" button color */
.NB-dark .NB-story-comment-reply-button-wrapper {
    background-color: #505050;
}

.NB-dark .NB-story-comment-reply-button-wrapper,
.NB-dark .NB-modal-submit-green {
    background-image: none;
    color: #d5d4db;
    text-shadow: none;
}

.NB-dark .NB-tryout-signup {
    background-color: #217412;
}

.NB-dark .NB-story-list-empty {
    color: rgba(255, 255, 255, .6);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

/* ================= */
/* = NewsBlur Blog = */
/* ================= */

/* Background color and text color */
.NB-dark .TextPost {
    background-color: #191b1c;
    color: #c0c0c0;
    border-top: none;
}

/* Post title color */
.NB-dark .PostTitle,
.NB-dark .PostTitle a:link,
.NB-dark .PostTitle a:hover,
.NB-dark .PostTitle a:visited {
    color: #c0c0c0;
    border-bottom: none;
}

/* Divider line dividing article and footer */
.NB-dark .FooterLine {
    background-color: #c0c0c0;
}

/* Footer that contains article date, etc. */
.NB-dark .Footer,
.NB-dark .FooterBoarder {
    background-color: #191b1c;
    background: none;
}




/* ================== */
/* = NewsBlur Forum = */
/* ================== */

/* "Log In" & "Sign Up" window */
.NB-dark .modal-header,
.NB-dark .modal-footer,
.NB-dark .modal-inner-container,
.NB-dark .modal .modal-body label {
    color: #c0c0c0;
    background-color: #303739;
    border: none;
}

/* Header */
.NB-dark .d-header {
    background-color: #191b1c;
    box-shadow: none;
}

/* Category names */
.NB-dark .category-name {
    color: #83b4e0;
}

.NB-dark .selected-name .category-name {
    color: #FFFFFF;
}

/* Sorting titles ("Category", "Replies", "Activity") */
.NB-dark .topic-list .sortable:hover {
    color: #c0c0c0;
    background-color: #0088cc;
}

/* Thread excerpt */
.NB-dark .topic-excerpt {
    color: #c0c0c0;
}

/* Topic fade-in */
.NB-dark .topic-body {
    animation: none;
}

/* Topic bar at the bottom of OP */
.NB-dark .topic-map {
    border: none;
}

/* Topic bar at the bottom of OP */
.NB-dark .topic-map section {
    background-color: #191b1c;
    border-top: 1px solid #191b1c;
    border-bottom: 1px solid #191b1c;
    border-left: 1px solid #191b1c;
    border-right: 1px solid #191b1c;
}

/* Expand/Collapse button in Topic bar */
.NB-dark .topic-map .buttons .btn {
    background-color: #191b1c;
    border-left: 1px solid #191b1c;
    border-bottom: none;
}

/* Quote box */
aside.quote .title,
blockquote {
    border-left: 5px solid #c0c0c0;
    background-color: #191b1c;
}

/* Link box border */
aside.onebox {
    border-left: 5px solid #c0c0c0;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

/* Mention box */
a.mention, a.mention-group {
    background: none;
}

/* Link counter badge and code block */
.NB-dark .badge-notification.clicks,
.NB-dark p>code,
.NB-dark li>code,
.NB-dark pre>code {
    color: #c0c0c0;
    background: #303739;
}

/* Thread progress bar */
.NB-dark #topic-progress {
    background-color: #343b3d;
    border: none;
}

/* Thread progress bar fill */
.NB-dark #topic-progress .bg {
    border: none;
}

/* "All categories" button */
.NB-dark .select-kit.combo-box.category-drop .category-drop-header {
    background: #0088cc;
    color: #fff;
}

/* "Latest" button */
.NB-dark .nav-pills>li.active>a,
.NB-dark .nav-pills>li>a.active {
    color: #fff;
}

/* "Latest", "Top, "Categories" button hover */
.NB-dark .nav-pills li a:hover {
    background: none;
    background-color: #e45735;
}

/* "All categories" dropdown menu */
.NB-dark .select-kit.combo-box.category-drop .select-kit-collection {
    background: #343b3d;
}

/* "All categories" dropdown menu - Category font */
.NB-dark .badge-wrapper.bullet span.badge-category {
    color: #c0c0c0;
    font-weight: bold;
}

/* "All categories" dropdown menu - Highlighted element background */
.NB-dark .select-kit .select-kit-row.is-highlighted,
.NB-dark .select-kit .select-kit-row.is-selected {
    background: #0088cc;
}

/* "All categories" dropdown menu - Highlighted element text */
.NB-dark .select-kit.combo-box.category-drop .select-kit-row .category-desc {
    color: #c0c0c0;
}

/* "Latest", "Top, "Categories", "Category", "Replies", "Activity" */
.NB-dark .nav-pills li a,
.NB-dark .category.sortable,
.NB-dark .posts.sortable.num,
.NB-dark .activity.sortable.num {
    color: #83b4e0;
}

/* "Latest", "Top, "Categories", "Category", "Replies", "Activity" button hover */
.NB-dark .nav-pills li a:hover,
.NB-dark .category.sortable:hover,
.NB-dark .posts.sortable.num:hover,
.NB-dark .activity.sortable.num:hover {
    color: #fff;
}


/* Hamburger menu and Search icon */
.NB-dark .d-header-icons .icon:hover,
.NB-dark .d-header-icons .icon:focus,
.NB-dark .d-header-icons .icon:active {
    background-color: #191b1c;
}

/* Seach input field */
.NB-dark input[type="text"],
.NB-dark input[type="password"],
.NB-dark input[type="datetime"],
.NB-dark input[type="datetime-local"],
.NB-dark input[type="date"],
.NB-dark input[type="month"],
.NB-dark input[type="time"],
.NB-dark input[type="week"],
.NB-dark input[type="number"],
.NB-dark input[type="email"],
.NB-dark input[type="url"],
.NB-dark input[type="search"],
.NB-dark input[type="tel"],
.NB-dark input[type="color"] {
    color: #c0c0c0;
    background: none;
    background-color: #505050;
    border: solid 1px #505050;
}

/* Search result text */
.NB-dark .search-link .blurb {
    color: #c0c0c0;
}

/* Search term in search result text */
.NB-dark .search-link .blurb .search-highlight {
    color: #fff;
}

/* Search result item on hover */
.NB-dark .search-menu a:hover {
    background-color: #0088cc;
}

/* Hamburger menu dropdown menu */
.NB-dark .menu-panel {
    background: #343b3d;
    border-top: 1px solid #90928b;
    border-left: 1px solid #90928b;
    border-right: 1px solid #90928b;
    border-bottom: 1px solid #90928b;
}

/* Hamburger menu dropdown menu dividers */
.NB-dark .menu-panel hr {
    border-top: 1px solid #90928b;
}

/* Hamburger menu dropdown menu selection hover */
.NB-dark .menu-panel ul.menu-links li a:hover,
.NB-dark .menu-panel ul.menu-links li a:focus,
.NB-dark .menu-panel ul li.heading a:hover,
.NB-dark .menu-panel ul li.heading a:focus {
    background-color: #0088cc;
}

/* Hamburger menu dropdown menu category titles */
.NB-dark .menu-panel ul.menu-links li a,
.NB-dark .menu-panel ul li.heading a {
    color: #c0c0c0;
}

/* Advanced search - Title box */
.NB-dark .search-container .search-advanced-sidebar .search-advanced-title {
    background: #191b1c;
    border-left: 1px solid #90928b;
    border-right: 1px solid #90928b;
    border-top: 1px solid #90928b;
}

/* Advanced search - Body box */
.NB-dark .search-container .search-advanced-sidebar .search-advanced-filters {
    background: #191b1c;
    border: 1px solid #90928b;
}

/* Advanced search - Dropdown menus */
.NB-dark .select-kit .select-kit-collection,
.NB-dark .select-kit.combo-box .select-kit-header {
    color: #c0c0c0;
    background-color: #505050;
    border: none;
}

/* Advanced search - "All categories" dropdown menu search field */
.NB-dark .select-kit.is-expanded .select-kit-body {
    background-color: #505050;
}

.NB-dark .NB-history-fetch.NB-ok {
    color: #499433;
}

.NB-dark .NB-history-fetch.NB-errorcode {
    color: #953524;
}

.NB-dark .NB-subscribed {
    color: #3c7922;
}

/* ======================== */
/* = Ask AI Menu (Dark)   = */
/* ======================== */

.NB-dark .NB-menu-ask-ai-container {
    background-color: rgba(42, 47, 58, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.6);
}

.NB-dark .NB-menu-ask-ai-container.NB-inverse {
    background-color: rgba(36, 41, 54, 0.95);
}

.NB-dark .NB-menu-ask-ai-option,
.NB-dark .NB-menu-ask-ai-group {
    background-color: rgba(30, 35, 48, 0.8);
    color: #E0E6ED;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.NB-dark .NB-menu-ask-ai-group-header {
    color: #B0B8C0;
}

/* Highlight Summarize header row when hovering over Brief/Medium/Detailed segments (dark mode) */
.NB-dark .NB-menu-ask-ai-group:has(.NB-menu-ask-ai-segment:hover) .NB-menu-ask-ai-group-header {
    background-color: rgba(45, 53, 68, 0.9);
    color: #E0E6ED;
}

.NB-dark .NB-menu-ask-ai-group:has(.NB-menu-ask-ai-segment:hover) .NB-menu-ask-ai-group-header .NB-menu-ask-ai-icon {
    filter: grayscale(0%) brightness(1.1);
}

.NB-dark .NB-menu-ask-ai-option:last-child {
    border-bottom: none;
}

.NB-dark .NB-menu-ask-ai-option:hover {
    background-color: rgba(45, 53, 68, 0.9);
}

.NB-dark .NB-menu-ask-ai-option:active {
    background-color: rgba(58, 69, 87, 0.9);
}

.NB-dark .NB-menu-ask-ai-segmented-control {
    background-color: rgba(20, 25, 35, 0.5);
}

.NB-dark .NB-menu-ask-ai-segment {
    background-color: rgba(30, 35, 48, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.NB-dark .NB-menu-ask-ai-segment:hover {
    background-color: rgba(45, 53, 68, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.NB-dark .NB-menu-ask-ai-segment:active {
    background-color: rgba(58, 69, 87, 0.9);
}

.NB-dark .NB-menu-ask-ai-segment-text {
    color: #E0E6ED;
}

.NB-dark .NB-menu-ask-ai-segment-detail {
    color: #90928B;
}

.NB-dark .NB-menu-ask-ai-icon {
    filter: grayscale(100%) brightness(0.8);
}

.NB-dark .NB-menu-ask-ai-option:hover .NB-menu-ask-ai-icon,
.NB-dark .NB-menu-ask-ai-segment:hover .NB-menu-ask-ai-segment-icon {
    filter: grayscale(0%) brightness(1.1);
}

.NB-dark .NB-menu-ask-ai-custom-input-wrapper {
    background-color: rgba(20, 25, 35, 0.5);
    border-top-color: rgba(255, 255, 255, 0.1);
}

.NB-dark .NB-menu-ask-ai-custom-input {
    background-color: rgba(30, 35, 48, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
    color: #E0E6ED;
}

.NB-dark .NB-menu-ask-ai-custom-input:focus {
    border-color: rgba(255, 255, 255, 0.2);
}

.NB-dark .NB-menu-ask-ai-custom-input::placeholder {
    color: #70788B;
}

.NB-dark .NB-menu-ask-ai-voice-button {
    background-color: rgba(30, 35, 48, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.NB-dark .NB-menu-ask-ai-voice-button:hover {
    background-color: rgba(40, 45, 60, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.NB-dark .NB-menu-ask-ai-voice-button.NB-recording {
    background-color: #FF6B6B;
    border-color: #FF6B6B;
}

.NB-dark .NB-menu-ask-ai-voice-button.NB-transcribing {
    background-color: #4ECDC4;
    border-color: #4ECDC4;
}

.NB-dark .NB-menu-ask-ai-voice-icon {
    filter: grayscale(100%) brightness(0.8);
}

.NB-dark .NB-menu-ask-ai-voice-button:hover .NB-menu-ask-ai-voice-icon {
    filter: grayscale(0%) brightness(1.1);
}

/* Ask split button - dark mode */
.NB-dark .NB-menu-ask-ai-submit-menu .NB-menu-ask-ai-custom-submit {
    background-color: #5A9452;
}

.NB-dark .NB-menu-ask-ai-submit-menu .NB-menu-ask-ai-custom-submit:hover {
    background-color: #6BA562;
}

.NB-dark .NB-menu-ask-ai-submit-menu .NB-menu-ask-ai-submit-dropdown-trigger {
    background-color: #5A9452;
}

.NB-dark .NB-menu-ask-ai-submit-menu .NB-menu-ask-ai-submit-dropdown-trigger:hover {
    background-color: #6BA562;
}

.NB-dark .NB-menu-ask-ai-submit-menu.NB-disabled .NB-menu-ask-ai-custom-submit {
    background-color: #4A7A44;
    color: rgba(255, 255, 255, 0.5);
    cursor: default;
    pointer-events: none;
}


.NB-dark .NB-menu-ask-ai-submit-menu .NB-menu-ask-ai-model-dropdown {
    background-color: #2A2A2A;
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ======================== */
/* = Ask AI Inline (Dark) = */
/* ======================== */

.NB-dark .NB-story-ask-ai-inline {
    background: linear-gradient(135deg, #1a1f2e 0%, #2a1f1e 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.NB-dark .NB-story-ask-ai-inline::before {
    background: linear-gradient(90deg, rgba(74, 144, 226, 0.6) 0%, rgba(226, 74, 144, 0.6) 50%, rgba(226, 144, 74, 0.6) 100%);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-question {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.NB-dark .NB-story-ask-ai-inline.NB-thinking .NB-story-ask-ai-question {
    animation: borderPulseDark 1.7s ease infinite;
}

@keyframes borderPulseDark {
    0% {
        border-color: rgba(92, 137, 201, 0.4);
    }

    38% {
        border-color: rgba(92, 137, 201, 0.8);
    }

    100% {
        border-color: rgba(92, 137, 201, 0.4);
    }
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-question-text {
    color: #E0E6ED;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-close {
    background-color: rgba(255, 255, 255, 0.08);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-close::before {
    color: #A0ADB8;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-close:hover {
    background-color: rgba(226, 74, 74, 0.25);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-close:hover::before {
    color: #FF6B6B;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-loading .NB-loading-text {
    color: #6BA3E0;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-error {
    background-color: rgba(226, 144, 74, 0.15);
    border-color: rgba(139, 90, 43, 0.4);
    border-left-color: rgba(226, 144, 74, 0.6);
    color: #FFB870;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-error strong {
    color: #FFC890;
}

.NB-dark .NB-story-ask-ai-usage-message {
    background-color: rgba(74, 144, 226, 0.15);
    border-color: rgba(74, 144, 226, 0.3);
    border-left-color: rgba(74, 144, 226, 0.6);
    color: #6BA3E0;
}

.NB-dark .NB-story-ask-ai-usage-message a {
    color: #8BC5FF;
}

.NB-dark .NB-story-ask-ai-usage-message a:hover {
    color: #A8D4FF;
}

/* Model Pills - Dark Mode */
.NB-dark .NB-story-ask-ai-model-pill.NB-provider-anthropic {
    background: linear-gradient(135deg, #8B4D35 0%, #6B3A28 100%);
    color: #F5C4B0;
    border: 1px solid #A35845;
}

.NB-dark .NB-story-ask-ai-model-pill.NB-provider-openai {
    background: linear-gradient(135deg, #1A4D44 0%, #0F3830 100%);
    color: #A8E6CF;
    border: 1px solid #2D6A5A;
}

.NB-dark .NB-story-ask-ai-model-pill.NB-provider-google {
    background: linear-gradient(135deg, #1A3A5C 0%, #0F2840 100%);
    color: #8AB4F8;
    border: 1px solid #3D6A9F;
}

.NB-dark .NB-story-ask-ai-model-pill.NB-provider-xai {
    background: linear-gradient(135deg, #2A2A2A 0%, #1A1A1A 100%);
    color: #FFFFFF;
    border: 1px solid #444444;
}

.NB-dark .NB-story-ask-ai-model-pill.NB-provider-unknown {
    background: linear-gradient(135deg, #424242 0%, #303030 100%);
    color: #BDBDBD;
    border: 1px solid #616161;
}

/* Error state for model pill - Dark Mode */
.NB-dark .NB-story-ask-ai-model-pill.NB-error {
    border-color: #EF5350 !important;
    box-shadow: 0 0 0 2px rgba(239, 83, 80, 0.3);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-answer {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #D0D8E0;
}

.NB-dark .NB-story-ask-ai-answer h1,
.NB-dark .NB-story-ask-ai-answer h2,
.NB-dark .NB-story-ask-ai-answer h3,
.NB-dark .NB-story-ask-ai-answer h4,
.NB-dark .NB-story-ask-ai-answer h5,
.NB-dark .NB-story-ask-ai-answer h6 {
    color: #E8EDF4;
}

.NB-dark .NB-story-ask-ai-answer h6 {
    color: #A0AEC0;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-custom-input {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #E0E6ED;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-custom-input:focus {
    border-color: rgba(74, 144, 226, 0.6);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-custom-input::placeholder {
    color: #6B7A92;
}

.NB-dark .NB-story-ask-ai-voice-button {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.NB-dark .NB-story-ask-ai-voice-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.NB-dark .NB-story-ask-ai-voice-button.NB-recording {
    background-color: #FF6B6B;
    border-color: #FF6B6B;
}

.NB-dark .NB-story-ask-ai-voice-button.NB-transcribing {
    background-color: #4ECDC4;
    border-color: #4ECDC4;
}

.NB-dark .NB-story-ask-ai-voice-icon {
    filter: grayscale(100%) brightness(0.8);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-followup-wrapper {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* Re-ask button - dark mode */
.NB-dark .NB-story-ask-ai-reask-button {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: #A0A8B0;
}

.NB-dark .NB-story-ask-ai-reask-button:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.3);
    color: #D0D8E0;
}

/* Send split button - dark mode */
.NB-dark .NB-story-ask-ai-send-menu .NB-story-ask-ai-send-button {
    background-color: #3A7A8A;
    color: white;
    border: none;
    box-shadow: none;
}

.NB-dark .NB-story-ask-ai-send-menu .NB-story-ask-ai-send-button:hover {
    background-color: #4A8A9A;
}

.NB-dark .NB-story-ask-ai-send-menu .NB-story-ask-ai-send-dropdown-trigger {
    background-color: #3A7A8A;
    border-left-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.NB-dark .NB-story-ask-ai-send-menu .NB-story-ask-ai-send-dropdown-trigger:hover {
    background-color: #4A8A9A;
}

/* Finish recording split button - dark mode */
.NB-dark .NB-story-ask-ai-finish-recording-menu .NB-story-ask-ai-finish-recording-button {
    background-color: #A44A37;
    color: white;
    border: none;
    box-shadow: none;
}

.NB-dark .NB-story-ask-ai-finish-recording-menu .NB-story-ask-ai-finish-recording-button:hover {
    background-color: #B45A47;
}

.NB-dark .NB-story-ask-ai-finish-recording-menu .NB-story-ask-ai-finish-recording-dropdown-trigger {
    background-color: #A44A37;
    border-left-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.NB-dark .NB-story-ask-ai-finish-recording-menu .NB-story-ask-ai-finish-recording-dropdown-trigger:hover {
    background-color: #B45A47;
}

.NB-dark .NB-story-ask-ai-model-dropdown {
    background-color: #2A2A2A;
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.NB-dark .NB-model-option {
    color: #C0C8D0;
}

.NB-dark .NB-model-option:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.NB-dark .NB-model-option.NB-selected {
    background-color: rgba(74, 144, 226, 0.2);
    color: #8AB4F8;
}

.NB-dark .NB-model-option.NB-selected:hover {
    background-color: rgba(74, 144, 226, 0.3);
}

.NB-dark .NB-provider-pill.NB-provider-anthropic {
    background: linear-gradient(135deg, #8B4D35 0%, #6B3A28 100%);
    color: #F5C4B0;
    border: 1px solid #A35845;
}

.NB-dark .NB-provider-pill.NB-provider-openai {
    background: linear-gradient(135deg, #2A5A4A 0%, #1A4A3A 100%);
    color: #90D0C0;
    border: 1px solid #3A6A5A;
}

.NB-dark .NB-provider-pill.NB-provider-google {
    background: linear-gradient(135deg, #2A4A7A 0%, #1A3A6A 100%);
    color: #90B0E0;
    border: 1px solid #3A5A8A;
}

.NB-dark .NB-provider-pill.NB-provider-xai {
    background: linear-gradient(135deg, #3A3A3A 0%, #2A2A2A 100%);
    color: #E0E0E0;
    border: 1px solid #5A5A5A;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-followup-input {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #E0E6ED;
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-followup-input:focus {
    border-color: rgba(74, 144, 226, 0.6);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15);
}

.NB-dark .NB-story-ask-ai-inline .NB-story-ask-ai-followup-input::placeholder {
    color: #6B7A92;
}

.NB-dark .NB-story-ask-ai-voice-button:hover .NB-story-ask-ai-voice-icon {
    filter: grayscale(0%) brightness(1.1);
}
