// Layout Style
header {
	#topbar {
		background-color: $cinza;
		padding: 15px 0;
		@include font-size(12px);
		color: $preto;
		@media #{$mq-mobile} {
			background-color: #ffffff;
			padding: 20px 0;
			@include font-size(16px);
		}
	}

	&.interna {
		background-color: #cc0000;
	}

	.wrap_menu {
		background-color: $cor1;
		&.fixed {
			position: fixed;
			width: 100%;
			z-index: 999;
			top: 0;
		}
	}
}

#banner {
}

footer {
	background-color: $cor1;
	color: $branco;
}
.txt-login {
	margin-top: 20px;

	& h1 {
		font-size: 60px;
		font-weight: 600;
		color: #1943ab;
	}
	& h3 {
		font-size: 28px;
		font-weight: 600;
	}
}
.div-login {
	// margin-top: 100px;
	padding: 30px;
}

.btn-form-login {
	width: 100%;
	height: 40px;
	color: #ffffff;
	background-color: #1d4dc7;
	border: transparent;
}

.div-num-cli {
	height: 40px;
	padding: 5px;
	border: solid 1px #c8c8c8;
	border-radius: 4px;
	-webkit-box-shadow: 5px 9px 14px -14px rgba(0, 0, 0, 0.74);
	box-shadow: 5px 9px 14px -14px rgba(0, 0, 0, 0.74);
}

.btn-apaga-dados {
	height: 40px;
	color: #ffffff;
	background-color: #cc0000;
	width: 150px;

	&:hover {
		color: #c8c8c8;
		background-color: #ad0505;
	}
}
.btn-consulta-dados {
	height: 40px;
	color: #ffffff;
	background-color: #1d4dc7;
	width: 180px;

	&:hover {
		color: #ffffff;
		background-color: #1943ab;
	}
}

.div-topo-filtro {
	background-color: #ffffff;
	z-index: 2;
	position: fixed;
	padding: 15px 0 10px 15px;
	font-size: 22px;
	-webkit-box-shadow: 0px 5px 15px -6px #000000;
	box-shadow: 0px 5px 15px -6px #000000;
	& a {
		font-size: 14px !important;
		color: #494747;
	}
}
.opcoes-filtro {
	margin-top: 70px;
}

.form-busca-cliente {
	& input {
		width: 100%;
		height: 40px;
		border: none;
	}
}

.btn-filtro-cliente {
	height: 40px;
	color: #ffffff;
	background-color: #1d4dc7;
	width: 180px;

	&:hover {
		color: #ffffff;
		background-color: #1943ab;
	}
}

.div-dados-cliente {
	margin-top: 30px;
	padding: 10px;
	-webkit-box-shadow: 0px 7px 27px -6px #000000;
	box-shadow: 0px 7px 27px -6px #000000;

	& p {
		font-size: 14px;
	}
}
.col-tag {
	height: 20px;
	margin-top: 5px;
	padding-left: 5px;
	border-radius: 3px;
	background-color: #000000;
	color: #ffffff;
}
.col-tag-2 {
	font-size: 12px;
	font-weight: 600;

	height: 20px;
	margin-top: 5px;
	padding-left: 5px;
	border-radius: 3px;
	background-color: #1d4dc7;
	color: #ffffff;
}

.button-barras {
	margin-top: 30px;
	width: 150px;
	background-color: #1d4dc7;
	color: #ffffff;
}
.button-mapa {
	margin-top: 30px;
	width: 150px;
	background-color: #000000;
	color: #ffffff;
}

.fa-map-marked {
	margin-right: 5px;
}

.font-1 {
	font-size: 1px !important;
}
.font-2 {
	font-size: 2px !important;
}
.font-3 {
	font-size: 3px !important;
}
.font-4 {
	font-size: 4px !important;
}
.font-5 {
	font-size: 5px !important;
}
.font-6 {
	font-size: 6px !important;
}
.font-7 {
	font-size: 7px !important;
}
.font-8 {
	font-size: 8px !important;
}
.font-9 {
	font-size: 9px !important;
}
.font-10 {
	font-size: 10px !important;
}
.font-11 {
	font-size: 11px !important;
}
.font-12 {
	font-size: 12px !important;
}
.font-13 {
	font-size: 13px !important;
}
.font-14 {
	font-size: 14px !important;
}
.font-15 {
	font-size: 15px !important;
}
.font-16 {
	font-size: 16px !important; 
}
.font-17 {
	font-size: 17px !important;
}
.font-18 {
	font-size: 18px !important;
}
.font-19 {
	font-size: 19px !important;
}
.font-20 {
	font-size: 20px !important;
}
.font-21 {
	font-size: 21px !important;
}
.font-22 {
	font-size: 22px !important;
}
.font-23 {
	font-size: 23px !important;
}
.font-24 {
	font-size: 24px !important;
}
.font-25 {
	font-size: 25px !important;
}