/*index*/
#bemvindo{
	text-align: center;
	font-size: 1rem;
	color: #666;
	text-transform: uppercase;
}

.card-body-ID{
	/*font-size: 1.3em;*/
	color: #666;
	text-align: center;
	padding: 30px 40px;
}

#portal-id {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 150px;
}
/**/


/*pagina erro*/
.titulo_pagina_erro{
	font-size: 1.4em !important;
	color: #000000 !important;
	text-align: left !important;
	font-weight: bold;
	margin-bottom: 1em;
}

.botoes_erro{
	margin-top: 4em;
	margin-bottom: 2em;
}

.pag-erro{
	font-size: 1.2em !important;
}

.link_erro{	
		color: #616161;
		text-decoration: underline;
	
}

/**/
.titulo{
	text-align: center !important;
	font-size: 1.6em !important;
	font-weight: 500;
	font-style: normal;
	margin-top: 0.5em;
	/*font-weight: bold;*/
}

.titulo_registro{
	display: none;
}

.subtitulo{
	color: #616161 !important;
	font-size: 1.2em !important;
	text-align: center !important;
}

.titulo_lista{
	color: #000;
	font-size: 1em !important;
	font-weight: 600 !important;
	text-align: left;
}

.nomeCliente{
	margin-bottom: 0.75em !important;
		
}

.nomeRefeicao{
	margin-bottom: 0.75em !important;
	
}

.venda{
	padding-top: 2em;
}

.pula_linha{
	display: block;
	margin-top: 1.2em;
}

.semi-bold {
  font-weight: 500;
  color: #555555;
}

.identacao{
	padding-left: 1em;
}

.identacao::before{
	content: "\2022\00A0";
  
}

.bg-preco{
	background-color: #e5f6ee !important;
	color: #32584C !important;
	font-weight: normal !important;
}

.bg-azul{
	background-color: #cff4fc !important;
	color: #055160 !important;
	font-weight: normal !important;
}

.bg-nao-aplica{
	color: #664d03 !important;
    background-color: #fff3cd !important;
	font-weight: normal !important;
}

.bg-cinza{
	background-color: rgba(0,0,0,.03) !important;
	/*font-weight: 600 !important;*/
}

.bg-pcd{
	background-color:#EDE7F6 !important;
    color: #311B92 !important;
    font-weight: normal !important;
}

.bg-acompanhante{
	background-color:#FBE9E7 !important;
    color: #BF360C !important;
    font-weight: normal !important;
}

.data_passada{	
    /*background-color: #d3d3d4;*/
	font-weight: normal !important;
	color: #636464;
}

.bg-vigente{
	background-color: #e5f6ee !important;
	color: #3C5520 !important;
	font-weight: normal !important;
}

.bg-naovigente{
	font-weight: normal !important;
	background-color: #e1e1e1 !important;
}

.titulo_pagamento{
	color: #000 !important;
	font-size: 1.2em !important;
	font-weight: 600 !important;
	text-align: center;
}

.cabecalho_mobile{
	justify-content: space-around;
}

#atalhos li {
	float: left;
	padding-right: 20px;
	position: absolute;
	left: -999em;
}

.obsCard{
	padding: 1rem 2rem;
	
}

.rodape_card{
	background-color: transparent !important;
}


.valor{
	font-size: 1.5em !important;	
	font-weight: bolder !important;
}

.dados_cliente{
	font-weight: 600 !important;
	
}

.small{
	font-size: 80% !important;
}

.icone_ajuda{
	font-size: 1em;
}

.text-muted {
    color: #6c757d!important;
	display: block;
    /*margin-top: 0.25rem;*/
}

.oculto {
	position: absolute;
	left: -999em;
}

.sistema{
	text-align: left;	
	text-decoration: none !important;
	/*font-size: 2.5em !important;*/
	font-weight: 400;
	font-style: normal;
	color: #333366;	
	width: auto;
}

.perfil-menu-mobile{
	display: none;
}

.nome_sistema{
	font-size: 1.7em !important;
}

.ajuda a{
    color: #616161;
    text-decoration: underline;
}

