body.dark {
  background: var(--theme-dark-high);
}

body.dark .app-header.navbar .nav-item .nav-link,
.app-header.navbar .nav-item .dropdown-toggle,
body.dark header.navbar .nav-item .dropdown-toggle,
body.dark .app-header {
  background: var(--theme-dark-high);
}

body.dark .app-header.navbar .nav-item .nav-link,
body.dark .app-header.navbar .nav-item .dropdown-toggle
{
  background: inherit;
}

body.dark .app-header.navbar .navbar-brand h4 {
  color: var(--theme-paper);
}

body.dark .ReactTable .rt-table {
  background-color: var(--theme-dark-medium);
  border: 0;
}

body.dark .ReactTable.-striped .rt-tr.-odd {
  background-color: var(--theme-dark-medium);
}

body.dark .bs-popover-right > .arrow::after,
body.dark .bs-popover-auto[x-placement^="right"] > .arrow::after {
  border-right-color: var(--theme-dark-medium);
}
body.dark .popover-body {
  color: var(--theme-primary);
}

body.dark .popover {
  background-color: var(--theme-dark-medium);
}

body.dark h4.heading,
body.dark .rt-resizable-header,
body.dark .ReactTable .rt-td .data {
  color: var(--theme-paper-light) !important;
}

body.dark header.navbar .nav-item .dropdown-toggle,
body.dark header.navbar .nav-item .dropdown-toggle:active,
body.dark header.navbar .nav-item .dropdown-toggle:focus,
body.dark header.navbar .nav-item .dropdown-toggle:hover {
  background: transparent;
}

body.dark .app-header.navbar .dropdown-item i,
body.dark .app-header.navbar .dropdown-item a {
  color: var(--theme-paper);
}

body.dark #metadata,
body.dark #advanced_search .header h3 {
  color: var(--theme-paper);
}

body.dark h4.heading::after {
  color: var(--theme-paper);
}

body.dark #advanced_search {
  border: 1px solid var(--theme-dark-medium);
}

body.dark .search__current-count {
  color: var(--theme-primary);
}

body.dark #advanced_search,
body.dark .paper-card-0 {
  background: var(--theme-dark-medium);
}

body.dark .card-content {
  border-top: 0;
}

body.dark #advanced_search input.form-control,
body.dark #details-page .ReactTable input {
  background: var(--theme-dark-high);
  border: 1px solid var(--theme-dark-high);
}

body.dark #advanced_search input.form-control:focus {
  box-shadow: none;
}

body.dark .ReactTable .rt-noData {
  background: var(--theme-dark-high);
  border: 1px solid var(--theme-dark-medium);
}

body.dark .mdc-list label {
  color: var(--theme-primary);
}

body.dark .dropdown-menu {
  background: var(--theme-dark-high);
  border: 1px solid var(--theme-dark-medium);
  overflow: hidden;
}

body.dark .app-header.navbar li a,
body.dark .app-header.navbar .dropdown-item i,
body.dark .app-header.navbar .dropdown-item a {
  background: transparent;
}

body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
  background: var(--theme-dark-high) !important;
}

body.dark .app-header.navbar li::first-child {
  border-top-left-radius: 3px;
}

body.dark .aside-menu {
  border-left: 1px solid var(--theme-dark-medium);
}

body.dark aside.aside-menu,
body.dark aside.aside-menu .tab-content {
  background: var(--theme-dark-high);
}

body.dark .mdc-dialog--open .mdc-dialog__backdrop {
  opacity: 0.8;
}

body.dark aside .tab-content {
  border-top: 1px solid var(--theme-dark-medium);
}

body.dark .aside-menu ul li .nav-link {
  background: transparent;
}

body.dark .nav-tabs .nav-link:focus,
body.dark .nav-tabs .navbar .dropdown-toggle:focus,
body.dark .navbar .nav-tabs .dropdown-toggle:focus,
body.dark .nav-tabs .nav-link:hover,
body.dark .nav-tabs .navbar .dropdown-toggle:hover,
body.dark .navbar .nav-tabs .dropdown-toggle:hover,
body.dark .aside-menu .nav-tabs .nav-link.active,
body.dark .aside-menu .nav-tabs .navbar .active.dropdown-toggle,
body.dark .navbar .aside-menu .nav-tabs .active.dropdown-toggle {
  border-right: 1px solid var(--theme-dark-medium);
  border-left: 0;
}

/* Asssets Details */

body.dark #head-right {
  background: transparent;
  border: 1px solid var(--theme-dark-medium);
}

