/* =============================================================================
 * HEADER E MENU SUPERIOR
 * ============================================================================= */
section.body header section.header,
section.body > header > section.header,
.body header .header {
    background-color: var(--primary-color) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

section.body header .navbar-light .navbar-nav .nav-link,
section.body > header > .navbar-light .navbar-nav .nav-link,
.body header .navbar-light .navbar-nav .nav-link {
    color: var(--secondary-color) !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

section.body header .navbar-light .navbar-nav .nav-link:hover,
section.body header .navbar-light .navbar-nav .nav-link:focus,
section.body header .navbar-light .navbar-nav .nav-link:active,
section.body > header > .navbar-light .navbar-nav .nav-link:hover,
section.body > header > .navbar-light .navbar-nav .nav-link:focus,
section.body > header > .navbar-light .navbar-nav .nav-link:active,
.body header .navbar-light .navbar-nav .nav-link:hover,
.body header .navbar-light .navbar-nav .nav-link:focus,
.body header .navbar-light .navbar-nav .nav-link:active {
    color: var(--primary-color) !important;
}

section.body header .navbar-light .navbar-nav .show > .nav-link,
section.body header .navbar-light .navbar-nav .active > .nav-link,
section.body header .navbar-light .navbar-nav .nav-link.show,
section.body header .navbar-light .navbar-nav .nav-link.active,
section.body > header > .navbar-light .navbar-nav .show > .nav-link,
section.body > header > .navbar-light .navbar-nav .active > .nav-link,
section.body > header > .navbar-light .navbar-nav .nav-link.show,
section.body > header > .navbar-light .navbar-nav .nav-link.active,
.body header .navbar-light .navbar-nav .show > .nav-link,
.body header .navbar-light .navbar-nav .active > .nav-link,
.body header .navbar-light .navbar-nav .nav-link.show,
.body header .navbar-light .navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px !important;
}

section.body header .navbar .dropdown-menu,
section.body > header > .navbar .dropdown-menu,
.body header .navbar .dropdown-menu {
    background-color: #ffffff !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 6px !important;
    margin-top: 5px !important;
}

section.body header .navbar .dropdown-menu .nav-link,
section.body > header > .navbar .dropdown-menu .nav-link,
.body header .navbar .dropdown-menu .nav-link {
    color: var(--primary-color) !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
}

section.body header .navbar .dropdown-menu .nav-link:hover,
section.body header .navbar .dropdown-menu .nav-link:focus,
section.body header .navbar .dropdown-menu .nav-link:active,
section.body > header > .navbar .dropdown-menu .nav-link:hover,
section.body > header > .navbar .dropdown-menu .nav-link:focus,
section.body > header > .navbar .dropdown-menu .nav-link:active,
.body header .navbar .dropdown-menu .nav-link:hover,
.body header .navbar .dropdown-menu .nav-link:focus,
.body header .navbar .dropdown-menu .nav-link:active {
    color: var(--secondary-color) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

section.body header .navbar-light .navbar-toggler,
section.body > header > .navbar-light .navbar-toggler,
.body header .navbar-light .navbar-toggler {
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    transition: all 0.3s ease !important;
}

section.body header .navbar-light .navbar-toggler:hover,
section.body header .navbar-light .navbar-toggler:focus,
section.body > header > .navbar-light .navbar-toggler:hover,
section.body > header > .navbar-light .navbar-toggler:focus,
.body header .navbar-light .navbar-toggler:hover,
.body header .navbar-light .navbar-toggler:focus {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

section.body header .logo,
section.body > header > .logo,
.body header .logo {
    transition: opacity 0.3s ease !important;
}

section.body header .logo:hover,
section.body > header > .logo:hover,
.body header .logo:hover {
    opacity: 0.8 !important;
}

section.body header .notifications .notification-icon,
section.body header .notifications .notification-icon2,
section.body > header > .notifications .notification-icon,
section.body > header > .notifications .notification-icon2,
.body header .notifications .notification-icon,
.body header .notifications .notification-icon2 {
    color: #ffffff !important;
    transition: color 0.3s ease !important;
}

section.body header .notifications .notification-icon:hover,
section.body header .notifications .notification-icon2:hover,
section.body > header > .notifications .notification-icon:hover,
section.body > header > .notifications .notification-icon2:hover,
.body header .notifications .notification-icon:hover,
.body header .notifications .notification-icon2:hover {
    color: var(--secondary-color) !important;
}

section.body header .userbox .name,
section.body > header > .userbox .name,
.body header .userbox .name {
    color: #ffffff !important;
}

section.body header .userbox .custom-caret,
section.body > header > .userbox .custom-caret,
.body header .userbox .custom-caret {
    color: #ffffff !important;
}

section.body header .userbox .dropdown-toggle:hover .custom-caret,
section.body > header > .userbox .dropdown-toggle:hover .custom-caret,
.body header .userbox .dropdown-toggle:hover .custom-caret {
    color: var(--secondary-color) !important;
}

/* =============================================================================
 * BOTÕES PRIMÁRIOS
 * ============================================================================= */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary.hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
input[type="button"].btn-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-primary:focus,
.btn-primary.focus,
button.btn-primary:focus,
input[type="submit"].btn-primary:focus,
input[type="button"].btn-primary:focus {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25) !important;
}

.btn-primary:active,
.btn-primary.active,
button.btn-primary:active,
input[type="submit"].btn-primary:active,
input[type="button"].btn-primary:active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
button.btn-primary:disabled,
input[type="submit"].btn-primary:disabled,
input[type="button"].btn-primary:disabled {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
    opacity: 0.65;
}

/* =============================================================================
 * BOTÕES SECUNDÁRIOS
 * ============================================================================= */
.btn-secondary,
button.btn-secondary,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary.hover,
button.btn-secondary:hover,
input[type="submit"].btn-secondary:hover,
input[type="button"].btn-secondary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

.btn-secondary:focus,
.btn-secondary.focus,
button.btn-secondary:focus,
input[type="submit"].btn-secondary:focus,
input[type="button"].btn-secondary:focus {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25) !important;
}

.btn-secondary:active,
.btn-secondary.active,
button.btn-secondary:active,
input[type="submit"].btn-secondary:active,
input[type="button"].btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

/* =============================================================================
 * BOTÕES DE CARTA
 * ============================================================================= */
.btn-card {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-card:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* =============================================================================
 * NAVEGAÇÃO E LINKS
 * ============================================================================= */
.nav-link {
    color: var(--secondary-color) !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active {
    color: var(--primary-color) !important;
}

.navbar a.nav-link:hover,
.navbar a.nav-link:active,
.navbar a.nav-link:focus {
    color: var(--primary-color) !important;
}

.nav-delivery a.nav-link {
    color: var(--primary-color) !important;
}

.nav-delivery a.nav-link:hover {
    color: var(--primary-color) !important;
}

/* =============================================================================
 * ÍCONES E ELEMENTOS VISUAIS
 * ============================================================================= */
.icon-rose {
    color: var(--primary-color) !important;
}

.card-img span {
    background: var(--primary-color) !important;
}

/* =============================================================================
 * GRADIENTES E BACKGROUNDS
 * ============================================================================= */
.bg-gradient {
    background: var(--secondary-color) !important;
}

.modal-header.modal-grey {
    background: var(--secondary-color) !important;
    background: -moz-linear-gradient(50deg, var(--secondary-color) 14%, var(--primary-color) 93%) !important;
    background: -webkit-linear-gradient(50deg, var(--secondary-color) 14%, var(--primary-color) 93%) !important;
    background: linear-gradient(50deg, var(--secondary-color) 14%, var(--primary-color) 93%) !important;
}

/* =============================================================================
 * TABELAS E CABEÇALHOS
 * ============================================================================= */
thead tr {
    color: var(--secondary-color) !important;
}

/* =============================================================================
 * TEXTO E TIPOGRAFIA
 * ============================================================================= */
.text-blue {
    color: var(--secondary-color) !important;
}

/* =============================================================================
 * DATEPICKER
 * ============================================================================= */
.datepicker table tbody tr td.day.active {
    background: var(--secondary-color) !important;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
    background: var(--secondary-color) !important;
}

/* =============================================================================
 * PROGRESS CIRCLE
 * ============================================================================= */
.progress-circle .p-f:before,
.progress-circle .p-h:before {
    background: var(--secondary-color) !important;
}

.progress-circle #progress {
    color: var(--secondary-color) !important;
}

/* =============================================================================
 * ACCORDION
 * ============================================================================= */
.accord-btn:hover {
    color: var(--primary-color) !important;
}

.accord-btn:not(.collapsed) {
    color: var(--primary-color) !important;
}

/* =============================================================================
 * LINKS GERAIS
 * ============================================================================= */
a {
    color: var(--primary-color) !important;
}

a:hover,
a:focus {
    color: var(--primary-color) !important;
}

a:active {
    color: var(--primary-color) !important;
}