:root {
    --theme-success: #9EBB58;
    --theme-primary: #183B59;
}

html, body {
    font-size: 14px !important;
}

table {
    font-size: inherit;
}

div.modal-body::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
    width: 1em;
    height: 1em;
}

div.modal-body::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    background-color: grey;
}


div.modal-body::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: slategrey;
}


.table thead {
    font-weight: bold;
}

/* attempt to stop jumping */
localelangmenu {
    display: inline-block;
    min-height: 46px;
}

.hidden {
    display: none !important;
}

.invisible {
    opacity: 0;
}

.capitalize {
    text-transform: uppercase;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.alert-wrapper.alert-hidden {
    display: none;
}

.alert-wrapper {
    display: block;
}

.text-theme-color, .card .card-header .card-title .card-label.text-theme-color {
    color: #5baf9a;
}

.header, .auth-aside, .logo-background {
    /* background-color: rgba(0, 59, 255, 0.51);*/
    /* background-color: #9ebb58; */
    background-color: #27272A;
}

.top-bar-icon {
    color: white;
}

.logo-background {
    border-radius: 3px;
    padding: 5px;
}

.card .card-body-custom, .card .card-header-custom {
    padding: 0.5rem 2rem 1rem 2rem;
}

.aside-card .menu {
    font-size: 13px !important;
}

.img-inline {
    max-height: 1.25rem;
    width: auto;
    padding: 0 3px;
}

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
}