body.dark label.value {
  color: var(--theme-primary);
}

body.dark #details-page .asset_tabs .tab-content {
  border: 1px solid var(--theme-dark-medium);
  background: transparent;
}

body.dark #video-placeholder {
  background: var(--theme-dark-high);
  border: 0;
}

body.dark #details-page .nav-tabs .nav-link.active,
body.dark #details-page .nav-tabs .navbar .active.dropdown-toggle,
body.dark #details-page .navbar .nav-tabs .active.dropdown-toggle {
  background: var(--theme-dark-medium);
  border: 1px solid var(--theme-dark-medium);
}

body.dark #details-page .nav > li > a:focus,
body.dark #details-page .nav > li > a:hover {
  background: var(--theme-dark-high);
  border: 1px solid var(--theme-dark-medium);
}

body.dark #details-page #assetfiles-tab input {
  background: var(--theme-dark-high);
  color: var(--theme-primary);
}

body.dark #details-page #assetfiles-tab table,
body.dark #details-page #assetfiles-tab table th,
body.dark #details-page #assetfiles-tab table td {
  border: 1px solid var(--theme-dark-high) !important;
}

body.dark #details-page .ReactTable .subrow span {
  color: var(--theme-primary);
}

body.dark #details-page #assetfiles-tab table {
  color: var(--theme-primary);
}

body.dark #details-page .assetfile-attributes .group,
body.dark #details-page .assetfile-filelocations .group-content {
  box-shadow: none;
  border: 1px solid var(--theme-dark-high);
}

body.dark #details-page .assetfile-attributes .group-header {
  border-bottom: 1px solid var(--theme-dark-high);
}

body.dark #qc-results-tab #qc-results-list .qc-results-af,
body.dark #qc-results-tab {
  background: transparent;
  box-shadow: none;
}

body.dark #qc-results-tab #qc-results-list .qc-results-af .ReactTable .rt-table,
body.dark
  #qc-results-tab
  #qc-results-list
  .qc-results-af
  .ReactTable
  .rt-table
  .rt-thead.-header {
  border-bottom: 1px solid var(--theme-dark-high);
}

body.dark
  #qc-results-tab
  #qc-results-list
  .qc-results-af
  .ReactTable
  .rt-table {
  border-top: 1px solid var(--theme-dark-high);
}

body.dark .af-qc-status.default {
  border-left: 2px solid var(--theme-dark-high);
}

body.dark .tracktype.SUBS {
  background: var(--theme-primary);
  color: var(--theme-primary);
}

body.dark #start_end {
  border-bottom: 1px dashed var(--theme-primary);
}

body.dark #start_end .time {
  background: var(--theme-dark-high);
  color: var(--theme-primary);
  border: 0;
}

body.dark .metadata-tab-content .group-header,
body.dark .metadata-tab-content .group-item {
  background: transparent;
}

body.dark .metadata-tab-content .group-header {
  background: var(--theme-dark-medium);
  border-bottom: 1px solid var(--theme-dark-high);
}

body.dark .metadata-tab-content {
  color: var(--theme-primary);
}

body.dark .metadata-tab-content .group {
  border-bottom: 1px solid var(--theme-dark-high);
}

body.dark #video-placeholder a.btn {
  background-color: transparent;
  border: 1px solid var(--theme-dark-high);
  cursor: pointer;
  position: relative;
  z-index: 99999;
}

body.dark #video-placeholder a.btn:hover {
  background: var(--theme-dark-medium);
  cursor: pointer;
}

body.dark .dialog-header {
  background-color: var(--theme-dark-medium);
}

body.dark .paper-dialog-0,
body.dark #delivery_dialog,
body.dark #transcode_dialog,
body.dark #deliverPlayout_dialog,
body.dark #autoQC_dialog {
  background: var(--theme-primary);
}

body.dark .form-list-item.item-assetfile,
body.dark .form-list-item.item-destination-af,
body.dark .form-list-item.item-composition,
body.dark .form-list-item.item-playout-system {
  background: var(--theme-dark-medium);
  color: var(--theme-primary);
  box-shadow: none;
  border: 1px solid var(--theme-dark-medium);
}

body.dark .selected-assetfile-input input {
  color: var(--theme-primary);
}

body.dark .Select-control {
  background-color: transparent;
  border: 1px solid var(--theme-dark-high);
}

body.dark .dropdown-menu li.divider {
  background-color: var(--theme-dark-medium);
}

