:root {
    --background: #fafafa;
    --text: #1f1f1f;
    --navbar: #f1f1f1;
    --btn-grey: #f1f1f1;
    --btn-grey-hover: #e9e9e9;
    --navbar-color: #1f1f1f;
    --table-bg: rgba(0, 0, 0, .035);
    --btn-filter-white: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(0%) hue-rotate(322deg) brightness(115%) contrast(100%);
    --btn-filter-black: brightness(0) saturate(100%) invert(0%) sepia(70%) saturate(4594%) hue-rotate(261deg) brightness(108%) contrast(76%);
    --text-editor: #a3aab1;
    --text-editor-hover: #8A929B;
    --report-opacity: 80%;
    --not-tracked-opacity: 55%;
    --tox-bg: #adadad;
    --tox-menu-bg: #a3a3a3;
    --tox-menu-bg-hover: #919191;
}

body,
.tox-edit-area__iframe,
.confirm-content {
    background-color: var(--background) !important;
    color: var(--text) !important;
}

.current-week {
    opacity: 60%;
}

label,
input,
input:disabled,
p,
a.btn.col,
.dropdown-content a.btn.col,
.template-change-and-delete {
    color: var(--text) !important;
}

nav ul li a,
.sidenav a {
    color: var(--navbar-color) !important;
}

.text-view {
    background-color: var(--navbar) !important;
}

.nav-wrapper,
.sidenav,
nav,
.nav-dropdown,
.dropdown-content,
.drop-content,
.tabulator-edit-list,
.drop-box:hover .drop-btn {
    background-color: var(--navbar) !important;
}

nav ul a:hover {
    background-color: var(--btn-grey-hover) !important;
}

.template-change-and-delete:hover {
    background-color: var(--btn-grey-hover) !important;
}

a.btn.col,
.nav-wrapper,
.sidenav,
nav,
.btn,
.nav-dropdown,
.dropdown-content,
.drop-content,
.tox-menu {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.06) !important;
}

.grey.darken-3 {
    box-shadow: -1px 0px 1px 0 rgba(0, 0, 0, 0.06), 1px 1px 1px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 1px rgba(0, 0, 0, 0.06) !important;
}

.card {
    box-shadow: none !important;
}

.btn,
.search-btn,
.datepicker-date-display,
.is-selected .datepicker-day-button {
    color: rgba(255, 255, 255, .87) !important;
    background-color: var(--btn-bg);
}

.datepicker-cancel,
.datepicker-done,
.dropdown-content,
.azubi-name {
    color: var(--btn-bg) !important;
}

.azubi-name:hover {
    color: var(--btn-bg-hover) !important;
}

.btn.bold:hover,
.search-btn:hover,
.check-button-margin:hover,
a.check-all-desktop:hover,
.check-all-mobile:hover {
    background-color: var(--btn-bg-hover);
}

.grey.darken-3 {
    background-color: var(--btn-grey) !important;
    color: var(--text) !important;
}

.grey.darken-3:hover {
    background-color: var(--btn-grey-hover) !important;
}

.sidenav {
    background-color: var(--navbar) !important;
    color: var(--text) !important;
}

#verzug-table tr:nth-child(odd),
#cm-landing-table .tabulator-row-odd,
#cm-landing-table .tabulator-headers,
.bg-color,
.all-azubis-bg,
.rahmenplan tr:nth-child(2n) {
    background-color: var(--table-bg) !important;
}

#table2 tr:nth-child(even),
.table-display tr:nth-child(even) {
    background-color: var(--table-bg) !important;
}

tr {
    border: none;
}

.b-border,
.ab-overview-header {
    border-bottom-color: var(--table-bg) !important;
}

nav img,
.navbar,
.sidenav img {
    filter: var(--btn-filter-black) !important;
}

table img,
.caret,
.template-icon,
.collapse-indicator,
.drop-btn img,
.drop-content img {
    filter: var(--btn-filter-black);
}

.wobs-logo {
    filter: var(--btn-filter-black) !important;
}

#report-tabs {
    border: 1px solid white !important;
    color: white !important;
}

.www-img img {
    filter: invert(1) !important;
}

.btn.col img,
.green img,
.orange img,
.red img,
.check-button-margin img,
.check-all-mobile img,
.btn-icon,
.save-success-msg img {
    filter: var(--btn-filter-white) !important;
}