form .alert.hidden {
    display: none;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group label.control-label.required:after, .form-group.required label.control-label:after {
    color: red;
    content: '*';
    padding-left: 2px;
}

.form-actions {
    margin: 1rem 0;
}

.form-check-label {
    color: revert;
}

.form-group label.error {
    color: red;
}

.filter-icon {
    color: var(--bs-text-primary) !important;
}

.filter-icon.filtered {
    color: var(--bs-text-success) !important;
}

.inline-label {
    padding-right: 8px;
    font-weight: 600;
}

.required:after {
    content: none;
}

fieldset.custom, .module-status-container {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-top: 1px groove #ebedf2;
    border-bottom: 1px solid #ebedf2;
    border-right: 1px solid #ebedf2;
    border-left: 1px solid #ebedf2;
    border-radius: .25rem;
    margin-bottom: 1.5rem;
}

fieldset.custom-dark {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-top: 1px groove #bebec9;
    border-bottom: 1px solid #bebec9;
    border-right: 1px solid #bebec9;
    border-left: 1px solid #bebec9;
    border-radius: .25rem;
    margin-bottom: 1.5rem;
}

fieldset.custom legend, fieldset.custom-dark legend {
    color: #9ebb58;
    width: initial;
    padding: initial;
    margin: initial;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

fieldset.custom-bold legend {
    font-weight: 500;
}

textarea.autosize {
    min-height: 3rem !important;
    overflow: hidden;
}

.pwstrength-viewport-progress .progress {
    min-height: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.pwstrength-viewport-progress {
    padding: 2px 0;
}

.loader-container .card-body {
    margin-left: auto;
    margin-right: auto;
}

i.plan-task-icon, i.plan-step-icon, i.plan-rubric-icon {
    color: var(--bs-primary) !important;
    font-size: 2rem !important;
    padding-right: 6px;
}

.plan-task-form-title {
    color: var(--bs-primary) !important;
    font-weight: 800;
}

.select2-text {
    line-height: normal;
}

.select2-results__option .task-type-label {
    display: flex;
    align-items: center;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered .task-type-label {
    display: flex;
    align-items: center;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
    font-weight: 600;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered i {
    font-size: 22px !important;
}

.security-code-number {
    display: inline-block !important;
    width: 3rem !important;
}

.input-group .select2-container {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: 1% !important;
    min-width: 0;
}

.input-group .select2-container .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/**
*** Reminders
 */
.reminder-container.empty {
    display: none;
}

/**
*** Legends
 */

.legend-container {
    padding: 1rem 0;
    display: flex;
    justify-content: center !important;
}

.legend-item {
    margin: 0.25rem 0.5rem;
    padding: 6px 6px 6px 38px;
    border-radius: 4px;
    min-width: 148px;
    width: 100%;
    color: var(--bs-white) !important;
    font-weight: 600;
}

.legend-complete {
    background-color: var(--bs-success) !important;
    background-image: url("../img/icons/complete-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.legend-progress {
    background-color: var(--bs-purple) !important;
    background-image: url("../img/icons/progress-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.legend-signature {
    background-color: var(--bs-blue) !important;
    background-image: url("../img/icons/signature-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.legend-scheduled {
    background-color: var(--bs-orange) !important;
    background-image: url("../img/icons/scheduled-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.legend-reminder {
    background-color: var(--bs-red) !important;
    background-image: url("../img/icons/reminder-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.legend-returned {
    background-color: var(--bs-red) !important;
    background-image: url("../img/icons/exclamation-mark-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
}

.signature-icon {
    padding: 6px 6px 6px 6px;
    border-radius: 4px;
    min-width: 28px;
    min-height: 28px;
    display: inline-block;
    background-color: var(--bs-blue) !important;
    background-image: url("../img/icons/signature-white.svg");
    background-repeat: no-repeat;
    background-size: 2rem;
}

.signature-icon-blue {
    padding: 6px 6px 6px 6px;
    border-radius: 4px;
    min-width: 28px;
    min-height: 28px;
    display: inline-block;
    background-image: url("../img/icons/signature-blue.svg");
    background-repeat: no-repeat;
    background-size: 2rem;
}

.task-req-signature {
    padding-left: 6px;
}

.comment-card {
    margin-bottom: 1.5rem;
}

.comment-card .comment-owner {
    color: var(--bs-blue) !important;
}

.comment-card .comment-timestamp {
    color: var(--bs-orange) !important;
}

.reminder-timestamp {
    color: var(--bs-orange) !important;
}

/**
*** Notification icons
 */

.topbar-notification-alerts .empty-alert-items {
    display: none;
}

.topbar-notification-alerts.empty .empty-alert-items {
    display: revert;
}

.icon-scheduled {
    background-color: var(--bs-orange) !important;
    background-image: url("../img/icons/scheduled-white.svg");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: bottom left;
    width: 35px !important;
    height: 35px !important;
    border-radius: .475rem;
}


/**
*** Theme overrides
 */
i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
    color: revert;
}

.aside-menu {
    font-size: 13px;
}

.nav-line-tabs .nav-item .nav-link {
    color: var(--bs-text-primary) !important;
}

.btn-inline {
    padding: 0.25rem 0.5rem;
}

.btn-group-block {
    width: 100%;
}

.cell-max-220p {
    max-width: 220px;
}

.datatable-select {
    min-width: 92px;
}


.table-responsive,
.dataTables_scrollBody {
    /*overflow: visible !important;*/
}

.table-responsive-disabled .dataTables_scrollBody {
    /* overflow: hidden !important; */
}

.button {
    /* Important part */
    position: relative;
    transition: padding-right .3s ease-out;
}

.button.loading {
    background-color: #CCC;
    padding-right: 40px !important;
}

.button.loading:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    right: 6px;
    top: 50%;
    width: 0px;
    height: 0px;
    margin-top: -2px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-left-color: #FFF;
    border-top-color: #FFF;
    animation: spin .6s infinite linear, grow .3s forwards ease-out;
}

@keyframes spin {
    to {
        transform: rotate(359deg);
    }
}

@keyframes grow {
    to {
        width: 14px;
        height: 14px;
        margin-top: -8px;
        right: 13px;
    }
}

/**
*** Spinners
*** https://codepen.io/rajatkantinandi/pen/vdxzaV
 */

@keyframes glow {
    50% {
        border-color: lime;
        width: 95%;
        box-shadow: 0px 0px 10px -2px green;
    }
    100% {
        border-color: green;
        width: 35%;
        box-shadow: 0px 0px 10px -2px green;
    }
}

.sep {
    width: 35%;
    border-bottom: 2px solid green;
    margin-bottom: 20px;
    animation: glow 8s infinite;
}

.loader {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 20px;
}

@keyframes load {
    50% {
        transform: rotatez(180deg) scale(0.2);
        border-color: orange;
    }
    100% {
        transform: rotatez(360deg) scale(1.1);
    }
}

.loader1::before {
    content: "";
    color: white;
    height: 30px;
    width: 30px;
    background: transparent;
    border-radius: 45%;
    border: 25px dotted lime;
    animation: load 1s infinite ease-in-out;
}

@keyframes load2 {
    50% {
        transform: rotatez(180deg);
        border-radius: 55%;
    }
    100% {
        transform: rotatez(360deg);
    }
}

.loader2::before {
    content: "";
    color: white;
    height: 30px;
    width: 30px;
    background: transparent;
    border-radius: 10%;
    border: 25px inset orange;
    animation: load2 1s infinite ease-in-out;
}

@keyframes load3 {
    50% {
        transform: rotatez(180deg) scale(1.5);
        border-style: dotted;
    }
    100% {
        transform: rotatez(360deg) scale(0.9);
    }
}

.loader3::before {
    content: "";
    color: white;
    height: 30px;
    width: 30px;
    background: transparent;
    border-radius: 50%;
    border: 15px solid blue;
    border-color: #1565C0 #26C6DA;
    animation: load3 2s infinite;
}

@keyframes load4 {
    50% {
        transform: rotatez(180deg);
        border-width: 30px;
    }
    100% {
        transform: rotatez(360deg);
    }
}

.loader4::before {
    content: "";
    color: white;
    height: 30px;
    width: 30px;
    background: transparent;
    border-radius: 50%;
    border: 15px ridge lime;
    border-color: lime transparent;
    animation: load4 1s infinite;
}

@keyframes load5 {
    40% {
        transform: rotatez(-180deg);
        border-width: 16px;
    }
    80% {
        transform: rotatez(-360deg);
    }
    100% {
        transform: rotatez(-360deg);
    }
}

.loader5::before {
    content: "";
    color: white;
    height: 50px;
    width: 50px;
    background: transparent;
    border-radius: 50%;
    border: 10px dotted lime;
    border-left-color: transparent;
    animation: load5 1s infinite ease-in-out;
}

@keyframes load6 {
    50% {
        transform: rotatez(180deg);
        border-width: 40px;
    }
    100% {
        transform: rotatez(360deg);
    }
}

.loader6::before {
    content: "";
    color: white;
    height: 0px;
    width: 0px;
    background: transparent;
    border-radius: 50%;
    border: 35px ridge red;
    border-color: indigo lime yellow orangered;
    animation: load6 .5s infinite;
}

@keyframes load7 {
    100% {
        transform: rotatez(360deg);
    }
}

.loader7::before {
    content: "";
    color: white;
    height: 50px;
    width: 50px;
    background: transparent;
    border-radius: 50%;
    border: 10px solid blue;
    border-color: #0277BD #0277BD #0277BD #81D4FA;
    animation: load7 .6s infinite ease-in-out;
    box-shadow: 0px 0px 40px -2px skyblue;
}

@keyframes load8 {
    100% {
        transform: rotatez(360deg);
    }
}

.loader8::before {
    content: "";
    color: white;
    height: 50px;
    width: 50px;
    background: transparent;
    border-radius: 50%;
    border: 10px solid transparent;
    /*border-color:#039BE5 #039BE5 transparent transparent;*/
    border-color: #4276A4 #4276A4 transparent transparent;
    animation: load8 .6s infinite;
}

@keyframes load9 {
    50% {
        transform: rotatez(180deg) scale(0.6);
    }
    100% {
        transform: rotatez(360deg) scale(1);
    }
}

.loader9::before {
    content: "";
    color: white;
    height: 50px;
    width: 50px;
    background: transparent;
    border-radius: 50%;
    border: 20px dashed transparent;
    border-color: #039BE5 indianred;
    animation: load9 .6s infinite ease-in-out;
}

@keyframes load10 {
    50% {
        transform: rotatez(180deg);
        border-style: dashed;
        border-color: red maroon indianred orangered;
    }
    100% {
        transform: rotatez(360deg);
    }
}

.loader10::before {
    content: "";
    color: white;
    height: 50px;
    width: 50px;
    background: transparent;
    border-radius: 50%;
    border: 20px solid red;
    animation: load10 1s infinite;
}

/**
*** flip graphic on auth layout
 */
@media (max-width: 992px) {
    .auth-layout-container {
        flex-direction: column-reverse !important;
    }
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem !important;
    font-size: .875rem;
    border-radius: .2rem;
}

.steps-wrapper, .rubrics-wrapper {
    padding: 1rem 0.5rem;
    border: 1px solid var(--bs-card-border-color);
    border-radius: 3px;
}

.rubric-container {
    padding: 0.5rem 0.5rem 1rem 1rem;
}

.rubric-title {
    font-size: 1.2rem;
}

.rubric-level-system {
    color: var(--bs-text-primary);
}

.rubric-level-district {
    color: var(--bs-text-success);
}

.rubric-actions {
    text-align: right;
    position: relative;
    height: 0;
}

#scoreRubricModal.evaluatee .scoring-alert.evaluatee .ready-only,
#scoreRubricModal.evaluator .scoring-alert.evaluator .ready-only {
    display: none;
}

#scoreRubricModal.evaluatee .scoring-alert.evaluator .not-ready-only,
#scoreRubricModal.evaluator .scoring-alert.evaluatee .not-ready-only {
    display: none;
}

#scoreRubricForm textarea:disabled {
    background-color: inherit;
    color: inherit;
}

#formForm.read-only .form-check-input:disabled {
    opacity: inherit;
}

#formForm.read-only .form-check-input:disabled ~ .form-check-label,
#formForm.read-only .form-check-input[disabled] ~ .form-check-label,
#conferenceForm.read-only .form-check-input:disabled ~ .form-check-label,
#conferenceForm.read-only .form-check-input[disabled] ~ .form-check-label,
#observationForm.read-only .form-check-input:disabled ~ .form-check-label,
#observationForm.read-only .form-check-input[disabled] ~ .form-check-label {
    opacity: inherit;
}

#formForm textarea:disabled,
#formForm input:not([type='checkbox']):not([type='radio']):disabled,
#formForm select:disabled,
#conferenceForm textarea:disabled,
#conferenceForm input:not([type='checkbox']):not([type='radio']):disabled,
#conferenceForm select:disabled,
#observationForm textarea:disabled,
#observationForm input:not([type='checkbox']):not([type='radio']):disabled,
#observationForm select:disabled {
    background-color: inherit;
    color: inherit;
}

#scoreRubricForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
#scoreRubricForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
#formForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
#formForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
#conferenceForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
#conferenceForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
#observationForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
#observationForm .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered {
    color: inherit !important;
}

#scoreRubricForm .select2-container--bootstrap5.select2-container--disabled .form-select,
#formForm .select2-container--bootstrap5.select2-container--disabled .form-select,
#conferenceForm .select2-container--bootstrap5.select2-container--disabled .form-select,
#observationForm .select2-container--bootstrap5.select2-container--disabled .form-select {
    background-color: inherit;
}

button.rubric-action {
    width: 1.5rem !important;
}

#deleteModal .delete-title {
    font-weight: 600;
}

