/* ============================ */
/*  MODO ESCURO PARA BOOTSTRAP  */
/* ============================ */

.dark-mode {
    background-color: #121212 !important;
    color: #e1e1e1 !important;
}

/* Bodys */
.dark-mode .card-body,
.dark-mode .panel-body,
.dark-mode .modal-body,
.dark-mode .ibox-content,
.dark-mode .ibox-title,
.dark-mode .middle-box,
.dark-mode .ibox-footer,
.dark-mode .dropdown-menu {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
    color: #e1e1e1 !important;
}

/* Progress bar */
.dark-mode .progress {
    background-color: #272A2C !important;
    border-color: #ffffff !important;
}

/* Headers */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #ffffff !important;
}

/* Navbar */
.dark-mode .navbar,
.dark-mode .navbar-default,
.dark-mode .navbar-nav > li > a {
    background-color: #1c1c1c !important;
    border-color: #333 !important;
    color: #f0f0f0 !important;
}

.dark-mode .nav-link.active {
    background-color: #444 ;
}

/* Input + textarea */
.dark-mode input,
.dark-mode select,
.dark-mode textarea,
.dark-mode .form-control {
    background-color: #1f1f1f !important;
    color: #fff !important;
    border-color: #444 !important;
}

/* Tables */
.dark-mode table,
.dark-mode table th {
    background-color: #1b1b1b !important;
    color: #e0e0e0 !important;
}

.dark-mode .footable-odd {
    background-color: #09090b;
}

.dark-mode table tr td,
.dark-mode table tr th {
    border-color: #333 !important;
}


/* Botões */
.dark-mode .btn-default {
    background-color: #333 !important;
    color: #f2f2f2 !important;
}

/* Links */
.dark-mode a {
    color: #70b7ff !important;
}

/* Footer */

.dark-mode footer,
.dark-mode .footer {
    background-color: #1c1c1c !important;
    color: #e1e1e1 !important;
    border-top: 1px solid #333 !important;
}

/* Links dentro do footer */
.dark-mode footer a,
.dark-mode .footer a,
.dark-mode .site-footer a {
    color: #70b7ff !important;
}

/* Listas no footer (menus, contatos etc.) */
.dark-mode footer ul li,
.dark-mode .footer ul li {
    color: #d6d6d6 !important;
}