.nav-link.active,.nav-item.show .nav-link{background-color:#f7f7f7!important}.mytooltip{position:relative;display:inline-block}.mytooltip{border-radius:6px}.mytooltiptext{font-family:var(--bs-body-font-family);visibility:hidden;width:300px;background-color:#555;color:#fff;text-align:start;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-150px;opacity:0;transition:opacity .3s;line-height:20px}.mytooltip .mytooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.mytooltip:hover .mytooltiptext{visibility:visible;opacity:1}

.btn-magenta {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff00ff;
    --bs-btn-border-color: #ff00ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff00ff;
    --bs-btn-hover-border-color: #ff00ff;
    --bs-btn-focus-shadow-rgb: 235, 91, 157;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff00ff;
    --bs-btn-active-border-color: #ff00ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff00ff;
    --bs-btn-disabled-border-color: #ff00ff;
}

.btn-yellow {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffff00;
    --bs-btn-border-color: #ffff00;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffff00;
    --bs-btn-hover-border-color: #ffff00;
    --bs-btn-focus-shadow-rgb: 235, 91, 157;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffff00;
    --bs-btn-active-border-color: #ffff00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffff00;
    --bs-btn-disabled-border-color: #ffff00;
}