.ajuda{
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	text-align: center!important;
}

.espacamento {
	padding-bottom: 1.2em;
	padding-top: 0.2em;
	padding-left: 0.5em;
}

.espacamento_mobile {	
	display: none;
}

.formata-btn-link{
	text-decoration: none !important;
}

.formata-btn-link:hover{
	text-decoration: underline !important;
}

/*menu superior*/
.menu_superior{
	/*background-color: #0288D1 !important;	*/
	background-color: #006699 !important;
	margin-bottom: 1em;
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.menu_superior .nav-link{
	color: #FFFFFF !important;	
}

.nav-item{
	margin-right: 1em;
}

.desabilita_menu{
	pointer-events: none;
    cursor: default;
}

.marca_mobile{
	display: none;
}

.marca_desktop{
	display: block;
}

.navbar-toggler {
    height: 70px;
    margin-top: 20px;
}

.sistema_mobile{
	display: none;
}

.nav-item.active {
    /*background-color: #1351B4;*/
	background-color: #003366;
}

.active_lateral{
	background-color:#e8f0fe !important;
	border-top: none;
	border-bottom: none;
}

#reg_pagamento .link_carga{
	pointer-events: none;
  	color: rgba(255, 255, 255, 0.65) !important;
  	text-decoration: none;
  	cursor: default;
	
}


/**/

.margem_botao{
	margin-bottom: 1em;
}

.formata_legenda{
	font-size: 1rem;	
}

#bemvindo{
	text-align: center;
	font-size: 1rem;
	color: #666;
	text-transform: uppercase;
}

/*filtro*/
.badge-filtro{
	font-weight: normal !important;
}

/*botão entrar ou sair*/
.login-icon{
	font-size: 18px !important;
	vertical-align: middle;
}

.btn-entrar-sair{
	color: #025988;
	margin-top: 4px;
	margin-right: 4px;
}
/**/

.unirio{
	margin-top: 1em;
	margin-bottom: 1em;
}

.margem_card{
	margin-bottom: 1em;
}

/*componente paginacao*/
.paginacao{
	padding: 1rem;
	float: left !important;
	width: auto;
}
.page-link .active{
    z-index: 3;
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.contador{
	padding: 1rem;
	float: right;
}

/*campo busca*/
.formataBusca::placeholder{
	font-style: italic !important;
}

#categoria_busca{
	background-color: #e1e1e1;
    border: 1px solid #ced4da;	
	margin-bottom: 1em;
}

.categoria_busca{
	background-color: #e1e1e1;
    border: 1px solid #ced4da;	
	
}

#busca_simples{
	background-color: #e1e1e1;
    border: 1px solid #ced4da;
	
}

.anexo{
	border: 2px solid #007bff !important;
}

/*card confirma exclusão*/
.exclusao{
	font-weight: 600 !important;
}



/*alertas de mensagem*/
.alert-success::before {
	content: url(../img/icone_sucesso.png);
	float: left;
	padding-right: 10px;

}

.alert-warning::before {
	content: url(../img/icone_atencao.png);
	float: left;
	padding-right: 10px;

}

.alert-danger::before {
	content: url(../img/icone_erro.png);
	float: left;
	padding-right: 10px;

}

.alert-info::before {
	content: url(../img/icone_info.png);
	float: left;
	padding-right: 10px;

}

.alert-link {
	font-weight: normal !important;
	text-decoration: underline;
}
/*erros em campos de formulários*/
.error {
	color: #ff3333;
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	padding: 4px;
	list-style: none;
}

.error::before {
	content: url(../img/erro-campo.png);
	float: left;
}

.invalid {
	border-color: #ff3333;
	-webkit-box-shadow: 0 0 0 1px #ff3333;
	box-shadow: 0 0 0 1px #ff3333;
	outline: none;
}

/*breadcrumb*/
.breadcrumb{
	font-size: 11px !important;	
}

.breadcrumb li a{
	color: #426024;
}

#breadcrumb_mobile{
	display: none;
}

/*etapas*/

