body {
  padding-top: 72px;
}
/*PADRONIZAÇÃO DOS ÍCONES*/
.icone-padrao {
  color: #851624;
}
.icone-android:hover {
  opacity: 0.8;
}


/*FIM PADRONIZAÇÃO DOS ÍCONES*/

/*PADRONIZAÇÃO DOS BOTÕES*/
.botao-padrao {
  padding: 0.25rem 0.75rem;
  
  background-color: #f5f5f5;
}
.botao-padrao-sistema {
  padding: 0.25rem 0.75rem;
}
.alinhar-botao {
  margin-top: 4px;
}

/*FIM PADRONIZAÇÃO DOS BOTÕES*/
/*informações tarifa social na tela de visualizar visita*/

.icone-inf {
  float: left;
  margin-top: 10px;
  
}

.fieldset {
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
}

.fieldset h1 {
  position: absolute;
  top: 0;
  font-size: 18px;
  line-height: 1;
  margin: -9px 0 0; /* half of font-size */
  background: #fff;
  padding: 0 3px;
}

/*fim informações tarifa social na tela de visualizar visita*/
/*LINK DE NAVEGAÇÃO*/
.link-navegacao {
  background-color: #ffeff1;
}
.item-navegacao {
  color: #851624;
}
.item-navegacao:hover {
  color: #851624;
  text-decoration: none;
}
/*FIM LINK DE NAVEGAÇÃO*/

/*DASHBOARD HOME*/
.meta-dashboard {
  text-align: center;
}
.icone-dashboard {
  text-align: center;
}
.total-dashboard{
  text-align: center;
}
.total-resultado {
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}
.total-visitas {
  margin-bottom: 32px;
}
/*FIM DASHBOARD HOME*/

.vetor-login {
  width: 100%;
}
.centralizar {
  text-align: center;
}
.botao-login {
  background-color: #ac3b4a;
  border: none;
}
.botao-login:hover {
  background-color: #851624;
}
.esqueceu-senha {
  color: #005ba5;
}
.esqueceu-senha:hover {
  text-decoration: none;
  color: #001828;
}
.card-login {
  position: fixed;
  z-index: 10;
  margin-top: 4rem;
}
/*FIM TELA DE LOGIN*/

/*RODAPE*/
.imagem-rodape {
  width: 60px;
  margin-top: 4px;
  margin-right: 10px;
}
.rodape {
  -moz-box-shadow: 0px 0px 7px 6px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 0px 7px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 7px 6px rgba(0, 0, 0, 0.06);
  z-index: 2000;
  background-color: white;
}
.margem-sistema {
  margin-bottom: 42px;
}
.imagem-economix {
  width: 140px;
}
/*FIM RODAPE*/

/*TOPO*/
.conteudo-topo {
  margin-left: 0;
  margin-right: 0;
  max-width: 1200px;
}
/*FIM TOPO*/
/*VISUALIZAR AGENTE*/
.titulo-agente{
  font-family: Nunito, sans-serif;
}
/*FIM VISUALIZAR AGENTE*/


/*GERAL*/
.respostas-visualizar {
  font-weight: bold;
}
.subtitulos{
  font-family: "Nunito", sans-serif;
}
.inf-senha {
  font-family: "Nunito", sans-serif;
  color: #a1a1a1;
  font-size: 0.75rem;
}
/*TABELA VISUALIZAR VISITA*/
.titulo-tabela  { 
  height:60px;
  background:#ffffff;
  font-size:16px;
}
/*IMAGENS VISUALIZAR*/

