:root {
    --green: #44a392;
    --green-d: #3e9484;
    --green-sidebar: #327569;

    --teal: #71b3ae;
    --teal-d: #6aa8a3;

    --blue: #799db7;
    --blue-d: #7391a9;

    --purple: #bd6890;
    --purple-d: #b35f86;

    --orange: #e46b26;
    --orange-d: #d9611c;

    --white: #ffffff;
    --white-d: #e7ecea;

    --grey-l: #b8c3ca;
    --grey: #736f74;
    --grey-d: #4a4b4d;

    --black-l: #212529;
    --black-base: #2d2d2d;
}

body {
    background-color: var(--white-d) !important;
}

#spinner-overlay {
    background-color: rgba(255, 255, 255, 0.5);
}
.text-primary {
    color: var(--blue) !important;
    filter: hue-rotate(var(--hue));
}

.navbar, .sidebar {
    background-color: var(--white);
}
#side-bar-title {
    color: var(--white);
    background-color: var(--green-d);
    filter: hue-rotate(var(--hue));
}
.inactive-item {
    color: var(--grey-l);
    cursor: default;
    pointer-events: none;
}
.active-item {
    color: var(--black-l);
}
.nav-link {
    color: var(--grey);
}

.btn-primary, .btn-primary:active {
    background-color: var(--blue) !important;
    border-color: var(--blue-d) !important;
    filter: hue-rotate(var(--hue));
}
.btn-primary:hover {
    background-color: var(--blue-d) !important;
    filter: hue-rotate(var(--hue));
}

.btn-success, .btn-success:active {
    background-color: var(--green) !important;
    border-color: var(--green-d) !important;
    filter: hue-rotate(var(--hue));
}
.btn-success:hover {
    background-color: var(--green-d) !important;
    filter: hue-rotate(var(--hue));
}

.btn-danger, .btn-danger:active {
    background-color: var(--orange) !important;
    border-color: var(--orange-d) !important;
    filter: hue-rotate(var(--hue));
}
.btn-danger:hover {
    background-color: var(--orange-d) !important;
    filter: hue-rotate(var(--hue));
}

.btn-info, .btn-info:active {
    color: var(--white) !important;
    background-color: var(--teal) !important;
    border-color: var(--teal-d) !important;
    filter: hue-rotate(var(--hue));
}
.btn-info:hover {
    background-color: var(--teal-d) !important;
    filter: hue-rotate(var(--hue));
}

.btn-disabled {
    background-color: var(--grey-l) !important;
    border-color: var(--grey-l) !important;
    color: var(--white) !important;
    cursor: default;
    pointer-events: none;
}

#noItemsFoundText {
    color: var(--grey-l);
}

.btn-icon, .btn-icon:active {
    color: var(--grey-d);
}
.btn-icon:hover {
    color: var(--black-base);
}

#title, #titlePreview {
    color: var(--grey-d);
    filter: hue-rotate(var(--hue));
}

.text-on-img {
    color: var(--white);
}

.bg-text-on-img {
    background-color: rgba(255, 255, 255, 0.4);
}

.indicator {
    background-color: var(--orange);
}

.indicator span {
    background-color: var(--white);
    border: 3px var(--orange-d) solid;
    color: var(--orange);
}

.table-info {
    --bs-table-bg: #fff495 !important;
    --bs-table-striped-bg: #fff495 !important;
    --bs-table-border-color: #c4be5a !important;
}
.table-warning {
    --bs-table-bg: #ffcd95 !important;
    --bs-table-striped-bg: #ffcd95 !important;
    --bs-table-border-color: #c79d6e !important;
}
.table-danger {
    --bs-table-bg: #ff9595 !important;
    --bs-table-striped-bg: #ff9595 !important;
    --bs-table-border-color: #d46a6a !important;
}

#titlePreview {
  color: #000000;
}