body.dark #fixed-toolbar {
  background: var(--theme-dark-high);
  border-bottom: 1px solid var(--theme-dark-high);
}

body.dark .tasks-detail-head {
  background: transparent;
  border: 1px solid var(--theme-dark-medium);
}

body.dark #task-timeline .cmpp-task-detail table {
  background: var(--theme-dark-medium) !important;
  border: 0;
}

body.dark #task-timeline table tfoot th,
body.dark table tfoot,
body.dark #task-timeline table thead th,
body.dark table thead td {
  background: var(--theme-dark-medium) !important;
  color: var(--theme-primary);
}

body.dark #task-timeline table thead th,
body.dark table thead {
  border-bottom: 2px solid var(--theme-dark-high);
}

body.dark #task-timeline table tfoot {
  border-top: 0;
}

body.dark #task-timeline table.cmpp-task-detail tbody {
  background: var(--theme-primary) !important;
}

body.dark #task-timeline cmpp-table-container.cmpp-task-detail {
  border: 0;
}

body.dark #task-timeline cmpp-table-container table tbody tr:hover {
  background: var(--theme-primary);
}

body.dark .tasks-detail-head label {
  color: var(--theme-primary);
  font-weight: 600;
}

body.dark #task-extras .table {
  background: var(--theme-dark-medium);
  color: var(--theme-primary);
}

body.dark #task-extras .table-striped tbody tr:nth-of-type(odd) {
  background: var(--theme-dark-medium);
}

body.dark #task-extras table,
body.dark #task-extras table thead,
body.dark #task-extras table tbody {
  border: 0 !important;
}

body.dark .react-bs-table-bordered {
  border: 1px solid var(--theme-dark-high);
}

body.dark #task-extras .table-bordered th,
body.dark #task-extras .table-bordered td {
  border: 1px solid var(--theme-dark-medium);
}

body.dark #task-extras input.text-filter {
  background: var(--theme-dark-high);
  color: var(--theme-primary);
  border: 1px solid var(--theme-dark-medium);
}

body.dark #task-extras input.text-filter {
  background: var(--theme-dark-high);
  color: var(--theme-primary);
  border: 1px solid var(--theme-dark-high);
}

body.dark #task-extras input.text-filter:focus {
  border: 1px solid var(--theme-primary);
  box-shadow: none;
}

body.dark #total-workflows {
  color: var(--theme-primary);
}

body.dark i.clearField {
  color: var(--theme-dark-medium);
}

body.dark i.clearField:hover {
  color: var(--theme-primary);
}

body.dark #AppTitle {
  background: var(--theme-dark-high);
  
}
body.dark #AppTitle h2 {
	color: var(--theme-paper);
}

body.dark h4,
body.dark .input-label,
body.dark .filterML tr td {
  color: var(--theme-paper);
}

body.dark .search-col .date-picker__date-row.row,
body.dark .react_select__menu,
body.dark .react_select__control {
  color: var(--theme-primary);
  background: var(--theme-dark-high) !important;
  border: 1px solid var(--theme-primary);
}

body.dark .search-col input.material-input {
  background-color: transparent;
}

body.dark .react_select__multi-value {
	color: var(--theme-paper);
}

body.dark .react_select__option{
	color: var(--theme-paper);
}

body.dark .react_select__option:active,
body.dark .react_select__option--is-focused {
  background-color: var(--theme-primary);
  color: var(--theme-paper);
}

body.dark .react_select__option--is-selected {
  background-color: var(--theme-paper);
  color: var(--theme-primary);
}

body.dark .react_select__indicator-separator {
  background-color: var(--theme-paper);
}

body.dark .react_select__multi-value {
  border-color: var(--theme-paper);
}

body.dark .rdr-MonthAndYear-button {
  background: var(--theme-dark-high) !important;
}

body.dark .rdr-MonthAndYear-button.prev i {
  border-color: transparent var(--theme-paper) transparent transparent !important;
}

body.dark .rdr-MonthAndYear-button.next i {
  border-color: transparent transparent transparent var(--theme-paper) !important;
}

body.dark .react_select__control {
  box-shadow: 0 0 1px var(--theme-paper);
}

body.dark .react_select__multi-value__remove {
  border-left-color: var(--theme-paper);
}

body.dark .react_select__multi-value__remove:hover {
  background-color: var(--theme-paper);
}

