.vertical {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
}

.fundo-linha {
  padding: 4px 5px 5px 0;
  font-size: 14px;
  line-height: 1.42857143;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.topo{
  background:#f1f1f1;
  border-bottom: 1px solid #ccc;
  position: fixed;
  width: 100%;
  z-index: 150;
}

.usuario{
  color: #333;

}

.quitado{
  color: #009045;
  font-weight: bold;
}

.emaberto{
  color: #bf0411;
  font-weight: bold;
}

.baixado{
  color: #001d7e;
  font-weight: bold;
}


.justify {
  text-align: justify;
}


.right {
  float: right;
    text-align: right;
}

.logo {
  margin-top:8px;
}

.pesquisa {
  display: inline-block;
  padding: 10px;
  margin-bottom:5px;
  background-color: #f9f9f9;
  border-radius: 6px;
}
.fotopesquisa{
  object-fit: cover;
  height: 100px;
  width: 120px;
  margin-right:15px;

}

.caixa {
  padding:15px;
  border: 1px solid #ccc;
  background-color: #fff;

}

.menu {
 background: #000;
 width: 100%;
 top: 10px;
 left: 15px;
 right: 15px;

}

.menu-link > li > a {
	color:#fff;
	padding: 5px 9px 5px 9px;

}
.menu-link > li > a:hover,
.menu-link > li > a:focus {
  color: #fff;
  background-color: #e7af18;

  }

.dropdown-menu   {
  position: absolute;
  background-color: #f1f1f1;
  top:33px;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  border-top: 0;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; 
}  
.dropdown-menu > li > a {
  display: block;
  padding: 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  padding-left: 15px;
  text-decoration: none;
  color: #fff;
  background-color: #888;
  

}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #888;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.toggle-menu {
  position: absolute;
  background-color: #f1f1f1;
  right: 15px;
  color: #888;
  z-index: 1000;
  min-width: 200px;
  padding: 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  border-top: 0;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; 
}  
.toggle-menu > li > a {
  display: block;
  padding: 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #888;
  white-space: nowrap;
  
}
.toggle-menu > li > a:hover,
.toggle-menu > li > a:focus {
  text-decoration: none;
  padding-left: 15px;
  color: #fff;
  background-color: #888;
  }

.toggle-menu-sub > li > a {
  color: #888;
  background-color: #d1d1d1;
  padding: 10px;


}
.toggle-menu-sub > li > a:hover,
.toggle-menu-sub > li > a:focus {
  color: #fff;
  background-color: #999;
  }

.menu-sub > li > a {
  list-style: none;
}   
  
