Themes/Blackberry-Flat-Dark/tautulli.css
/* Created by Blackberry Themes */

@import "https://archmonger.github.io/Blackberry-Themes/Resources/Variables/flat-dark.css";

/* Body */

html {
    background: var(--bg-light);
    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;
    min-height: 100%;
    height: 100%;
}

body {
    background: rgba(0, 0, 0, 0);
}

.body-container {
    top: 60px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    color: hsla(0, 0%, 100%, .45);
}


/* Navbar */

.navbar {
    background: var(--navbar-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-brand {
    padding-left: 16px;
}

.navbar-collapse.collapse {
    height: 60px !important;
}

.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    color: hsla(0, 0%, 100%, .7);
    font-weight: 700;
}

.navbar-right {
    transform: translateX(10px)
}

#search_form {
    padding-top: 13px;
    padding-bottom: 13px;
}

#search_form #search_button.btn-inactive {
    background: rgba(0, 0, 0, 0)
}

.fa-lg {
    font-size: 16px;
}

.nav>li>a {
    transition: color ease 0.25s;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: rgba(0, 0, 0, 0) !important;
    color: #FFF;
    border-radius: 4px;
}

.nav>li.active>a,
.nav>li.active>a:hover,
.nav>li.active>a:focus {
    color: #f9be03;
    background: rgba(0, 0, 0, 0);
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: rgba(0, 0, 0, 0);
}

.fa.fa-search {
    color: hsla(0, 0%, 100%, .7);
    transition-timing-function: ease;
    transition-duration: 0.25s;
}

.fa.fa-search:hover,
.input-group:focus-within .fa.fa-search {
    color: #FFF;
}

@media (max-width: 767px) {
    #navbar-collapse-1 {
        background: #191a1c;
        margin-left: -25px;
    }
}


/* Homepage */

.btn-dark {
    background: hsla(0, 0%, 100%, .25);
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13.25px;
}

.btn {
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: 0px;
}

.btn-dark:hover,
.btn-dark.inactive:hover {
    background: hsla(0, 0%, 100%, .3);
}

.btn-dark.inactive,
.btn-dark.inactive:hover,
.btn-dark.inactive:active,
.btn-dark.inactive:focus {
    background: rgba(0, 0, 0, 0.15) !important;
    color: hsla(0, 0%, 100%, .45) !important;
}

.btn-dark:active,
.btn-dark.active,
.open>.dropdown-toggle.btn-dark {
    background: rgba(204, 123, 25, 1);
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background: hsla(0, 0%, 100%, .25);
}

.btn-dark:active:hover,
.btn-dark.active:hover,
.open>.dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open>.dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open>.dropdown-toggle.btn-dark.focus {
    background: rgba(204, 123, 25, 1);
}

.text-muted {
    color: hsla(0, 0%, 100%, .45);
}

.dashboard-activity-metadata-user a,
.dashboard-activity-metadata-subtitle-container {
    color: rgba(255, 255, 255, 0.45);
}

.dashboard-activity-metadata-title a,
.dashboard-activity-metadata-user a {
    transition: color ease 0.25s;
}

.dashboard-activity-metadata-title a:hover,
.dashboard-activity-metadata-user a:hover {
    color: #FFF;
}


/* Dropdown Menu */

