/*============MUDE AS CORES AQUI==============*/
:root {
  --cor1: #4f4f4f; /*#333; /* menu vertical */
  --cor2: #468c00; /*rgb(0,166,156); /*#468C00;*/
  --cor3: #104068; /*rgb(0,133,164);/*#002466;*/ /*primeira barra */
}
/*==========================*/
/*html {
    background-image: url(../../images/bg-body-2.jpg) !important;
}*/

/* body {
    background: var(--cor1);
} */

a {
    color: var(--cor1);
}

/*-------------- login --------*/
.topo-cor {
    background-color: var(--cor2);
    width: 100%;
    height: 400px;
    position: fixed;
    opacity: .7;
}

.area-login i {
    color: var(--cor2);
}

.area-login a {
    color: var(--cor1);
}

/*-------------- header linha 1 --------*/
.navbar.horizontal-menu.navbar-fixed-top {
    background: var(--cor3);
}

.navbar.horizontal-menu .navbar-inner > 
.nav > li > a:hover, .navbar.horizontal-menu .navbar-inner > 
.nav > li.user-profile.open > a, 
.navbar.horizontal-menu .navbar-inner > 
.nav > li.user-profile > a:focus {
    background: rgba(0, 0, 0, .2);
}

/*-------------- header linha 2 --------*/
.page-container .main-content .page-title {
    background: var(--cor2);
}

/* select */
html .select2-drop .select2-results li.select2-highlighted {
    background-color: var(--cor3);
}

.select2-results .select2-highlighted {
    background: var(--cor2);
}

/*------------- area do cliente ---------*/
.page-title .cliente {
    background: rgba(0, 0, 0, 0.2);
}

/*------------- menu --------*/
.navbar.horizontal-menu.navbar-fixed-top + 
.page-container > 
.sidebar-menu.fixed .sidebar-menu-inner {
    background: var(--cor1);
}

.sidebar-menu .main-menu a:hover {
   color: rgba(255, 255, 255, 0.5);
}

/*------------- botão --------*/
.btn-info {
    background-color: var(--cor3);
}

.btn.btn-secondary {
    background-color: rgba(0, 0 , 0, 0.2);
}
.btn.btn-secondary.btn-icon-standalone i {
    background-color: rgba(0,0,0,.2);
    border-right-color: transparent;
    }

.btn.btn-secondary:hover {
    background-color: rgba(0, 0 , 0, 0.4) !important;
}

.btn.btn-secondary.btn-icon-standalone:hover i {
    border-right-color: transparent !important;
}

.btn.btn-secondary:active, .btn.btn-secondary:focus {
    background-color: rgba(0, 0 , 0, 0.4);
    border-color: transparent !important;
}

.btn-info:hover, 
.btn-info:focus, 
.btn-info.focus, 
.btn-info:active, 
.btn-info.active, 
.open > .dropdown-toggle.btn-info {
    background-color: var(--cor2);
    border-color: var(--cor2);
}
/*------------- tabela --------*/
a:hover, a:focus {
    color: var(--cor3);
}

.table tr > th {
    background-color: var(--cor1) !important;
}

/*links paginação ---------*/
.paginacao table td span {
    background: var(--cor1);
}

/*=============== FIM DO CSS ====================*/