/*
 * Dark mode overrides for TvAziendale Admin (Bootstrap 3).
 * Applied to <body> via class "tvaz-dark" or automatically via prefers-color-scheme.
 */

html.tvaz-dark {
  background-color: #1a1d23;
}

html.tvaz-dark body {
  background-color: #1a1d23;
  color: #c8c9cc;
}

html.tvaz-dark body .navbar-default {
  background-color: #252830;
  border-color: #333;
}

html.tvaz-dark body .navbar-default .navbar-brand,
html.tvaz-dark body .navbar-default .navbar-nav > li > a {
  color: #c8c9cc;
}

html.tvaz-dark body .navbar-default .navbar-nav > .active > a,
html.tvaz-dark body .navbar-default .navbar-nav > .active > a:hover,
html.tvaz-dark body .navbar-default .navbar-nav > .active > a:focus {
  background-color: #333;
  color: #fff;
}

html.tvaz-dark body .navbar-default .navbar-nav > li > a:hover,
html.tvaz-dark body .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #333;
}

html.tvaz-dark body .dropdown-menu .glyphicon {
  margin-right: 6px;
}

html.tvaz-dark body .navbar-default .navbar-nav > .open > a,
html.tvaz-dark body .navbar-default .navbar-nav > .open > a:hover,
html.tvaz-dark body .navbar-default .navbar-nav > .open > a:focus {
  background-color: #333;
  color: #fff;
}

html.tvaz-dark body .navbar-default .navbar-toggle {
  border-color: #555;
}

html.tvaz-dark body .navbar-default .navbar-toggle .icon-bar {
  background-color: #c8c9cc;
}

html.tvaz-dark body .dropdown-menu {
  background-color: #252830;
  border-color: #444;
}

html.tvaz-dark body .dropdown-menu > li > a {
  color: #c8c9cc;
}

html.tvaz-dark body .dropdown-menu > li > a:hover,
html.tvaz-dark body .dropdown-menu > li > a:focus {
  background-color: #333;
  color: #fff;
}

html.tvaz-dark body .dropdown-menu .divider {
  background-color: #444;
}

html.tvaz-dark body .panel {
  background-color: #252830;
  border-color: #444;
}

html.tvaz-dark body .panel-default > .panel-heading {
  background-color: #333;
  border-color: #444;
  color: #c8c9cc;
}

html.tvaz-dark body .panel-footer {
  background-color: #333;
  border-color: #444;
}

html.tvaz-dark body .table-striped > tbody > tr:nth-child(odd) > td,
html.tvaz-dark body .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #2a2d35;
}

html.tvaz-dark body .table-striped > tbody > tr:nth-child(even) > td,
html.tvaz-dark body .table-striped > tbody > tr:nth-child(even) > th {
  background-color: #252830;
}

html.tvaz-dark body .table > thead > tr > th {
  border-bottom-color: #444;
}

html.tvaz-dark body .table > tbody > tr > td,
html.tvaz-dark body .table > tbody > tr > th,
html.tvaz-dark body .table > tfoot > tr > td,
html.tvaz-dark body .table > tfoot > tr > th {
  border-top-color: #3a3d45;
}

html.tvaz-dark body .table-hover > tbody > tr:hover > td,
html.tvaz-dark body .table-hover > tbody > tr:hover > th {
  background-color: #323640;
}

html.tvaz-dark body .table > tbody > tr.warning > td,
html.tvaz-dark body .table > tbody > tr.warning > th {
  background-color: #3d3520;
}

html.tvaz-dark body .table-hover > tbody > tr.warning:hover > td,
html.tvaz-dark body .table-hover > tbody > tr.warning:hover > th {
  background-color: #4a4028;
}

html.tvaz-dark body .table > tbody > tr.danger > td,
html.tvaz-dark body .table > tbody > tr.danger > th {
  background-color: #3d2020;
}

html.tvaz-dark body .table-hover > tbody > tr.danger:hover > td,
html.tvaz-dark body .table-hover > tbody > tr.danger:hover > th {
  background-color: #4a2828;
}

html.tvaz-dark body .form-control {
  background-color: #1a1d23;
  border-color: #555;
  color: #c8c9cc;
}

html.tvaz-dark body .form-control:focus {
  border-color: #66afe9;
  box-shadow: none;
}

html.tvaz-dark body .form-control[disabled],
html.tvaz-dark body .form-control[readonly] {
  background-color: #333;
}

html.tvaz-dark body .btn-default {
  background-color: #333;
  border-color: #555;
  color: #c8c9cc;
}

html.tvaz-dark body .btn-default:hover,
html.tvaz-dark body .btn-default:focus,
html.tvaz-dark body .btn-default.focus {
  background-color: #444;
  border-color: #666;
  color: #fff;
}

html.tvaz-dark body .btn-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
}

html.tvaz-dark body .btn-success {
  background-color: #398439;
  border-color: #317a31;
}

html.tvaz-dark body .btn-info {
  background-color: #31b0d5;
  border-color: #269abc;
}

html.tvaz-dark body .btn-warning {
  background-color: #ec971f;
  border-color: #d58512;
}

html.tvaz-dark body .btn-danger {
  background-color: #c9302c;
  border-color: #ac2925;
}

html.tvaz-dark body .label-default {
  background-color: #555;
}

html.tvaz-dark body .modal-content {
  background-color: #252830;
  border-color: #444;
}

html.tvaz-dark body .modal-header {
  border-bottom-color: #444;
}

html.tvaz-dark body .modal-footer {
  border-top-color: #444;
}

html.tvaz-dark body .close {
  color: #c8c9cc;
  opacity: 0.8;
}

