:root {
    --logo-teal: #0f9d94;
    --logo-teal-dark: #0a7d77;
    --logo-cyan: #1da1e6;
    --logo-purple: #5b2d86;
    --logo-purple-light: #6f42c1;
    --logo-green: #58b08f;
    --logo-ink: #1a1a1a;

    --primary: var(--logo-teal);
    --secondary: #6c757d;
    --success: var(--logo-green);
    --info: var(--logo-cyan);
    --warning: var(--logo-purple-light);
    --danger: var(--logo-purple);
    --dark: #2b2f36;

    --blue: var(--logo-cyan);
    --indigo: #3b5ea9;
    --purple: var(--logo-purple);
    --pink: var(--logo-purple-light);
    --red: var(--logo-purple);
    --orange: #3ba5c9;
    --yellow: #6ac4b1;
    --green: var(--logo-green);
    --teal: var(--logo-teal);
    --cyan: var(--logo-cyan);
}

a,
.text-primary,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--primary) !important;
}

a:hover,
a:focus {
    color: var(--logo-teal-dark) !important;
}

.btn-primary,
.bg-primary,
.badge-primary,
.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.bg-primary:hover {
    background-color: var(--logo-teal-dark) !important;
    border-color: var(--logo-teal-dark) !important;
}

.btn-info,
.bg-info,
.badge-info {
    background-color: var(--logo-cyan) !important;
    border-color: var(--logo-cyan) !important;
    color: #fff !important;
}

.btn-warning,
.bg-warning,
.badge-warning {
    background-color: var(--logo-purple-light) !important;
    border-color: var(--logo-purple-light) !important;
    color: #fff !important;
}

.text-warning {
    color: var(--logo-purple-light) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.form-control:focus,
.custom-select:focus,
.page-link:focus {
    border-color: rgba(15, 157, 148, 0.35) !important;
    box-shadow: 0 0 0 0.15rem rgba(15, 157, 148, 0.15) !important;
}

.left-side-menu,
body[data-leftbar-compact-mode="condensed"] .wrapper .left-side-menu .logo,
body[data-leftbar-compact-mode="condensed"] .side-nav .side-nav-item:hover .side-nav-link,
body[data-leftbar-compact-mode="condensed"] .side-nav .side-nav-item:hover > ul,
.topnav {
    background: linear-gradient(150deg, var(--logo-teal) 0%, var(--logo-cyan) 60%, var(--logo-purple) 100%) !important;
}

.side-nav .side-nav-link,
.side-nav .side-nav-title {
    color: rgba(255, 255, 255, 0.96) !important;
}

.side-nav .mm-active > a,
.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus {
    color: #fff !important;
}

.side-nav .side-nav-item.mm-active > .side-nav-link,
.side-nav .side-nav-link.active,
.side-nav .side-nav-link[aria-expanded="true"] {
    font-weight: 700 !important;
    color: #fff !important;
}

.side-nav .side-nav-item.mm-active > .side-nav-link span,
.side-nav .side-nav-link.active span,
.side-nav .side-nav-link[aria-expanded="true"] span {
    font-weight: 700 !important;
}

.widget-icon,
.avatar-title,
.progress-bar,
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.table.dataTable tbody > tr.selected,
.table.dataTable tbody > tr > .selected {
    background-color: var(--primary) !important;
}

.badge-success,
.btn-success,
.bg-success {
    background-color: var(--logo-green) !important;
    border-color: var(--logo-green) !important;
}

.badge-danger,
.btn-danger,
.bg-danger,
.notification-list .noti-icon-badge {
    background-color: var(--logo-purple) !important;
    border-color: var(--logo-purple) !important;
}

.badge-light,
.btn-light {
    color: #2b2f36 !important;
}

.list-itens-space .list-group-item:hover,
.list-itens-space .list-group-item.choosed {
    background: linear-gradient(135deg, var(--logo-teal) 0%, var(--logo-cyan) 100%) !important;
}

#scanner-overlay,
.scanner-overlay {
    border-color: var(--logo-cyan) !important;
    box-shadow: inset 0 0 0 5px rgba(29, 161, 230, 0.24) !important;
}

.fullscreen-close-btn,
.scanner-close-btn {
    background: var(--logo-purple) !important;
    color: #fff !important;
}

#scanner-container,
.scanner-fullscreen {
    border-color: var(--logo-cyan) !important;
}

.apexcharts-gridline {
    stroke: #dff3f2 !important;
}

.apexcharts-tooltip,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    border-color: #d3eef8 !important;
}