.btn-micro{padding: 0.5rem !important;font-size: 0.65rem !important;}
.btn-outline-secondary { border-color: #bcbfc2 !important; }
.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { background-color: #f1f1f1 !important; color: #000 !important; border-color: #bcbfc2 !important; font-weight: 600; }
.text-muted{ color: var(--desk-fore) !important; }

/* BORDER */
.border { border: 1px solid var(--border) !important; }
.border-top { border-top: 1px solid var(--border) !important; }
.border-start { border-left: 1px solid var(--border) !important; }
.border-end { border-right: 1px solid var(--border) !important; }
.border-bottom { border-bottom: 1px solid var(--border) !important; }

/* FORM */
.form-control:disabled, .form-select:disabled, .form-control[readonly] { background-color: var(--input-back); color: var(--input-fore); opacity: 1; }
.form-control, .form-select { background-color: var(--input-back); color: var(--input-fore); border: 1px solid var(--border) !important; }

/* MODAL */
.modal-content { background-color: var(--desk-back); }

/* BUTTONS */
.btn-agent { background-color: var(--btn-agent-back); color: var(--btn-agent-fore); }
.btn-standard { background-color: var(--btn-standard-back); color: var(--btn-standard-fore); }
.btn-default { background-color: var(--btn-default-back); color: var(--btn-default-fore); }
.btn-success { background-color: var(--btn-success-back); color: var(--btn-success-fore); }
.btn-warning  { background-color: var(--btn-warning-back); color: var(--btn-warning-fore); }

/* TABLE */
table  { background-color: var(--desk-back); color: var(--desk-fore) !important; border-color: var(--border) !important; } 
table thead { background-color: var(--main-top-back); color: var(--desk-fore) !important; border-color: var(--border) !important; }
thead, tbody, td, tfoot, th, thead, tr { border-color: var(--border) !important; }
tr:hover { background-color: var(--main-top-back); color: var(--brand-color); }

/* ACCORDION */
.accordion-item { border-color: var(--border) !important; }
.accordion-body { background-color: var(--desk-back) !important; }

/* APEXCHART */
.apexcharts-bar-area { fill: var(--brand-color); }
.apexcharts-title-text { fill: var(--desk-fore); }
.apexcharts-text, .apexcharts-yaxis-label { fill: var(--desk-fore); }
.apexcharts-menu-item { color: var(--brand-color); text-align: left; }
.apexcharts-tooltip, .apexcharts-theme-light { color: var(--brand-color); }

/* NAV */
.welcome {font-size: 2.5rem;}
.nav-tabs { border-color: var(--border) !important; }
.nav-item a { color: var(--desk-fore); text-decoration: none; font-weight: 500; }
.nav-item a:hover  { text-decoration: none; color: var(--brand-color); background-color: var(--desk-back); border-radius: 10px }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--brand-color); border-color: transparent; color: var(--desk-fore); } 

/* TOAST */
.toast-body { background-color: var(--desk-back); color: var(--desk-fore); }