/*---------------------------------------------------------------------------*
 * Dark Mode Style
 *---------------------------------------------------------------------------*/
/** Account Page: Stats **/
.jnews-dark-mode .jnews-view-stats-chart-wrapper .active {
  background: unset;
}

.jnews-dark-mode .jnews-view-stats-post-nav li {
  border-color: var(--j-border-color);
  color: var(--j-txt-color);
}

.jnews-dark-mode .jnews-view-stats-post-nav li:hover {
  background: var(--j-grey-bg-color);
}

.jnews-dark-mode .jnews-view-stats-post-nav li.active {
  border-bottom-color: var(--j-accent-color);
}

.jnews-dark-mode .jnews-view-stats-post-wrapper .module-overlay {
  background: rgba(0, 0, 0, 0.2);
}
.jnews-dark-mode .jnews-view-stats-post-wrapper .jeg_post {
  border-color: var(--j-border-color);
}

/** Date Range Picker **/
.jnews-dark-mode .datepicker-picker {
    background-color: var(--j-grey-bg-color)
}

.jnews-dark-mode .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
}

.jnews-dark-mode .datepicker-footer {
    box-shadow: inset 0 1px 1px rgba(10, 10, 10, .1);
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-title {
    box-shadow: inset 0 -1px 1px rgba(10, 10, 10, .1);
    background-color: var(--j-darkgrey-bg-color);
}

.jnews-dark-mode .datepicker-controls .button {
    border-color: var(--j-dark-bg-color);
    box-shadow: none;
    background-color: var(--j-grey-bg-color);
    color: var(--j-meta-txt-color);
}

.jnews-dark-mode .datepicker-controls .button:hover {
    border-color: var(--j-dark-bg-color);
    color: var(--j-meta-txt-color)
}

.jnews-dark-mode .datepicker-controls .button:focus {
    border-color: var(--j-darkgrey-bg-color);
    color: var(--j-meta-txt-color)
}

.jnews-dark-mode .datepicker-controls .button:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.jnews-dark-mode .datepicker-controls .button:active {
    border-color: var(--j-border-color);
    color: var(--j-meta-txt-color)
}

.jnews-dark-mode .datepicker-header .datepicker-controls .button {
    border-color: transparent;
    color: var(--j-link-txt-color)
}

.jnews-dark-mode .datepicker-header .datepicker-controls .button:hover {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-header .datepicker-controls .button:focus:not(:active) {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.jnews-dark-mode .datepicker-header .datepicker-controls .button:active {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-header .datepicker-controls .button[disabled] {
    box-shadow: none
}
.jnews-dark-mode .datepicker-view .week {
    color: var(--j-dark-bg-color);
}

.jnews-dark-mode .datepicker-cell:not(.disabled):hover {
    background-color: var(--j-darkgrey-bg-color);
}

.jnews-dark-mode .datepicker-cell.focused:not(.selected) {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-cell.selected,
.jnews-dark-mode .datepicker-cell.selected:hover {
    background-color: var(--j-darkgrey-bg-color);
    color: var(--j-grey-bg-color);
}

.jnews-dark-mode .datepicker-cell.disabled {
    color: var(--j-dark-bg-color)
}

.jnews-dark-mode .datepicker-cell.next:not(.disabled),
.jnews-dark-mode .datepicker-cell.prev:not(.disabled) {
    color: var(--j-border-color)
}

.jnews-dark-mode .datepicker-cell.next.selected,
.jnews-dark-mode .datepicker-cell.prev.selected {
    color: var(--j-txt-color)
}

.jnews-dark-mode .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-cell.today:not(.selected):not(.disabled) {
    color: var(--j-grey-bg-color)
}

.jnews-dark-mode .datepicker-cell.range-end:not(.selected),
.jnews-dark-mode .datepicker-cell.range-start:not(.selected) {
    background-color: var(--j-darkgrey-bg-color);
    color: var(--j-grey-bg-color)
}

.jnews-dark-mode .datepicker-cell.range-end.focused:not(.selected),
.jnews-dark-mode .datepicker-cell.range-start.focused:not(.selected) {
    background-color: var(--j-dark-bg-color)
}

.jnews-dark-mode .datepicker-cell.range {
    background-color: var(--j-dark-bg-color)
}

.jnews-dark-mode .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: var(--j-dark-bg-color)
}

.jnews-dark-mode .datepicker-cell.range.disabled {
    color: var(--j-darkgrey-bg-color)
}

.jnews-dark-mode .datepicker-cell.range.focused {
    background-color: var(--j-grey-bg-color)
}

.jnews-dark-mode .datepicker-input.in-edit:active,
.jnews-dark-mode .datepicker-input.in-edit:focus {
    box-shadow: 0 0 .25em .25em rgba(35, 102, 209, .2)
}