.dropdown-menu {
    background: #191a1c;
    border-radius: 4px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown-menu>li>a {
    color: hsla(0, 0%, 100%, .7);
    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13.25px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22.2857px;
}

.dropdown-menu .divider {
    display: none;
}

.dropdown-menu li a i {
    display: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: hsla(0, 0%, 100%, .08);
    color: #FFF;
}


/* Settings Menu */

span.toggle-left.trigger-tooltip.active .fa {
    color: #FFF;
}

span.toggle-left.trigger-tooltip .fa {
    color: rgba(255, 255, 255, 0.3);
}

.small-muted {
    color: hsla(0, 0%, 100%, .7)
}

a.no-highlight,
.settings-warning a {
    color: #cc7b19;
}

.card-back-full {
    background: rgba(0, 0, 0, 0)
}

body {
    color: hsla(0, 0%, 100%, .8);
    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.nav-settings>li {
    background: rgba(0, 0, 0, .15);
    font-size: 13.25px;
    border: none;
}

.nav-settings>li>a {
    border: none;
}

.nav-settings>.active>a,
.nav-settings>.active>a:hover,
.nav-settings>.active>a:focus {
    background: rgba(0, 0, 0, 0);
    color: #f9be03;
}

.nav-settings>li>a:hover,
.nav-settings>li>a:focus {
    background: hsla(0, 0%, 100%, .08);
}

.help-block {
    color: hsla(0, 0%, 100%, .45);
}

.settings-warning {
    color: #f9be03;
}

.form-control[readonly] {
    background: hsla(0, 0%, 100%, .25);
}

.btn-form {
    background: rgba(0, 0, 0, .15);
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 0px;
}

.btn-form:hover {
    background: hsla(0, 0%, 100%, .08);
}

.react-selectize.root-node .react-selectize-control,
.selectize-control.form-control .selectize-input {
    background: hsla(0, 0%, 100%, .25) !important;
}

select.form-control,
div.form-control .selectize-input {
    background: hsla(0, 0%, 100%, .25);
}

.stacked-configs>li {
    background: rgba(0, 0, 0, .15);
}

.stacked-configs>li:hover,
.stacked-configs>li>span:hover,
.stacked-configs>li>span:focus {
    background: hsla(0, 0%, 100%, .08);
}

.stacked-configs>li>span {
    border: none;
    color: hsla(0, 0%, 100%, .7);
}

.stacked-configs>li>span>a.toggle-left,
.stacked-configs>li>span>span.toggle-left {
    color: #FFF;
}

#plexpy-notifiers-table .friendly_name,
#notifier-config-modal span.notifier_id,
#plexpy-newsletters-table .friendly_name,
#newsletter-config-modal span.newsletter_id,
#plexpy-mobile-devices-table .friendly_name,
#mobile-device-config-modal span.notifier_id {
    color: hsla(0, 0%, 100%, .45);
}

.card {
    background: rgba(0, 0, 0, .15);
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.card-handle {
    background: rgba(3, 3, 3, .15);
    color: hsla(0, 0%, 100%, .3);
    line-height: 36px;
}

.card label {
    font-size: 13.25px;
}


/* Popups */

.close,
.close:hover {
    color: #FFF;
}


/* Libraries */

.user-info-nav a:hover {
    color: #FFF;
}

.user-overview-stats-instance h4 {
    color: hsla(0, 0%, 100%, .7);
}

.table-card-back,
.table-card-header,
.summary-container .table-card-header,
.summary-container .table-card-back {
    background: rgba(0, 0, 0, 0);
}

.btn-danger.btn-edit {
    background: #ac3323;
    border: none !important;
    color: #FFF;
}

.btn-danger.btn-edit:hover,
.btn-danger.btn-edit:active {
    background: #ce3d2a;
}

table.display thead th {
    background: rgba(0, 0, 0, .15);
}

table.display thead tr:hover {
    background: rgba(0, 0, 0, 0);
}

tr.odd {
    background: rgba(0, 0, 0, .25);
}

tr.even {
    background: rgba(0, 0, 0, .15);
}

table.display tr:hover {
    background: rgba(255, 255, 255, .05);
}

.summary-content-wrapper {
    background: none;
}

.user-info-nav>.active>a {
    color: #f9be03;
}

.summary-navbar {
    background: rgba(0, 0, 0, 0.15);
}

.dashboard-recent-media-metacontainer h3.text-muted a {
    color: hsla(0, 0%, 100%, .45);
}

.dashboard-recent-media-metacontainer h3.text-muted a:hover {
    color: #FFF;
}

.summary-content-title h1 {
    color: hsla(0, 0%, 100%, .8);
}

.summary-content-summary {
    color: hsla(0, 0%, 100%, .7);
}

.summary-content-actors,
.summary-content-genres {
    color: hsla(0, 0%, 100%, .7);
}

.summary-content-actors li,
.summary-content-genres li {
    color: hsla(0, 0%, 100%, .45);
}

.summary-content {
    color: hsla(0, 0%, 100%, .45);
}

.summary-navbar-list .breadcrumb a {
    color: hsla(0, 0%, 100%, .45);
}

a {
    color: hsla(0, 0%, 100%, .7);
}

a:hover,
a:focus,
table.display td:hover a {
    color: #FFF;
}


/* Pagination */

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    background: rgba(0, 0, 0, .15);
    color: hsla(0, 0%, 100%, .45);
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background: rgba(255, 255, 255, .05);
    color: #FFF;
}

.pagination>li>a,
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    border: none !important;
}

.pagination>li>a {
    color: hsla(0, 0%, 100%, .45);
}

.pagination>li>a {
    background: rgba(0, 0, 0, 0.15);
}

table.display tr.shown+tr .pagination>.disabled>a,
table.display tr.shown+tr .pagination>.disabled>a:hover {
    color: hsla(0, 0%, 100%, .45);
}

table.display tr.shown+tr .pagination>.paginate_button>a,
table.display tr.shown+tr .pagination>.paginate_button>a:hover {
    font-size: 13.25px;
}


/* Users */

.edit-user-toggles>input[type=checkbox]+label,
.edit-library-toggles>input[type=checkbox]+label {
    color: hsla(0, 0%, 100%, .7);
}


/* History */

select,
.react-selectize.bootstrap3.root-node .react-selectize-control {
    background: hsla(0, 0%, 100%, .25);
}

.table-card-header {
    border: none;
}

select option {
    color: #000;
}

div.dataTables_filter input {
    margin-left: 0px;
}

table.display tr.shown+tr table[id^='history_child'] td:hover a,
table.display tr.shown+tr table[id^='history_child'] td:hover a .fa,
table.display tr.shown+tr table[id^='media_info_child']>tr>td:hover a,
table.display tr.shown+tr table[id^='media_info_child'] tr.shown+tr table[id^='media_info_child'] td:hover a {
    color: #FFF;
}


/* Graphs */

.graphs-instance {
    background: rgba(0, 0, 0, .15);
}


/* Standardized Buttons */

.btn-edit .fa,
.ColVis .btn .fa,
.refresh-history-button .fa,
.refresh-users-button .fa,
.refresh-libraries-button .fa,
#menu_link_show_advanced_settings .fa,
#menu_link_update_check .fa,
#menu_link_restart .fa,
#menu_link_shutdown .fa {
    display: none;
}

.btn-edit {
    text-transform: uppercase;
    font-size: 13.25px;
}


/* Mobile Fixes */

.navbar-collapse.collapse.in {
    height: auto !important;
}

.navbar-toggle {
    margin-top: 3px;
    margin-bottom: 3px;
    background: rgba(0, 0, 0, 0) !important;
}

@media only screen and (max-width: 768px) {
    .navbar {
        min-height: 40px !important;
    }
}


/* Scrollbar */

::-webkit-scrollbar {
    width: 15px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    min-height: 50px;
    background: rgba(255, 255, 255, .15);
    border: 3px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}