/* scoatem orice background */
.navbar-vertical .nav-link.active {
    background: none !important;
}

/* facem textul albastru deschis */
.navbar-vertical .nav-link.active .nav-link-text {
    color: #0068ff !important;
    font-weight: 600;
}

/* și iconul devine albastru */
.navbar-vertical .nav-link.active .nav-link-icon {
    color: #0068ff !important;
}
.padding-sidebar-top{
    padding: 0.5rem;
}
.user-cart{
    background: #00000005;
    border-radius: 9999px;
    padding: 0 14px 0 0;
}
.puls-red {
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 50%;
    position: relative;
    margin-right: 11px;
}

.puls-red::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid red;
    opacity: 0;
    animation: pulse 1.4s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.4);
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
.status-lead p{
    margin: 0;
}
.status-lead{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-right: 2rem;
}
.stat-lead-top{
    display: flex;
    background: #c4dcf47a;
    border-radius: 999px;
    padding: 5px 11px;
}

.comp-lead{
    margin-right: .5rem;
    display: flex;
    justify-content: center;
  align-items: center;
  align-content: center;
}

h1{
    font-size: 20px;
    line-height: 1;
    color: black;
    font-weight: 400;
    margin: 0;
}
h2{
    font-size: 14px;
    line-height: 1;
    color: #495564;
    font-weight: 400;
    margin: 3px 0 1rem 0;
}





.badge-success,
.badge-active {
    color: #047857;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0.125rem 0.5rem;
    border: 1px solid;
    border-radius: 9999px;
    align-items: center;
    background: #dcffee;
    border-color: #5bcc92;
}

.badge-secondary {
    color: #192320;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0.125rem 0.5rem;
    border: 1px solid;
    border-radius: 9999px;
    align-items: center;
    background: #7481944f;
    border-color: #525c6b;
}

.badge-warning {
    color: #983300;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0.125rem 0.5rem;
    border: 1px solid;
    border-radius: 9999px;
    align-items: center;
    background: #ff560040;
    border-color: #f5803e;
}

.badge-info {
    color: #1e3a8a;
    font-weight: 600;
    font-size: 11px;
    padding: 0.125rem 0.5rem;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 9999px;
    background: #dbeafe;
    border-color: #60a5fa;
}

.badge-dark {
    color: #374151;
    font-weight: 600;
    font-size: 11px;
    padding: 0.125rem 0.5rem;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 9999px;
    background: #e5e7eb;
    border-color: #9ca3af;
}

.badge-danger {
    color: #7f1d1d;
    font-weight: 600;
    font-size: 11px;
    padding: 0.125rem 0.5rem;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 9999px;
    background: #fee2e2;
    border-color: #ef4444;
}

span.nav-link-text.ps-1 {
    text-transform: capitalize;
}
button.btn{
    border-radius: 0.5rem!important;
}
button.btn.btn-primary {
    background: #4f46e5 !important;
}
button.btn.btn-primary:hover {
    background: #766fe3 !important;
}