.projects-shell a,
.projects-shell a:hover,
.projects-shell a:focus,
.projects-shell a:active {
    text-decoration: none !important;
}

.projects-shell a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):hover {
    color: var(--p-teal);
}

.projects-shell a:focus-visible {
    outline: 2px solid rgba(23, 107, 103, .55);
    outline-offset: 3px;
    border-radius: 2px;
}

.projects-shell .btn,
.projects-shell .form-control,
.projects-shell .form-select,
.projects-shell .modal-content,
.projects-shell .dropdown-menu,
.projects-shell .alert,
.projects-shell .card,
.projects-shell .list-group-item {
    border-radius: 2px;
}

.projects-shell .dashboard-sidebar a {
    position: relative;
    border-left: 2px solid transparent;
    color: #536b70 !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.projects-shell .dashboard-sidebar a:hover {
    border-left-color: rgba(21, 149, 143, .4);
    background: var(--p-bg) !important;
    color: var(--p-teal-dark) !important;
    transform: none;
}

.projects-shell .dashboard-sidebar a.active {
    border-left-color: var(--p-teal);
    background: var(--p-teal-soft) !important;
    color: var(--p-teal-dark) !important;
    box-shadow: none;
}

.projects-shell .dashboard-sidebar a.active:hover {
    border-left-color: var(--p-teal);
    background: var(--p-teal-soft) !important;
    color: var(--p-teal-dark) !important;
    transform: none;
}