#conferenceModal .modal-body,
#formModal .modal-body,
#observationModal .modal-body,
#scoreRubricModal .modal-body {
    max-height: 76vh;
    overflow-y: auto
}

.reorder-container {
    list-style: none;
    border: 1px solid #999999;
    padding: 0.25rem;
}

.reorder-element {
    font-size: 1.25rem;
    padding: 0.25rem;
}

.reorder-handle {
    padding: 6px;
    cursor: move !important;
}

.plan-overview-table tr {
    vertical-align: baseline;
}

.plan-overview-table th, .plan-overview-table td {
    min-width: 180px;
}

.plan-overview-table td.task-cell,
.plan-overview-table td.rubric-cell {
    position: relative;
}

.plan-overview-table .cell-action-wrapper {
    position: absolute;
    bottom: 5px;
}

.plan-overview-table .task-type-title,
.plan-overview-table .task-title,
.plan-overview-table .task-assignee-title,
.plan-overview-table .task-completion-title,
.plan-overview-table .task-req-signature,
.plan-overview-table .due-date-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-overview-table .task-title span {
    text-align: center;
}


.plan-overview-table.evaluator .task-assignee-title.evaluator,
.plan-upcoming-table.evaluator .task-assignee-title.evaluator {
    color: var(--bs-text-success);
}