.quadro{
	border-top:1px solid #cccccc; 
	vertical-align: middle;
	margin-top: 15px;
	
}


.etapas{
	margin-bottom: 4em;
}

.circulo {
	/*font-weight: bold;*/
	color: #FFF;
	background-color: #9d9a9a;
	/*background-color: #757575;*/
	font-size: 1.2em;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-bottom: 0;
	margin-right: 20px;
	text-align: center;
	display: inline-block;

}

.circulo_ativo {
    background-color: #17a2b8 !important;
    /* background-color: #888888 !important; */
    color: #FFFFFF !important;
    font-weight: bold !important;
	margin:0 auto;
}

.circulo_concluido {
    background-color: #d1ecf1 !important;
	color: #17a2b8 !important;
	margin:0 auto;

}

.circulo_ativo_vendaretro {
    background-color: #000000 !important;
    /* background-color: #888888 !important; */
    color: #FFFFFF !important;
    font-weight: bold !important;
	margin:0 auto;
}

.circulo_concluido_vendaretro {
    background-color: #f1f1f1 !important;
	color: #000000 !important;
	margin:0 auto;

}

.circulo_inativo{
	margin:0 auto;
}

.num-etapas{
	list-style: none;
	padding-left: 0;
	text-align: center;	
}

.desc-etapas{
	list-style: none;
	padding-left: 0;
	text-align: center;		
	font-size: 1.25em;
}

.texto_ativo{
	color: #17a2b8;
	font-weight: bold !important;
	text-align: center;
}

.texto_ativo_vendaretro{
	color: #000000;
	font-weight: bold !important;
	text-align: center;
}


.texto_concluido{
	color: #17a2b8 !important;
	text-align: center;
}


.texto_concluido_vendaretro{
	color: #000000 !important;
	text-align: center;
}

.texto_inativo{
	color: #6c757d !important;
	text-align: center;
}


.alinhamento{
	display: flex;
	flex-direction: column;
	
}

.botao_etapas{
	background-color: #17a2b8 !important;
	border-color: #17a2b8;
	color: #fff !important;

}

.botao_etapas:hover{
	background-color: #138496 !important;
	border-color: #138496 !important;

}

/*foto*/

.tamanho{
	width: 180px;
	height: 100%;
	margin: 0 0 0.4rem !important;
	position: relative;	
	/*border: 1px solid #ccc;*/
	
}

.tamanho img{
	height: auto;
	max-width: 100%;
/*
	width: auto;
	height: auto;
	max-width: 180px;
	max-height: 180px;
	
	align-items: center !important;
	justify-content: center !important;	
	position: absolute;
	object-fit: cover
	*/
}


/**/

/*menu lateral*/
.opcao_menu{
    border: none !important;
	background-color: transparent;
 }

 .opcao_menu a{
	text-decoration: none;
 }

 .active_lateral{
	background-color:#e8f0fe !important;
	border-top: none;
	border-bottom: none;
}

.centraliza_icon {		
		justify-content: center !important;
		vertical-align: bottom !important;
		font-size: 18px;
	}
	


.categoria{
    color: #666 !important;
    text-transform: uppercase;
    font-size: 0.9em;
    background-color: transparent !important;
	border-top: 1px solid rgba(0,0,0,.125) !important;
	border-bottom: none !important;
}

.list-group-flush:first-child .list-group-item:first-child{
	border-top: none !important;
}

#menu_lateral_mobile{
	display: none;
}

#menu_relatorio_mobile{
	display: none;
}

#menu_lateral{
	display: block;	
	margin-bottom: 5px;
}


/*rodape*/
.rodape {
	font-size:10px;
	color: #616161;;
}

.footer {
	height: auto !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;

}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute !important;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;

}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container_footer {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
  text-align: left;

}
.link_rodape{
	text-decoration: none;
	color: #666;
}



