@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

html, body {
		font-family: 'Nanum gothic', sans-serif;
}

.w3-vert-navbar li a {
	color: black !important;
}

div.bem-vindo {
	background: #fbc652;
}

div.logo {
	background: #000;
}

div.login > div > div.login {
	background: #000;
}

#divVersao {
	background: #fbc652;
}

.w3-col.s4 {
	width: 20%;
}

.w3-col.s7 {
	width: 53%;
	margin-left: 5%;
}

div.usuario-senha input{
	border-radius: 10px;
	box-shadow: 2px 2px 1px #777;
}

.logo-empresa {
	background: #000;
}

div.menu-superior {
	background: #000 !important;
}

div.conteudo > div > .img-container:hover
{
    background: #fbc652 !important;
}

.add-projeto {
	background: rgb(65, 65, 65) !important;
}

.fer-alu-kit {
	background: #ffa500 !important;
}

.prod-padrao {
	background: rgb(65, 65, 65) !important;
}

.encaixilhados {
	background: #ffa500 !important;
}

.carrinho {
	background: rgb(65, 65, 65) !important;
}

.ajust-folga {
	background: #ffa500 !important;
}

.cons-ped {
	background: rgb(65, 65, 65) !important;
}

.pos-financ {
	background: #ffa500 !important;
}

.noticias  {
	background: rgb(65, 65, 65) !important;
}

.rodape {
	background: #000 !important;
	box-shadow: inset 3px 3px 2px #777 !important;
}

.usuario-logado {
	color: #fff !important;
	font-weight: 600;
	text-transform: capitalize;
	max-height: 40px;
	transform: translate(-10px,-10px);
}
.w3-navbar li a {
	border-top: 2px solid #cecece;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14.5px;
	font-weight: 600;
	transform: translateX(15px);	
}

.w3-navbar li a:hover {
	text-shadow: none;
	color: #fff !important;
	background: #fbc652 !important;
}

header { 
	background: rgb(65, 65, 65);
}

.w3-table th {
	background: rgb(65, 65, 65);
}

li.menu-item-selecionado, a.pagina-selecionada, ul.w3-pagination > li > a.pagina-selecionada {
	background: #fbc652 !important;
	color: White;

}

/*-----------------TROCAR A COR DA BORDA DA JANELA DE AVISO----------------------*/
div.modal > div > footer {
	background: black;
}

div.modal > div > header {
	background: black;
}