.plan-overview-table.evaluator .task-assignee-title.evaluatee,
.plan-upcoming-table.evaluator .task-assignee-title.evaluatee {
    color: var(--bs-text-primary);
}

.plan-overview-table .due-date {
    font-weight: 600;
}

.plan-overview-table .due-date-container.overdue,
.plan-upcoming-table .due-date-container.overdue {
    color: var(--bs-text-danger);
}

.plan-overview-table .due-date-container.due-today,
.plan-upcoming-table .due-date-container.due-today {
    color: var(--bs-text-success);
}

.plan-overview-table .sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    z-index: 98;
}

.plan-overview-table .first-col {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    left: -1px;
}

.plan-overview-table .rubrics-header-col {
    background-color: #ddedea;
}

.plan-overview-table div.task-cell,
.plan-overview-table div.rubric-cell {
    padding-bottom: 1.5rem !important;
}

.plan-overview-table div.task-cell .task-status-title,
.plan-upcoming-table .task-status-title {
    font-weight: bold;
    color: var(--bs-text-primary);
}

.plan-overview-table div.task-cell .task-status-title.task-status-title-ns,
.plan-upcoming-table .task-status-title.task-status-title-ns {
    color: var(--bs-text-danger);
}

.plan-overview-table div.task-cell .task-status-title.task-status-title-p,
.plan-upcoming-table .task-status-title.task-status-title-p {
    color: var(--bs-text-info);
}

