.nav-icon-ion {
    vertical-align: middle;
    padding-bottom: 0.2rem;
}

.iti {
    width: 100%;
}

/* Initially hide the spans in nav-treeview */
.nav-treeview .nav-item .nav-link span {
    display: none;
}

/* Show the spans in nav-treeview when the sidebar is expanded or focused */
body:not(.sidebar-collapse) .nav-treeview .nav-item .nav-link span,
.sidebar-focused .nav-treeview .nav-item .nav-link span {
    display: inline; /* or display: block; based on your layout requirements */
}

.info-box-content>.small-box-footer {
    width: auto;
    color: #fff;
    position: relative;
    text-decoration: none;
    z-index: 10;
}

.info-box-content>.small-box-footer:hover {
    color: #ffffffb3;
}

.card-body .chart {
    height: auto;
}

.callout.callout-primary{border-left-color:#007bff}
.dark-mode .callout.callout-primary{border-left-color:#5faee3}

#pending_wrapper>.row:first-of-type {
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#done_wrapper>.row:first-of-type {
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#failed_wrapper>.row:first-of-type {
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#pending_wrapper>.row:last-of-type {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#done_wrapper>.row:last-of-type {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#failed_wrapper>.row:last-of-type {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.badge-sm {
    vertical-align: middle;
    min-width: 1.4em;
    max-height: 1.4em;
    padding: .10em !important;
    margin-left: .1em;
    margin-right: .1em;
    cursor: pointer;
}