/*dark*/						

.dark .top-sit, .dark .sidebar, .dark .box-nav-help, .dark .box-itens-cat {
    background-color: rgb(25, 26, 33);
}

.dark{				
    background-color: rgb(33, 34, 44); /* */															
}

.dark .main-section{				
    background-color: rgb(40,42,54);
    color: white;
    /*background-color: #363b48;		*/
}
    /* Campos */
    .dark .campo, .dark .div-campo, .dark .check-box{
        color: rgb(31, 30, 30);         
    }

    .dark .div-campo .with-value, .dark .div-campo .checkbox-campo ~ label{
        color: white;
    }

    .dark .with-value, .dark .campo:focus ~ label, .dark .data ~ label {
        color: white;         
    }

    /*
    .dark .campo{
        background-color: #363b48;					
    }
    */
.dark h1, .dark h2,.dark h3, .dark label, .dark a, .dark p, .dark span{
    color: white; /*darking*/										
}							

/*ligth*/							 
.top-sit, .sidebar, .box-nav-help, .box-itens-cat{																
    background-color: #363b48;					
}

.main-section{				
    background-color: white;															
}

.div-campo label, .campo:focus~label {				
    color: black;																	
}

.div-campo .check-box, .div-campo .with-value {
    color: black /*white*/;										
}


/*tabela*/
    .dark .tabela tr:nth-child(even) {
        /*tabela*/    
        background-color: rgba(54, 59, 72, 0.4);
    }
    /*
    .tabela tr:nth-child(even) {      
        background-color: rgba(54, 59, 72, 0.3);
    }
    */

/* modal */
    .dark .content-modal {		    
        background-color: rgb(40,42,54);
    }

    .content-modal {		
        background-color: white;
    }