html.tvaz-dark body .alert-danger {
  background-color: #4a2222;
  border-color: #6a3030;
  color: #e8a0a0;
}

html.tvaz-dark body .alert-info {
  background-color: #1a3a4a;
  border-color: #2a5a6a;
  color: #a0d0e8;
}

html.tvaz-dark body .alert-success {
  background-color: #1a3a1a;
  border-color: #2a5a2a;
  color: #a0e0a0;
}

html.tvaz-dark body .alert-warning {
  background-color: #4a3a1a;
  border-color: #6a5a2a;
  color: #e8d0a0;
}

html.tvaz-dark body .well {
  background-color: #2a2d35;
  border-color: #444;
}

html.tvaz-dark body a {
  color: #5fa3d6;
}

html.tvaz-dark body a:hover,
html.tvaz-dark body a:focus {
  color: #8fc4e8;
}

html.tvaz-dark body .list-group-item {
  background-color: #252830;
  border-color: #444;
}

html.tvaz-dark body .list-group-item .list-group-item-heading {
  color: #c8c9cc;
}

html.tvaz-dark body hr {
  border-color: #444;
}

html.tvaz-dark body .input-limiter {
  background-color: #333;
  border-color: #555;
  color: #aaa;
}

html.tvaz-dark body .limiterBox {
  background-color: #3a5a5a;
}

html.tvaz-dark body div.login-form > img.logo-mediolanumtv,
html.tvaz-dark body img.bm-logo {
  filter: drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0.8)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 0.8)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0.8)) drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.8));
}

html.tvaz-dark body div.login-form > form button[type=submit] {
  margin-top: 30px;
}

html.tvaz-dark body #user-edit-modal label,
html.tvaz-dark body #draft-area label {
  color: #c8c9cc;
}

html.tvaz-dark body .draft-section {
  background-color: #2a3a3d;
}

html.tvaz-dark body #draft-area .thumbnail-preview {
  border-color: #555;
}

html.tvaz-dark body .bootstrap-switch .bootstrap-switch-label {
  background-color: #444;
}

html.tvaz-dark body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-color: #337ab7;
}

html.tvaz-dark body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background-color: #555;
}

html.tvaz-dark body .tvaz-form-upload input[type=text].form-control {
  background-color: #1a1d23;
}

html.tvaz-dark body .tvaz-form-upload .btn-file {
  background-color: #444;
}

html.tvaz-dark body .select2-container-multi .select2-choices {
  background-color: #1a1d23;
  border-color: #555;
}

html.tvaz-dark body .select2-container-multi .select2-choices .select2-search-choice {
  background-color: #333;
  border-color: #555;
  color: #c8c9cc;
}

html.tvaz-dark body .select2-container-multi .select2-choices .select2-search-field input {
  color: #c8c9cc;
}

html.tvaz-dark body .select2-drop {
  background-color: #252830;
  border-color: #555;
  color: #c8c9cc;
}

html.tvaz-dark body .select2-results .select2-highlighted {
  background-color: #333;
}

html.tvaz-dark body .select2-container .select2-choice {
  background-color: #1a1d23;
  border-color: #555;
  color: #c8c9cc;
}

html.tvaz-dark body .select2-container .select2-choice .select2-arrow {
  background-color: #333;
  border-left-color: #555;
}

html.tvaz-dark body .modal-backdrop {
  background-color: #000;
}

html.tvaz-dark body .pagination > li > a,
html.tvaz-dark body .pagination > li > span {
  background-color: #252830;
  border-color: #444;
  color: #5fa3d6;
}

html.tvaz-dark body .pagination > li > a:hover,
html.tvaz-dark body .pagination > li > span:hover {
  background-color: #333;
  color: #8fc4e8;
}

html.tvaz-dark body .pagination > .active > a,
html.tvaz-dark body .pagination > .active > span,
html.tvaz-dark body .pagination > .active > a:hover,
html.tvaz-dark body .pagination > .active > span:hover {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

html.tvaz-dark body .pagination > .disabled > a,
html.tvaz-dark body .pagination > .disabled > span {
  background-color: #252830;
  border-color: #444;
  color: #666;
}

html.tvaz-dark body .nav-tabs > li > a {
  background-color: #252830;
  border-color: #444;
  color: #c8c9cc;
}

html.tvaz-dark body .nav-tabs > li > a:hover {
  background-color: #333;
  border-color: #555;
}

html.tvaz-dark body .nav-tabs > li.active > a,
html.tvaz-dark body .nav-tabs > li.active > a:hover,
html.tvaz-dark body .nav-tabs > li.active > a:focus {
  background-color: #1a1d23;
  border-bottom-color: #1a1d23;
  color: #fff;
}

html.tvaz-dark body .tab-content {
  background-color: #1a1d23;
  border-color: #444;
}

html.tvaz-dark body .progress {
  background-color: #333;
}

html.tvaz-dark body .popover {
  background-color: #252830;
  border-color: #444;
  color: #c8c9cc;
}

html.tvaz-dark body .popover-title {
  background-color: #333;
  border-bottom-color: #444;
  color: #c8c9cc;
}

html.tvaz-dark body .popover.top > .arrow:after {
  border-top-color: #252830;
}

html.tvaz-dark body .popover.bottom > .arrow:after {
  border-bottom-color: #252830;
}

html.tvaz-dark body h1, html.tvaz-dark body h2, html.tvaz-dark body h3,
html.tvaz-dark body h4, html.tvaz-dark body h5, html.tvaz-dark body h6 {
  color: #e0e0e0;
}

html.tvaz-dark body .text-muted {
  color: #888;
}

html.tvaz-dark body .notification-disabled {
  color: #d06060;
}