.btn.col,
li.tab.col {
    opacity: var(--report-opacity);
    transition: opacity .2s ease;
}

text,
.average-rating-text {
    fill: black !important;
}

li.tab.col.status-2 {
    opacity: 90% !important;
}

li.tab.col:hover {
    opacity: 60% !important;
}

.svgicon {
    stroke: white !important;
}

.tab.status-0 {
    background-color: #eb6361 !important;
    color: white !important;
    border: 1px solid var(--background) !important;
}

.tab.status-0 a.active {
    border: 3px solid #eb6361 !important;
}

.tab.status-1 {
    background-color: #ff914d !important;
    color: white !important;
    border: 1px solid var(--background) !important;
}

.tab.status-1 a.active {
    border: 3px solid #ff914d !important;
}

.tab.status-2 {
    background-color: #ffd54f !important;
    color: white !important;
    border: 1px solid var(--background) !important;
}

.tab.status-2 a.active {
    border: 3px solid #ffd54f !important;
}

.tab.status-3 {
    background-color: #9ccc65 !important;
    color: white !important;
    border: 1px solid var(--background) !important;
}

.tab.status-3 a.active {
    border: 3px solid #9ccc65 !important;
}

.tab.status--1 {
    background-color: #b0b0b0 !important;
    color: white !important;
    border: 1px solid var(--background) !important;
}

.tab.status--1 a.active {
    border: 3px solid #b0b0b0 !important;
}

.tab.denied {
    background-color: red !important;
    color: white !important;
    border: 1px solid var(--background) !important;
    opacity: 60% !important;
}

.tab.denied a.active {
    border: 3px solid red !important;
}

.btn.col.red,
.btn.red {
    background-color: #eb6361 !important;
    color: white !important;
}

.btn.col.green,
.btn.green,
.save-success-msg {
    background-color: #9ccc65 !important;
    color: white !important;
}

.btn.col.yellow {
    background-color: #ffd54f !important;
    color: white !important;
}

.btn.col.orange {
    background-color: #ff914d !important;
    color: white !important;
}

.btn.col.not-tracked {
    background-color: #808080 !important;
    color: white !important;
    opacity: 60% !important;
}

.btn.col.deny-flag {
    background-color: red !important;
    color: white !important;
    opacity: var(--not-tracked-opacity) !important;
}

.btn.col {
    font-weight: 700 !important;
}

input::file-selector-button {
    background-color: var(--btn-bg) !important;
}

input::file-selector-button:hover {
    background-color: var(--btn-bg-hover) !important;
}

[type="checkbox"]:checked+span:not(.lever)::before {
    border-right-color: var(--btn-bg) !important;
    border-bottom-color: var(--btn-bg) !important;
}

[type="radio"]:checked+span::after {
    background-color: var(--btn-bg) !important;
    border-color: var(--btn-bg) !important;
}

.triangle {
    opacity: 100% !important;
}

.tox-toolbar__primary,
.tox-editor-header,
.tox-statusbar,
.tox-toolbar__overflow,
.tox-toolbar-overlord,
.tox-toolbar--scrolling {
    background-color: var(--tox-bg) !important;
}

.tox-menu,
.tox-tbtn:hover {
    background-color: var(--tox-menu-bg) !important;
}

.tox-collection__item--active,
.tox-tbtn:active,
.tox-tbtn:focus,
.tox-split-button:focus,
.tox-tbtn--enabled,
.tox-tbtn--enabled:hover {
    background-color: var(--btn-bg) !important;
}

.tox-tinymce,
.tox,
.tox-editor-container {
    border-color: var(--tox-bg) !important;
}

.theme-btn.std,
.theme-btn.light {
    color: var(--text) !important;
    border-color: rgba(0, 0, 0, 0.1);
}

.theme-btn:hover,
.theme-btn:focus {
    border-color: var(--btn-bg) !important;
}

.theme-img {
    border-color: var(--tox-bg) !important;
}

.folder-div {
    background-color: var(--navbar) !important;
    border-color: var(--background) !important;
}

input[type="text"]:focus {
    border-color: var(--btn-bg) !important;
}

.dropdown-content li>span {
    color: var(--btn-bg) !important;
}