/**
GERAL
 */
html body {
    background-color: var(--black-background);
}

body {
    color: var(--secondary-light);
}

body.conteudo-email {
    color: unset;
}

html body .content .content-wrapper .content-header-title {
    color: var(--secondary-light);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--secondary-light);
}

html body a {
    color: var(--gray);
}

pre {
    background-color: var(--black-input);
}

form label {
    color: var(--secondary-light);
}

.form-group.obrigatorio .obrigatorio > label {
    color: var(--secondary-light);
}

.btn {
    color: var(--light);
}

.btn:hover {
    color: var(--gray);
}

.text-muted {
    color: var(--gray) !important;
}

.obrigatorio label {
    color: var(--danger) !important;
}

/**
MENU
 */

.navbar-dark {
    background-color: var(--black);
}

.main-menu.menu-dark {
    background-color: var(--dark);
}

.main-menu.menu-dark .navigation {
    background-color: var(--dark);
}

.main-menu.menu-dark .navigation > li > ul {
    background-color: var(--dark);
}

.main-menu a:hover, .main-menu a:focus {
    background-color: var(--gray-dark);
}

.main-menu.menu-dark .navigation > li.open > a {
    border-right-color: var(--gray);
}

.main-menu.menu-dark .navigation > li.menu-collapsed-open > a {
    border-right-color: var(--gray);
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .navigation > li > a > span {
    background-color: var(--gray-dark);
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    background-color: var(--gray-dark);
    border-right-color: var(--gray-dark);
}

.nav.nav-tabs.nav-underline {
    background-color: var(--dark);
    border-bottom-color: var(--secondary);
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link {
    color: var(--secondary-light);
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
    background-color: var(--gray-light);
}

.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover, .nav.nav-tabs.nav-underline .nav-item a.nav-link:focus {
    color: var(--light);
}

/**
PAINEIS
 */

.card {
    background-color: var(--dark);
}

.card-header {
    background-color: var(--black-input);
}

.line-on-side span {
    background: var(--dark);
}

/**
FORMULARIO
 */

form .form-control {
    border-color: var(--black);
    color: var(--gray-light);
}

.form-control {
    background-color: var(--black-input);
    border-color: var(--black);
    color: var(--gray-light);
}

.form-control:focus{
    background-color: var(--black-input);
    border-color: var(--black-background);
    color: var(--gray-light);
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--black-input);
}

form .form-section {
    color: var(--secondary-light);
}

.custom-file-label {
    background-color: var(--black-input);
    color: var(--gray-light);
    border-color: var(--black-background);
}

.custom-file-label::after {
    background-color: var(--dark);
    color: var(--gray-light);
}

.input-group-text{
    background-color: var(--dark);
    color: var(--gray-light);
    border-color: var(--black-background);
}

.input-group-addon {
    background-color: var(--dark);
    color: var(--gray-light);
    border: 1px solid var(--black-background);
    padding: 0.55rem;
}

/**
DROPDOWN
 */
.dropdown-menu {
    background-color: var(--black-input);
    border-color: var(--black-background);
}

.dropdown-item {
    color: var(--secondary-light);
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: var(--gray-dark);
    color: var(--secondary-light);
}

.dropdown .dropdown-divider {
    border-color: var(--gray-light);
}

.dropdown .dropdown-menu {
    border-color: var(--gray-light);
}

/**
TABLE
 */

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--black-input);
}

.parvus-table-base th.bg-success {
    background-color: var(--black) !important;
}

.table {
    color: var(--gray-light);
}

.table thead th {
    border-bottom-color: var(--black-background);
    border-top-color: var(--black-background);
}

.table-bordered th, .table-bordered td {
    border-color: var(--black-background);
}

.table-hover tbody tr:hover {
    background-color: var(--gray-dark);
    color: var(--secondary-light);
}

/**
LISTAS
 */
.list-group-item {
    background-color: var(--black);
    border-color: var(--black-background);
}