body.dark .react_select__input,
body.dark .search-section__input-filter,
body.dark .search-section__input-filter::placeholder,
body.dark .react_select__multi-value__remove,
body.dark .react_select__placeholder,
body.dark .react_select__multi-value__label {
  color: var(--theme-primary);
}

body.dark .react_select__single-value {
  color: var(--theme-paper-light);
}

body.dark table.filterML.withBorder,
body.dark .search-col .inner {
  border: 1px solid var(--theme-primary);
}

body.dark .react_select__indicator {
  color: var(--theme-paper);
}

body.dark .search-col input.material-input {
  border: 0 !important;
}

body.dark .rdr-DateRange,
body.dark .rdr-Calendar {
  background: var(--theme-dark-medium) !important;
}

body.dark .toggle-filters-icon-block .fa-bars {
  color: var(--theme-paper);
}

body.dark .toggle-filters-icon-block {
  color: var(--theme-primary);
}

body.dark .material-time-input {
  background-color: transparent;
  color: var(--theme-paper);
}

body.dark #instanceName {
  color: var(--theme-paper);
}

body.dark .ReactTable .-loading {
  background: var(--theme-primary);
}

body.dark .redBorder {
  border: 2px solid var(--theme-brand);
  border-radius: 5px;
}

body.dark .dialog-header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

body.dark a.closeDialog,
body.dark .dialog-header h2.mdc-dialog__header__title {
  color: var(--theme-paper);
}

body.dark .dialog-content {
  background: var(--theme-dark-medium);
}

body.dark .dialog-footer {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: var(--theme-dark-medium);
}

body.dark .dialog-footer .form-control {
  background: var(--theme-dark-high);
  color: var(--theme-primary);
  border: 1px solid var(--theme-dark-high);
}

body.dark .date-option-container .date-option {
  color: var(--theme-paper);
}

body.dark .date-option-container .date-option.date-option--selected {
  color: var(--theme-brand);
}

body.dark .prefs-dialog header.dialog-header > h2.mdc-dialog__header__title,
body.dark .prefs-dialog header.dialog-header > h2.mdc-dialog__header__title > a,
body.dark .prefs-dialog section.dialog-content h4 {
  color: var(--theme-paper);
}

body.dark #page-number:focus {
  background: var(--theme-dark-medium);
  color: var(--theme-primary);
  border: 1px solid var(--theme-dark-high);
}

body.dark aside.aside-menu ul.nav.nav-tabs .nav-link {
  color: var(--theme-primary);
}

body.dark aside.aside-menu ul.nav.nav-tabs .nav-link.active {
  color: var(--theme-link);
}

body.dark .date-picker__time-picker .rdr-Calendar {
  color: var(--theme-paper-light) !important;
}

body.dark input:focus {
  color: var(--theme-paper);
}

.date-option {
	color: var(--theme-paper);
}

body.dark input#minInputMask,
body.dark input#minTimeInput,
body.dark input#maxInputMask,
body.dark input#maxTimeInput {
  font-size: 12px;
  padding-right: 5px;
  color: var(--theme-paper-light);
  opacity: 1;
}

body.dark span.rdr-WeekDay,
body.dark span.rdr-Day {
	color: var(--theme-paper-light);
}

/* aside panel */

body.dark .aside-menu {
	border-left:1px solid #333;
}

body.dark aside.aside-menu,
body.dark aside .tab-content {
	background:#211f20;
}

body.dark aside .tab-content {
  border-top:1px solid #333;
  color: var(--theme-paper-light);
}

body.dark .aside-menu ul li .nav-link {
	background:transparent;
}

body.dark .nav-tabs .nav-link:focus, 
body.dark .nav-tabs .navbar .dropdown-toggle:focus, 
body.dark .navbar .nav-tabs .dropdown-toggle:focus, 
body.dark .nav-tabs .nav-link:hover, 
body.dark .nav-tabs .navbar .dropdown-toggle:hover, 
body.dark .navbar .nav-tabs .dropdown-toggle:hover,
body.dark .aside-menu .nav-tabs .nav-link.active, 
body.dark .aside-menu .nav-tabs .navbar .active.dropdown-toggle, 
body.dark .navbar .aside-menu .nav-tabs .active.dropdown-toggle {
	border-right:1px solid #333;
	border-left:0;
}

body.dark aside.aside-menu ul.nav.nav-tabs .nav-link {
  color: #427590;
}

body.dark .aside-menu ul li .nav-link.active {
  background: #555;
}

body.dark input.form-control.preset::placeholder,
body.dark input.form-control.preset {
  color: #9a9a9c !important;
}