.all{	
	/*background-color: khaki;*/
	height: 100vh;
    width: 100vw;
    background-color: #d6f5ed;
    background-image: url('./imagem\ 4.jpg');
    background-repeat:repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 112px;
	
}

.title {	
	/*background-color: gold;*/
	text-align: center;
	
}

.center-fixed{	
	/*background-color: sandybrown ;*/
	width: 500px;
	height: 350px;
	margin: 0 auto;
}

form{	
	/*background-color: lightcyan;*/
	width: 260px;
	height: auto;
	margin: 0 auto auto auto; /*top, right, bottom, and left*/
	padding: 20px;
	border: 3px solid rgb(70, 37, 73);
	border-radius: 20px;
	background-image: url("./imagem\ 3.jpg");
}

	form label, form fieldset{
		/*background-color: pink;*/	
		font: bold 18px calibri, Arial, Courier;
		
	}

	form input{		
	   	box-sizing: border-box;
	   	border: 3px solid #ccc;
	   	font: 15px arial, sans-serif;
   		margin-bottom: 12px;	
	}

		form input:hover{

		}

		form input:focus{
			border: 3px solid #333;			
		    -webkit-transition: 0.5s;
		    transition: 0.5s;
    		outline: none;
		}

		form input[type=text]{
			width: 100%;
		    padding: 3px 5px;	    
		}

		form input[type=date]{
			padding: 1px 5px;
		}

		form fieldset{				
			width:125px;
			height:auto;
			border: none;
			border-radius: 10px;
		}
			
			form fieldset input[type=radio]{
				width: 15px;
				height: 15px;
			}

			form fieldset label{/*Radio Name*/				
				/*background-color: lightgreen;*/
				font: 16px arial, sans-serif;
			}

		form input[type=submit]{
			width: 50%;
			margin-left: 25%;
			margin-top: 20px;			
			padding: 12px 32px;	/*top bottom - left right*/
    		transition: 0.1s;
    		border: 0 none; 
    		border-radius: 20px;  		
			background-color: rgb(216, 144, 200);				
			color: white;			
			cursor: pointer;
		}

			form input[type=submit]:hover{
				background-color: rgb(227, 231, 255);
				color: black;			
			}

			form input[type=submit]:active{
				font-weight: bold;
			}

table{
	width: 10px auto;
	margin: -35px auto;
    border-collapse: collapse;
	background-color:rgb(247, 208, 208)
	background-repeat: repeat;
	background-position: flex;
    display: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 112px;
}
	table caption{
		font: 15px sans-serif;
		text-shadow: 2px 2px lightgray;

	}
	/*Linha do titulo*/
	table thead tr{ 
		display: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
	position: center;
		background-color: rgb(168, 121, 157);
		color:white; 
		padding: 0 112px;
	}
			/*Celulas do Titulo*/
			table thead tr th {	
				display: center;
				flex-direction: column;
				justify-content: center;
				align-items: flex-end;
				position: center;	
			padding: 3px 8px;
			border-bottom:2px solid rgb(8, 8, 8);
			border-right: 1px solid rgb(19, 19, 19);
		}
	/*Ao passar o mouse sobre a Linha*/
	table tbody tr:hover {
    	background-color: lightgray;		
	}
	/*celulas do conteudo*/
	table tbody td{	
		border: 1px dotted gray;
		padding: 3px 6px;
		background-color: rgb(236, 232, 232);
	}
	/*Botoes da tabela Excluir/Alterar*/
	table button{
		border-radius: 10px;
		background-color: rgb(129, 92, 134);
		color: rgb(248, 248, 248);
		padding: 3px 15px;/*definindo tamanhos*/
	}
/*classes utilizada no javascript*/
.estadoAlteracao{
	background-color: orange;
}