html, body{
    background: #dbdbdb;
}

.btn-jacob-green{
    background-color: #9bb910;
    border-color:#9bb910; 
    color: white;
}

.btn-jacob-done{
    font-weight: 600;
    background-color: #008f33;
    border-color: #008f33;
    color: white;
}

.btn-jacob-done:hover{
    font-weight: 600;
    background-color: #00bccf;
    border-color: #00bccf;
    color: white;
}

.color-jacob-green{
    color: #9bb910;
}

.text-jacob{
    color: #9bb910;
}

.dash-widget-60{
    width: 60%;
}


body[data-topbar=dark] #page-topbar, body[data-topbar=dark] .navbar-brand-box{
    background-color: #9bb910;
    border-color:#9bb910; 
}

.mm-active .active, .mm-active .active svg, #sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover svg{
    color: #586b04 !important;
}

.page-item.active .page-link{
    background-color: #9bb910;
    border-color:#9bb910; 
}

.custom-modal {
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
}

.mm-active>a, .mm-active>a svg{
    color: #586b04 !important;
}

.disabled-green {
    background-color: green;
    color: white;
    pointer-events: none; /* Para desactivar el botón */
}

.disabled-orange {
    background-color: orange;
    color: white;
    pointer-events: none; /* Para desactivar el botón */
}

.silloute {
    padding: 10px;
    border: 1px dashed #d7d7d7;
}