/* ------------------------------------------ */
/*    Teste tela de fundo - ainda sem uso     */
/* ------------------------------------------ */
.fundo-principal{
	background: #BBD2C5;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #BBD2C5, #536976);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #BBD2C5, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.fundo-secundario{
	background: white;
}

/* ------------------------------------------ */
/*        Ajuste dos botões dos menus         */
/* ------------------------------------------ */
.botao{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align : center;
    color: #fff;
	font-weight: semi-condensed;
    background-color: #5c5b5b;
	width:100px;
	height:50px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border-radius: 5px;
	border: 1px solid #fff;
}

.botao:hover{
	color: #5c5b5b;
	background-color: #bebebe;
}

.botao-excluir{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: .9vw;
    color: #fff;
	font-weight: semi-condensed;
    background-color: #5c5b5b;
	width: 13vw;
	height:50px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border-radius: 5px;
	border: 1px solid #fff;
}

.botao-excluir:hover{
	color: #5c5b5b;
	background-color: #2b2b2b;
}

.botoes-1-coluna{
	position: relative;
	display: grid;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	grid-row-gap: 20px;
	grid-template-columns: minmax(130px, 1fr);
}

.botoes-2-colunas{
	position: relative;
	display: grid;
	padding-bottom: 20px;
	margin: 20px;
	margin-bottom: 20px;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(2, minmax(120px, 1fr));
}

/* ------------------------------------------ */
/*     Configuração menu principal            */
/* ------------------------------------------ */
.menu-principal ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	width: 140px;
	height: 100vh;
	background-color: #808080; /* cinza tonalizado */
	font-family: 'poppins','helvetica', 'arial';
	font-size: 80%;
}

.menu-principal li a {
	display: block;
	height: 40px;
	padding-top: 15px;
	padding-left: 15px;
	text-align: left;
	/*border-bottom: 1px solid #555; */
}

.posicao-fixa{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.menu-principal li a:hover {
  background-color: #656665;
  color: white;
}

.menu-principal li a.active {
  background-color: #737373;
  color: white;
}

/* ------------------------------------------ */
/*     Alinhamento dos  botões dos menus      */
/* ------------------------------------------ */
.centro{
	justify-self: center;
}

.esquerda{
	justify-self: left;
}

.direita{
	justify-self: right;
}

.ajustado{
	width: 200px;
	}
	@media screen and (max-width: 650px) {
		.ajustado{
			width: 120px;
			font-size: 12px;
		}
	}