:root {
    --bs-primary: #005EEF;

    --azul_primario: #005EEF;
    --azul_escuro: #1F36C7;
    --azul_claro: #007DBB;
    --cinza: #73706E;
    --roxo: #6D05BC;
    --branco:#ffffff;
    --cinza_menu_inativo: #333;
    --cinza_menu_texto_secundario: #BBB;
    --cinza_menu_inativo: #FFF;
}

.btn-primary {
    background-color: var(--azul_primario);
}

.btn-outline-primary {
    background-color: var(--branco);
    color: var(--cinza);
    border-color: var(--cinza);
}

.btn-outline-primary.active {
    background-color: var(--azul_primario);
    color: var(--branco);
    border-color: var(--azul_primario);
}

.btn-outline-primary:hover {
    background-color: var(--azul_primario);
    color: var(--branco);
    border-color: var(--azul_primario);
}

body {
    background-color: #F8F8FA;
}





body[data-topbar="dark"] #page-topbar {
    background-color: var(--azul_primario); }
  
  body[data-topbar="dark"] .navbar-header .dropdown .show.header-item {
    background-color: rgba(255, 255, 255, 0.05); }
  
  body[data-topbar="dark"] .navbar-header .waves-effect .waves-ripple {
    background: rgba(255, 255, 255, 0.4); }
  
  body[data-topbar="dark"] .header-item {
    color: #e9ecef; }
    body[data-topbar="dark"] .header-item:hover {
      color: #e9ecef; }
  
  body[data-topbar="dark"] .header-profile-user {
    background-color: rgba(255, 255, 255, 0.25); }
  
  body[data-topbar="dark"] .noti-icon i {
    color: #e9ecef; }
  
  body[data-topbar="dark"] .logo-dark {
    display: none; }
  
  body[data-topbar="dark"] .logo-light {
    display: block; }
  
  body[data-topbar="dark"] .app-search .form-control {
    background-color: rgba(243, 243, 249, 0.07);
    color: #fff; }
  
  body[data-topbar="dark"] .app-search span,
  body[data-topbar="dark"] .app-search input.form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  
  body[data-sidebar="dark"] .navbar-brand-box {
    background: var(--azul_primario); }
  
  body[data-sidebar="dark"] .logo-dark {
    display: none; }
  
  body[data-sidebar="dark"] .logo-light {
    display: block; }

    

body[data-sidebar="dark"] .vertical-menu {
    background: var(--azul_primario); }

body[data-sidebar="dark"] #sidebar-menu ul li a {
color: #a6b0cf; }
body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: var(--cinza_menu_inativo); }
body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
    color: #ffffff; }
    body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
    color: #ffffff; }

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
color: var(--cinza_menu_texto_secundario); }
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #ffffff; }

body[data-sidebar="dark"].vertical-collpsed {
min-height: 1760px; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: var(--azul_escuro);
    color: #ffffff; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #ffffff; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: var(--cinza_menu_texto_secundario); }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
    color: #ffffff; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
    background-color: var(--azul_claro); }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #ffffff !important; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #ffffff !important; }

body[data-sidebar="dark"] .mm-active {
color: #ffffff !important; }
body[data-sidebar="dark"] .mm-active > a {
    color: #ffffff !important; }
    body[data-sidebar="dark"] .mm-active > a i {
    color: #ffffff !important; }
body[data-sidebar="dark"] .mm-active > i {
    color: #ffffff !important; }
body[data-sidebar="dark"] .mm-active .active {
    color: #ffffff !important; }
    body[data-sidebar="dark"] .mm-active .active i {
    color: #ffffff !important; }

body[data-sidebar="dark"] .menu-title { color: var(--menu_titulo); }


/* -- AJUSTES RESPONSIVIDADE -*/

@media (max-width:770px) {

    #filtros .btn {
        min-width: 20%;
        padding: 0.45rem;
        font-size: 0.85em;
        line-height: 1.25;
    }
}