/* pagina inicial */


#bemvindo {
	width: 80%;
	font-size: 22px;
	margin-left: 25vw;
	margin-top: 5vh;
	
}

.menu {
    padding-left: 15vw;
    background-color: rgba(39, 39, 47, 0.511);
}



#informacoes {
    margin-left: 30vw;
}


#form-login {
    margin-left: 20vw;
    width: 40%;
    background-color: rgba(161, 200, 218, 0.464);
    padding: 5vw;
    border-style: solid;
    border-color: black;
}

#botaologin {
	display: inline-block;
	background-color: rgba(0, 0, 255, 0.719);
	border-style: solid;
    border-color:rgba(12, 12, 34, 0.81);
	color: #ffffff;
	padding: 0.8vh;
    border-radius: 15px;

}

#botaoacesso {
	display: inline-block;
	background-color: #ffffff;
	border-style: solid;
    border-color:rgba(12, 12, 34, 0.81);
	color: #171515;
	padding: 0.5vh;
    border-radius: 8px;

}

/* style */
body {
    background-color: rgba(207, 209, 209, 0.161);
}

#criarUsuario {
    border-style: solid;  
    border-color: black; 
    background-color: rgba(161, 200, 218, 0.464); 
    margin-left: 30vw;
    margin-right: 15vw; 
    padding: 4vw ; 
    padding-left: 4vw; 
    width: 40vw;
}



#titulodiv{
    display: inline;
    
    padding: 1vw;
    padding-left: 15vw;
    
}

#titulosuperior {
    font-size: 26px;
}

#botaodiv {
    display: inline-block;
    position: absolute;
    margin-top: 10vh;
    margin-left: 35vw;

}


.jumbotron {
    background-color: rgba(161, 200, 218, 0.464);
    
    border-style: solid;
    border-color: black;
    
}

.custom-file {
    width: 50vw;
    padding: 0;
}

.custom-file-input {
    
    width: 32vw;
}

#tabelas {
    display: flex;
    width: 60%;
    
}

#tabela1{
    
    display: block;
   
    
}

#tabela2 {
    
   display: block;
}

#botaoverusuario {
    margin-left: 40vw;
}

/* login */

#iniciosessao {
	width: 40%;
	background-color: rgba(82, 205, 164, 0.682);
	padding-left: 10vw;
	padding-top: 15vh;
	padding-bottom: 5vh;
    margin-left: 15vw;
    margin-top: 12vh;
	
}

#email {
	margin: 1vh;
}

#senha {
	margin: 1vh;
}

/* usuarios */

#titulo {
    
    text-align: center;
}

.selecao {
    margin-left: 20vw;
}

#novo {
	background-color: rgba(18, 141, 42, 0.501);
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;

}

#editar {
    background-color: rgba(255, 255, 0, 0.544);
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;
}

#remover {
    background-color: rgba(255, 0, 0, 0.602);
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;
}

#excluir {
    background-color: rgba(255, 0, 0, 0.602);
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;
}

#logout {
	background-color: rgba(57, 6, 160, 0.602);
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;
}

/*pagina de exclusao */

header{
	background: #ffffff;
	padding: 1vh 0;
}

#divexclusao {
    padding-left: 10vw;
    padding-top: 10vh;

}

#excluirUsuario {
    text-align: center;
}


#botaoExcluirUsuario {
    background-color: red;
    align-content: center;
}

#mudastatuss {
    background-color: red;
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;

}

/*pagina de exclusao */

#diveditar {
    padding-left: 10vw;
    padding-top: 10vh;
    

}

#textoedicao {
    width: 50vw;
    padding-left: 20vw;
}

.botaoaedita {
    background-color: yellow;
	border-style: solid;
    border-color: rgba(0, 0, 0, 0.642);
	color:black;
	padding: 0.5vh;
    border-radius: 15px;
}

/*pagina de importacao */

#titulodiv {
    
    width: 100vw;
    margin-left: 13vw;
    display: inline-block;
}

#titulosuperior {
    width: 30vw;
    
    align-items: center;
    
}

#msg{
    margin-left: 20vw;
}


.detalhaimportacao {
    background-color: rgba(0, 174, 255, 0.575);
    padding: 0;
    color: black;

}

#cabecalho {
    display: inline;
    
    
}

.logout {
    display: inline-block;
    width: 25%;
}

.caixa {
	display: inline-block;
	padding-top: 10vh;
}


.menu {
    padding-bottom: 1vh;
}



nav a {
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	font-size: 22px;
	text-decoration: none;
}

@media (max-width: 821px){
    #acesso {	
		width: 80vw;
		
		padding: 10vw;
		padding-left: 10vw;
		margin-left: 10vw;
		
	}

    #msg{
        margin-left: 10vw;
    }

    #botaoverusuario {
        margin-left: 20vw;
    }

	#bemvindo {
		width: 80%;
		font-size: 14px;
		margin-left: 10px;
	}
	#form-login {
		background-color: rgba(161, 200, 218, 0.464);
		padding: 5vw;
		margin-left: 10vw;
		width: 80%;
	    
    }
    
    #criarUsuario {
     
        margin-left: 15vw;
        
        padding: 3vw ; 
        padding-left: 4vw; 
        width: 60vw;
    }

  
    
    #form-add-user {
        width: 90%;
    }

    .selecao {
        margin-left: 10vw;
    }
    
    .menu {
    padding-left: 1vw;
    }
    
    #botaoacesso {
	border-radius: 20px;
	padding: 0vh;
	border-style: solid;
   

    }

    #informacoes {
        margin-left: 8vw;
    }
}


@media (max-width: 650px){
	
	#acesso {	
		width: 90vw;
		
		padding: 10vw;
		
		margin-left: 0vw;
		
	}
   
	#form-login {
		background-color: rgba(161, 200, 218, 0.464);
		padding: 4vw;
		margin-left: 8vw;
		width: 90%;
	    
    }

}


@media (max-width: 414px){
    #criarUsuario {
    
   
    margin-left: 10vw;
    
    padding: 4vw ; 
    padding-left: 4vw; 
    width: 85vw;
    }  

    #msg{
        margin-left: 2vw;
    }

    #informacoes {
        margin-left: 0vw;
    }

    #botaoverusuario {
        margin-left: 15vw;
    }

    .selecao {
        margin-left: 1vw;
    }

    #enviames{
        margin-top: 1px;
    }

   
    
}