/* TES-TOP Brand Colors */
:root {
    --testop-orange : #E8620A;
    --testop-green  : #2E7D32;
}

/* Sidebar */
.main-sidebar { border-right: 3px solid var(--testop-orange) !important; }

/* Brand/Logo area */
.brand-link {
    background: #1a1a2e !important;
    border-bottom: 2px solid var(--testop-orange) !important;
}

/* Navbar top */
.main-header.navbar {
    border-bottom: 3px solid var(--testop-orange) !important;
}

/* Active menu item */
.nav-sidebar .nav-item .nav-link.active {
    background: var(--testop-orange) !important;
    color: #fff !important;
}

/* Botões primários */
.btn-primary {
    background-color: var(--testop-orange) !important;
    border-color    : var(--testop-orange) !important;
}
.btn-primary:hover {
    background-color: #c4530a !important;
    border-color    : #c4530a !important;
}

/* Small boxes dashboard */
.small-box.bg-primary { background-color: var(--testop-orange) !important; }

/* Card outlines primários */
.card-outline.card-primary { border-top: 3px solid var(--testop-orange) !important; }

/* Cabeçalho das tabelas */
.table thead.bg-primary, .bg-primary {
    background-color: var(--testop-orange) !important;
}

/* Badges primários */
.badge-primary { background-color: var(--testop-orange) !important; }

/* Progress bars */
.progress-bar.bg-primary { background-color: var(--testop-orange) !important; }

/* Info boxes */
.info-box .info-box-icon.bg-primary { background: var(--testop-orange) !important; }

/* Scrollbar sidebar */
.sidebar { scrollbar-color: var(--testop-orange) #1a1a2e; }