/* Header */
:root{ 
    --header-bg-color: #ffffff;
    --header-border-color: #e3e8ee;
    --header-text-size: 16px;
    --header-text-color: #545861;
    --header-text-color-active: #004bff;
    --header-text-bg-color-active: #e7f3ff;
    --header-text-color-hover: #004bff;
    --header-text-bg-color-hover: #e7f3ff;
}

#webapp-header {
    height: var(--header-height);
    background-color: var(--header-bg-color);
    border-bottom: 1px solid var(--header-border-color);
    z-index: 1000;
}

/* menu esquerda */
#webapp-header #header-left .btn-hamburger:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
}

/* menu center */
#webapp-header #header-center .navbar-nav .nav-link {
    font-size: var(--header-text-size) !important;
    color: var(--header-text-color);
    padding-left: 12px;
    padding-right: 12px;
}
#webapp-header #header-center .navbar-nav .nav-link.active {
    color: var(--header-text-color-active) !important;
    background-color: var(--header-text-bg-color-active);
    border-radius: 8px;
    text-decoration: none !important;
}
#webapp-header #header-center .navbar-nav .nav-link:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
    border-radius: 8px;
    text-decoration: none !important;
}
#webapp-header #header-center .navbar-nav .dropdown-menu {
    padding: 12px 12px 4px 12px !important;
}
#webapp-header #header-center .navbar-nav .dropdown-menu li.menu-item {
    margin-bottom: 8px !important; 
}
#webapp-header #header-center .navbar-nav .dropdown-menu .dropdown-item {
    font-size: var(--header-text-size) !important;
    color: var(--header-text-color);
    padding-top: 8px;
    padding-bottom: 8px;
}
#webapp-header #header-center .navbar-nav .dropdown-menu .dropdown-item.active {
    color: var(--header-text-color-active) !important;
    background-color: var(--header-text-bg-color-active);
    border-radius: 8px;
    text-decoration: none !important;
}
#webapp-header #header-center .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
    border-radius: 8px;
    text-decoration: none !important;
}

/* menu direita */
#header-right {

}

.webapp-mkt-btn-outline {
    background-color: #fff;
    border: 2px solid #004bff;
    border-radius: 8px;
    padding: 4px 20px !important;
}
.webapp-mkt-btn-outline:hover,
.webapp-mkt-btn-outline a:hover {
    background-color: #004bff;
    color: #fff !important;
}
.webapp-mkt-btn-outline a {
    color: #004bff;
    text-decoration: none;
}


.webapp-mkt-btn-full {
    background-color: #004bff;
    border: 2px solid #004bff;
    border-radius: 8px;
    padding: 4px 20px !important;
}
.webapp-mkt-btn-full:hover {
    background-color: #000080;
    border: 2px solid #000080;
}
.webapp-mkt-btn-full a {
    color: #fff !important;
    text-decoration: none;
}