.plan-overview-table div.task-cell .task-status-title.task-status-title-c,
.plan-upcoming-table .task-status-title.task-status-title-c {
    color: var(--bs-text-success);
}

.plan-overview-table div.task-cell .task-assigned-to,
.plan-overview-table div.task-cell .task-assigned-by {
    font-weight: 600;
    background-color: #E6E5F8;
    color: #292830;
    padding: 4px;
    border-radius: 4px;
}

.plan-overview-table div.task-cell .task-assigned-to i,
.plan-overview-table div.task-cell .task-assigned-by i {
    color: #B8B6D8;
}

.plan-upcoming-table span.task-toggle,
.plan-upcoming-table span.step-toggle,
.plan-upcoming-table span.row-toggle {
    padding: 1px 8px;
    background-color: var(--bs-primary);
    color: var(--bs-text-white);
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.plan-upcoming-table span.task-toggle.expanded,
.plan-upcoming-table span.step-toggle.expanded,
.plan-upcoming-table span.row-toggle.expanded {
    background-color: var(--bs-success);
}

.plan-upcoming-table .evaluatees-row,
.plan-upcoming-table .tasks-row {
    background-color: var(--bs-text-gray-100);
}

.plan-upcoming-table .evaluatees-table,
.plan-upcoming-table .tasks-table {
    background-color: floralwhite;
}

.plan-upcoming-table .task-type-title,
.plan-upcoming-table .task-title,
.plan-upcoming-table .task-assignee-title,
.plan-upcoming-table .task-completion-title,
.plan-upcoming-table .due-date-container {
    display: flex;
    align-items: center;
    justify-content: left;
}

.plan-upcoming-table .task-assigned-to,
.plan-upcoming-table .task-assigned-by {
    font-weight: 600;
    background-color: #E6E5F8;
    color: #292830;
    padding: 4px;
    border-radius: 4px;
}

.plan-upcoming-table .task-assigned-to i,
.plan-upcoming-table .task-assigned-by i {
    color: #B8B6D8;
}

.plan-upcoming-table .evaluatees-table-container,
.plan-upcoming-table .tasks-table-container {
    visibility: hidden;
    transition: visibility .5s, max-height .5s;
    max-height: 0;
    overflow: hidden;
}

.plan-upcoming-table .evaluatees-table-container.expanded,
.plan-upcoming-table .tasks-table-container.expanded {
    visibility: visible;
    max-height: unset;
    overflow: unset;
}

.rubric-form .rubric-title {
    color: var(--bs-text-gray-700)
}

.task-attachments-container, .task-links-container {
    margin-bottom: 2rem;
}

.task-attachments, .task-links {
    padding: 1rem;
}

.task-attachments-prompt, .task-links-prompt {
    color: var(--bs-gray-800);
    font-weight: 600;
}

.task-row-selected {
    background-color: lavender;
}

/* evaluator plan overview table - make top row sticky */
.plan-overview-table-container {
    max-height: 600px;
}

.plan-overview-table thead tr.task-row th {
    position: sticky;
    top: 0; /* Sticks to the top of the viewport or nearest scrolling ancestor */
    background-color: #fff; /* Add a background color so content below doesn't show through */
    z-index: 99!important; /* Ensures the header is above other table content */
}

.label-tooltip {
    font-size: 1.25rem !important;
    color: var(--bs-info) !important;
    padding-left: 0.5rem;
    vertical-align: text-top;
}

.custom-tooltip {
    --bs-tooltip-color: var(--bs-white);
    --bs-tooltip-bg: var(--bs-info);
}

.fg-container-html {
    margin-bottom: 12px;
}

.plan-overview-table.evaluatee .task-assignee-title.evaluatee,
.plan-upcoming-table.evaluatee .task-assignee-title.evaluatee {
    color: var(--bs-success);
}

.plan-overview-table.evaluatee .task-assignee-title.evaluator,
.plan-upcoming-table.evaluatee .task-assignee-title.evaluator {
    color: var(--bs-primary);
}


/* theme buttons */
.btn-theme-success {
    color: #ffffff;
    background-color: #9EBB58;
    border-color: #9EBB58;
}

.btn-theme-success:hover,
.btn-theme-success:focus,
.btn-theme-success:active,
.btn-theme-success.active,
.open .dropdown-toggle.btn-theme-success {
    color: #ffffff;
    background-color: #7B8F4C;
    border-color: #9EBB58;
}

.btn-theme-success:active,
.btn-theme-success.active,
.open .dropdown-toggle.btn-theme-success {
    background-image: none;
}

.btn-theme-success.disabled,
.btn-theme-success[disabled],
fieldset[disabled] .btn-theme-success,
.btn-theme-success.disabled:hover,
.btn-theme-success[disabled]:hover,
fieldset[disabled] .btn-theme-success:hover,
.btn-theme-success.disabled:focus,
.btn-theme-success[disabled]:focus,
fieldset[disabled] .btn-theme-success:focus,
.btn-theme-success.disabled:active,
.btn-theme-success[disabled]:active,
fieldset[disabled] .btn-theme-success:active,
.btn-theme-success.disabled.active,
.btn-theme-success[disabled].active,
fieldset[disabled] .btn-theme-success.active {
    background-color: #9EBB58;
    border-color: #9EBB58;
}

.btn-theme-success .badge {
    color: #9EBB58;
    background-color: #ffffff;
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background-color: #9EBB58;
    background: revert;
    text-shadow: revert;
}

.jqtree-toggler {
    min-width: 16px;
}

ul.jqtree-tree {
    line-height: 200%;
}

ul.jqtree-tree ul.jqtree_common {
    margin-left: 1rem !important;
}