.btn-default { color: rgba(255, 255, 255, 0.80); background-color: #666;}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active { color: rgba(255, 255, 255, 0.90); background-color: #999;}

.btn-inserir { color: rgba(255, 255, 255, 0.80); background-color: #00b612;}
.btn-inserir:hover,.btn-inserir:focus,.btn-inserir.focus,.btn-inserir:active,.btn-inserir.active { color: rgba(255, 255, 255, 0.90); background-color: #999;}

.btn-excluir { color: rgba(255, 255, 255, 0.80); background-color: #ff0000;}
.btn-excluir:hover,.btn-excluir:focus,.btn-excluir.focus,.btn-excluir:active,.btn-excluir.active { color: rgba(255, 255, 255, 0.90); background-color: #999;}

.btn-upload { color: rgba(255, 255, 255, 0.80); background-color: #429ed7;}
.btn-upload:hover,.btn-upload:focus,.btn-upload.focus,.btn-upload:active,.btn-upload.active { color: rgba(255, 255, 255, 0.90); background-color: #999;}


h1 { font-size: 2em;  margin: 0.67em 0;}
h1, .h1 { font-size: 22px; line-height: 1.42857143; color:#333; margin-top:0; font-weight: normal;}
h2, .h2 { font-size: 18px; line-height: 1.42857143; color:#333; 	font-weight: normal;}
h3, .h3 { font-size: 14px; line-height: 1.42857143; color:#333; border-radius: 4px;  font-weight: normal; padding: 3px 3px 3px 6px; border: 1px solid #ccc; }
h4, .h4 { font-size: 12px; line-height: 1.42857143; color:#333; border-radius: 4px; font-weight: normal; margin-bottom: 7px; margin-top: 0; padding: 6px; background-color: #e1e1e1; }
h5, .h5 { font-size: 14px; line-height: 1.42857143; color:#999;  font-weight: normal; background-color: #f1f1f1; padding: 5px;}
h6, .h6 { font-size: 12px; line-height: 1.42857143; color:#333; margin: auto;  font-weight: normal; background-color: #fff; padding: 5px; border: 1px solid #e1e1e1;  border-radius: 3px;}

.notificacao { font-size: 14px; line-height: 1.42857143; color: #fff; background-color: #ff0000; padding: 10px; border-radius: 3px;}

.legenda { font-size: 10px; line-height: 1.42857143; padding-top:4px; font-weight: normal;
 }

.center {
  text-align: center;
}

.vermelho{
    color: #bf0411;
    font-weight: bold;
}

.verde{
    color: #009045;
    font-weight: bold;
}

.aviso {
	position: absolute;
	z-index: 150;
	font-weight: normal;
	color: #fff;	
	background-color: rgba(144, 21, 0, 0.80);
	padding:5px;
	width: 100%;
	max-height:100%;
	text-align: center;
}

.rodape {
	color: #fff;
  text-align: center;
  background-color: #e7af18;
	padding:10px;
	width: 100%;
  margin-top: 30px;

}

.rodape-copright {
  text-align: center;
  color: #fff;
  background-color: #e7af18;
  padding:5px;
  width: 100%;
}

.rodape-fixo {
	position: fixed;
  text-align: center;
	bottom: 0;
  font-weight: normal;
  color: #fff;
  background-color: #000;
  padding:5px;
  width: 100%;
}


.foto-preview{
  max-width: 230px;
  max-height: 110px;
  min-height: 110px;
  object-fit: cover;
  border-radius: 4px;
}


.branco {
	color: #fff;

}

a.link-rodape, a.link-rodape:hover, a.link-rodape:visited {
  color: #fff;
	font-size: 9px;
	text-decoration: none;
}	


.imagem{
  object-fit: cover;
  max-height: 400px;
  width: 100%;
  overflow: hidden;
  border-bottom: 5px solid #f1f1f1;
/*  border-top: 5px solid #f1f1f1;*/
  margin-bottom: 30px;
}

.img-borda {
  line-height: 1.42857143;
  width: 100%;
/*  border: 1px solid #f1f1f1;*/
  padding: 8px;
  object-fit: cover;
/*  max-height: 350px;*/
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;  
}
.img-galeria {
  border: 1px solid #fcdfc4;
  display: flex;
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.txt-galeria {
  background-color: #fcdfc4;
  width: 100%;
  padding: 3px;
  text-align: center;
}

.tabela {
  font-weight: normal;
  color: #fff;
  width: 100%;
  background-color: #f9f9f9;

}
.tabela2 {
  padding: 2px;
  color: #555555;
  border: 1px solid #f1f1f1;
}

.tabela3 {
  padding:5px;
  background-color: #555;
}



.caret {
  display: inline-block;
  width: 0;
  color: #185681;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

@media (max-width: 397px) {
	.toggle-menu {top: 32px;}
  .topo {height: 63px;}
  .usuario{top: 8px;}
  .espaco-menu{height: 80px;}
}

@media (min-width: 398px) {
  .toggle-menu {top: 32px;}
  .topo {height: 63px;}
  .usuario{top: 8px;} 
  .espaco-menu{height: 80px;}
 }

@media (min-width: 568px){
  .toggle-menu {top: 32px;}
  .topo {height: 70px;}
  .usuario{top: 15px;}
  .espaco-menu{height: 90px;}
}

@media (min-width: 768px)  {
  .topo {height: 115px;}
  .usuario{top: 15px;}
  .espaco-menu{height: 140px;}

}

@media (min-width: 992px) {
  .topo {height: 110px;}
  .usuario{top: 8px;}
  .espaco-menu{height: 130px;}
}

@media (min-width: 1200px) {
  .topo {height: 120px;}
  .usuario{top: 20px;}
  .espaco-menu{height: 140px;}

}
@media print {
  .topo, .rodape { display: none; }
  .container { width: 100%; }
  .col-md-12 { width: 100%; float: left;}
  .col-md-11 { width: 91.66666667%; float: left; }
  .col-md-10 { width: 83.33333333%; float: left; }
  .col-md-9 { width: 75%; float: left; }
  .col-md-8 { width: 66.66666667%; float: left;}
  .col-md-7 { width: 58.33333333%; float: left; }
  .col-md-6 { width: 50%; float: left; }
  .col-md-5 { width: 41.66666667%; float: left; }
  .col-md-4 { width: 33.33333333%; float: left; }
  .col-md-3 { width: 25%; float: left;}
  .col-md-2 { width: 16.66666667%; float: left; }
  .col-md-1 { width: 8.33333333%; float: left; }
}