/******* LOGIN *******/
.login_top { 
    background-color: #002816; 
}
.login_body { 
    background-color: #00502d; 
}
.login_btn { 
    background-color: #00502d !important; 
}
/******* LOGIN *******/



.system_top { 
    /*background-color: #002816;*/
}
/******* MENU LEFT *******/
.sidebar[data-color="custom"]:after,
  body > .navbar-collapse[data-color="purple"]:after {
    background: #00502d;
 }

.system_a, .system_a:hover {
    color: #00502d;
}
.system_btn, .system_btn:hover {
    border-color: #00502d;
    background-color: #00502d;
    color: #FFF;
}


/******* GRIDS *******/
.header_color {
    background-color: #00502d;
    color: #FFF;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {    
    background-color: #00502d;
    border-color: #00502d;
}

:root {
  --bckground-td: #CCECDE; /* ESTOU TESTANDO UMA VARIAVEL PARA AS GRIDS*/
}