@media (max-width: 768px) or (width: 820px) {
	.marca_mobile{
		display: block;
		margin: 0 auto;
	}

	.marca_desktop{
		display: none;
	}

	#menu_lateral_mobile{
		display: block;		
		/*background-color: #0288d1;*/
		background-color: #006699;
	}

	#menu_relatorio_mobile{
		display: block;
		/*background-color: #0288d1;*/
		background-color: #006699 !important;
	}

	#bemvindo{
		display: none;
	}

	#bemvindo_mobile {
		text-align: left;
		font-size: 1rem;
		color: #FFFFFF;
		/* background-color: #0288d1; */
		text-transform: uppercase;
		height: inherit;
	}

	.perfil-menu-mobile{
		display: block;
		/*background-color: #006db3;*/
		background-color: #003366 !important;
    	height: 70px;
    	padding: 10px;
	}

	.nav-link-mobile{
		padding-left: 1rem !important;
		padding-right: 0 !important;
    
	}

	.cabecalho_mobile{
		/*border-bottom: 10px solid #0288d1;*/
		border-bottom: 10px solid #006699;
		
	}

	.navbar>.container{
		justify-content: normal;
	}

	.categoria_mobile{
	border-top: 1px solid rgba(0,0,0,0.5) !important;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 0.8em;
    color: #000 !important;
    background-color: transparent;
}

#menuInicio{
	border-top: 1px solid rgba(0,0,0,0.5) !important;
	margin-right: 0;
}

.opcao_menu a{
	color:#FFF !important;
}

.menu_lateral a{
	color:rgba(255,255,255,0.7) !important;
}

/*.active{
	background-color: transparent !important;
}*/

.active_lateral{
	background-color:transparent !important;
	
}
.active{
	background-color:transparent !important;
}

#menu_lateral{
		display: none;
	}
	#menu_lateral_relatorio{
		display: none;
	}

	.menu_superior{
		background-color: transparent !important;
	}

	.navbar-collapse{
		/*background-color: #0288D1 !important;*/
		background-color: #006699 !important;
	}
	.sistema_mobile{
	display: block;
	font-size: 1.5em !important;
	/*font-size: 2.5em !important;*/
	font-weight: 400;
	font-style: normal;
	color: #333366;
	margin-left: 5em;
	}

	.espacamento_mobile{
		display: block !important;
		/*padding-bottom: 1.2em;
		padding-top: 0.2em;
		padding-left: 5em;*/
	}

	.quadro{
		border-left:1px solid #cccccc !important; 
		margin-left: 25px;
		margin-top: 0;
		border-top: 0;
		padding-bottom: 0 !important;
		height:2em;
	}

	.texto_ativo, .texto_concluido, .texto_inativo{
		margin-left: 1em;
	}

	.texto_ativo_vendaretro, .texto_concluido_vendaretro{
		margin-left: 1em;
	}


	.etapas{
		margin-bottom: 3em;
		margin-top: 1em;
	}

	.titulo_registro{
		display: block;
	}

	.area_foto{
		text-align: -webkit-center;
	}

	.alinhamento{
		display: flex;
		flex-direction: row !important;
	}

	.circulo_ativo, .circulo_concluido, .circulo_inativo  {	
		margin:0;
		
	}

	.circulo_ativo_vendaretro, .circulo_concluido_vendaretro  {	
		margin:0;
		
	}
	
	.btn-primary{
		margin-top: .50rem;
		width: 100% !important;
	}
	
	.btn-secondary{
		margin-top: .50rem;
		width: 100% !important;
	}

	.btn-info{
		margin-top: .50rem;
		width: 100% !important;
	}

	.btn-exportar{
		margin-top: .50rem;
		width: 100% !important;
	}


	.formata-btn-success{
		margin-top: .50rem;
		width: 100% !important;
	}
	
	.formata-btn-link{
		margin-top: .50rem;
		width: 100% !important;
	}

	.formata-btn{
		margin-top: .50rem;
		width: 100% !important;
	}

	#breadcrumb_mobile{
		display: block;
	}

	#breadcrumb{
		display: none;
	}
	#breadcrumb_rel_mobile{
		display: block !important;
	}

	/*busca mobile*/
	.SelecaoMobile{
		width: 100% !important;
		margin-bottom: 0.5rem;
	}
	
}