.img-box {
  box-sizing: content-box;
  margin: 10px;
  width: 420px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
  border-radius: 5px;
  
}
.gallery-image img {
  
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.4s ease;
  border-radius: 5px;
}
.trans
{
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.top ul li:hover::before
{
	opacity: 0;
	background-color: rgba(0,0,0,0.90);
}

.lightbox
{
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 999;
	opacity: 0;
	pointer-events: none;
}
.lightbox img
{
	max-width: 60%;
	
	position: relative;
	top: -100%;
	/* Transition */
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.lightbox:target
{
	outline: none;
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.lightbox:target img
{
	top: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/*TESTE LINK MANUAL*/


/* The component will reset button browser styles */

.r-button{
  --uirButtonBackgroundColor: var(--rButtonBackgroundColor, transparent);
  --uirButtonPadding: var(--rButtonPadding, var(--rButtonPaddingTop, 0) var(--rButtonPaddingRight, 0) var(--rButtonPaddingBottom, 0) var(--rButtonPaddingLeft, 0));
  --uirButtonBorderWidth: var(--rButtonBorderWidth, 0);
  --uirButtonBorderStyle: var(--rButtonBorderWidth, solid);
  --uirButtonBorderColor: var(--rButtonBorderColor, currentColor);
  --uirButtonFontFamily: var(--rButtonFontFamily, inherit);
  --uirButtonFontSize: var(--rButtonFontSize,  inherit);
  --uirButtonColor: var(--rButtonColor);

  
 cursor: pointer;

  
}

.r-button::-moz-focus-inner,
.r-button[type="button"]::-moz-focus-inner,
.r-button[type="reset"]::-moz-focus-inner,
.r-button[type="submit"]::-moz-focus-inner {
  
  /* Remove the inner border and padding in Firefox. */
  
  border-style: none;
  padding: 0;
}

/* The component will reset browser's styles of link */

.r-link{
  --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
  --uirLinkTextColor: var(--rLinkTextColor);
  --uirLinkTextDecoration: var(--rLinkTextDecoration, none);
  display: var(--uirLinkDisplay) !important;
  color: var(--uirLinkTextColor) !important;
  text-decoration: var(--uirLinkTextDecoration) !important;
}

/*
=====
CORE STYLES
=====
*/

.ai-element{
	--uiaiElementDisplay: var(--aiElementDisplay, inline-flex);	
	--uiaiElementPadding: var(--aiElementPadding, var(--aiElementPaddingTop, 0) var(--aiElementPaddingRight, 0) var(--aiElementPaddingBottom, 0) var(--aiElementPaddingLeft, 0));
	--uiaiElementColor: var(--aiElementColor);

	display: var(--uiaiElementDisplay);
	position: relative;
	overflow: hidden;
}

a.ai-element{
	padding: var(--uiaiElementPadding);
}

button.ai-element{
	--rButtonPadding: var(--uiaiElementPadding);	
}

.ai-element__label{
	color: var(--uiaiElementColor);
}


/* 
Styles of elements with the bottom border
*/ 

.ai-element_type2{
	--uiaiElementLineWeight: var(--aiElementLineWeight, 2px);
	--uiaiElementLineColor: var(--aiElementLineColor, #000);	
	--aiElementPaddingBottom: var(--uiaiElementLineWeight);	
	
	position: relative;
}

.ai-element_type2::after{
	content: "";
	width: 100%;
	height: var(--uiaiElementLineWeight);
	background-color: #005eb8;

	position: absolute;
	left: 0;
	bottom: 0;
}


/*
=====
EFFECTS
=====
*/


.ai-element2::after{
	transform: translate3d(0, 0, 0);
	transition: transform .2s ease-in;
}

.ai-element2:hover::after{
	transform: translate3d(-100%, 0, 0);
}

.ai-element{
	--aiElementLineWeight: 3px;
	--aiElementLineColor: #e20613;
	--aiElementColor: #e20613;
	--aiElementColorHover: #e20613;
}

@media (min-width: 1200px){

.ai-element__label{
	--uiaiElementColorHover: var(--aiElementColorHover);	
	font-weight: 700;
	text-transform: uppercase;
}

.ai-element:hover .ai-element__label{
	color: var(--uiaiElementColorHover);
}

/*
=====
SETTINGS
=====
*/

.ai-element{
	--aiElementLineWeight: 3px;
	--aiElementLineColor: #e20613;
	--aiElementColor: #e20613;
	--aiElementColorHover: #e20613;
}

}

/*@MEDIA*/
@media (max-width: 1244px) {
  .vetor-login {
    width: 97%;
  }
  .titulo-painel {
    font-size: 20px;
  }
  
}
@media (min-width: 1001px) and (max-width: 1024px) {
  .botao-cencelar-e-salvar {
    padding: 0;
  }
  .titulo-informativo {
    font-size: 0.88rem;
  }
  

}
@media (max-width: 1000px) {
  .titulo-painel {
    font-size: 24px;
  }

}
@media (min-width: 760px) and (max-width: 1000px){
  .titulo-informativo {
    font-size: 0.68rem;
  }
  .conteudo-topo {
    margin-left: -20px;
    font-size: 0.8rem;
  }
  .item-android {
    font-size: initial;
  }
  .item-sair {
    margin-left: 18px;
    margin-top: 14px;
  }
  .total-reg {
    margin-bottom: 20px;
  }
}
@media (max-width:800px) {
  .vetor-login {
    margin-bottom: 10px;
  }
  

}
@media (max-width: 780px) {
  .vetor-login {
    margin-bottom: 20px;
  }
  .botao-novo {
    text-align: left !important;
  }
  .botao-voltar {
    text-align: left !important;
  }
  
  .lightbox img {
    max-width: 90%;
  }
}
@media (max-width:540px) {
  .botao-pesquisar {
    text-align: center !important;
  }
  .botao-cencelar-e-salvar {
    text-align: center !important;
  }
  .pagination {
    justify-content: center !important;
  }
  .centro {
    text-align: center !important;
  }
  .dropdown-menu {
    overflow-y: scroll !important;
  }
  
}
@media screen and ( max-width: 600px ){

  li.page-item {

      display: none;
      
  }

  .page-item:first-child,
  .page-item:nth-child( 2 ),
  .page-item:nth-last-child( 2 ),
  .page-item:last-child,
  .page-item.active,
  .page-item.disabled {

      display: block;
      
  }
  .img-box {
    margin-left: -1rem;
  }
 
}
@media (max-width: 500px) {
  
  .img-box {
    width: 300px;
  }
}

@media (max-width: 385px) {
 
  .img-box {
    margin-left: -2rem;
  }
}
@media (max-width: 320px) {
 
  .img-box {
    width: 250px;
  }
}


/*LOGIN CLINICA*/

.body-login {
  background-image: url('../imagem/inst.maria.fachada.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
  background-attachment: fixed;
}

nav {
  padding-top: 0%;
}

.navbar-brand-login {
  font-family: "Roboto", Sans-serif;
}