:root {
  --main-bg-color: #191a1d;
  --secondary-bg-color: #2f3137;
  --main-text-color: #C9D1D9;
  --bs-secondary-color: #C9D1D9 !important;
}

body {
    background: var(--main-bg-color) !important;
    color : var(--main-text-color) !important;
}
div.wrapper {
    background-color: var(--main-bg-color);
    color : var(--main-text-color);
}

a {
    color : var(--main-text-color);
}
.img-thumbnail {
    background: var(--secondary-bg-color);
    border-color: black;
}
nav.navbar {
    background: var(--secondary-bg-color);
}
btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: var(--main-text-color);
}
.card {
    background-color: var(--secondary-bg-color);
}
.select-row:hover {
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ddd;
}
#login-box{
    background-color: var(--secondary-bg-color) !important;
}
.mtrl-card-footer{
    background-color: var(--secondary-bg-color);
}
a:hover, a:visited, a:link, a:active {
    text-decoration : none;
}
.text-muted { 
    color: #cccccc !important; 
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: var(--secondary-bg-color) !important;
}

.dropdown-menu,
div.mtrl-card-light,
#login-card>.mtrl-card.mtrl-card-light, 
#login-card>.mtrl-card-footer{
    background-color: var(--main-bg-color) !important;
}

#navbar li a,
#navbar a{
    color : var(--main-text-color);
}
#navbar li a,
#navbar a,
#navbar li a.dropdown-item:not([disabled]),
#navbar li span.dropdown-item-text:not([disabled]),
#navbar li button.dropdown-item:not([disabled]){
    color : var(--main-text-color);
}
a.dropdown-item{
    color : var(--main-text-color);
}
.btn-outline-secondary{
    color : var(--main-text-color);
}
.dropdown-item{
    color : var(--main-text-color);
}
.dropdown-item:hover{
    color : var(--main-text-color);
}
.btn-link:hover, a:hover {
    color : var(--main-text-color);
}
.btn{
    color : var(--main-text-color);
}
.table {
    color : var(--main-text-color);
}
.table-hover tbody tr:hover{
    color : var(--main-text-color);
    background-color: var(--main-bg-color);
}
.table-hover .table-info:hover{
    color : black;
}
.table-info{
    color : black;
}
.icon-container {
    background-color : transparent;
}
#sidebar {
    background-color : var(--secondary-bg-color);
}
.mtrl-card {
    background-color : var(--secondary-bg-color);
}
.modal-content{
    background-color : var(--secondary-bg-color);
}
.select2-results__option{
    color : black;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: var(--secondary-bg-color);
    color : var(--main-text-color);
}
.meta.isReadOnly > input{
    color : var(--main-text-color);
}
.meta.isReadOnly > textarea{
    color : var(--main-text-color);
}
.img-formats {
    color : var(--main-text-color);
}

.nav-link.group-tab-header {
    color: var(--main-text-color);
}
#asset-upload-form > div , 
div.asset-manager {
    background-color:var(--main-bg-color) !important;
}
.entity-list-element:hover {
    background: #515151;
}
.entity-list-item-body {
    border-bottom: 1px solid #515151;
}
.collection-actions {
  color: var(--main-text-color);
}
li.select2-selection__choice {
    color: black;
}
span.select2-selection__choice__remove,
span.select2-selection__clear{
    color: rgb(100, 100, 100) !important;
}

ul.dropdown-menu  li button, ul.dropdown-menu  li input, ul.dropdown-menu  li a {
    color: white;
}

.dropdown-menu .dropdown-item:not([disabled]) {
    color: var(--main-text-color);
}

.btn.btn-light {
    color: var(--main-bg-color);
}

.facet-label{
    color : var(--main-text-color) !important;
}

dl,
.asset-id {
    color : var(--main-text-color) !important;
}

.p-overlaypanel,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--multiple,
input.form-control {
    background-color: var(--secondary-bg-color);
}