/* ----- OUVIDORIA ----- */



#logo-ouvidoria {
  top:0;
  right:0;
  left:0;
  z-index:10;
  background-color: rgb(255,255,255);
  box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
}

#brasao-ouvidoria {
  display:flex;
  border-bottom:5px solid #01579b;
  height:120px;
}

#brasao-ouvidoria h1 {
  margin:0;
  padding:0;
  height:120px;
  text-align: left;
  position:relative;
}

#btn-login-ouvidoria{
	margin-top: 0px !important;
}
	
#brasao-ouvidoria img {
  height: 85px !important;
  margin-top: 0px !important;
  position: absolute;
  left:0;
  top:12px;
}

.breadcrumb-ouvidoria {
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	text-align: right;
	background-color: rgb(242,242,242);
	font-size:13px;
	line-height:13px;
}

.breadcrumb-ouvidoria .breadcrumb-item {
	margin:0;
	padding:0;
}

.breadcrumb-ouvidoria .breadcrumb-item a {
	padding-right:10px;
}

#miolo-ouvidoria legend {
	margin-bottom:20px;
	border-bottom:1px dashed rgb(210,210,210);
	padding:10px 5px;
	font-size:14px;
	line-height:14px;
	text-transform: uppercase;
}

#footer-ouvidoria .bg-primary {
	color: #fff;
    background-color: #337ab7 !important;
}

.card-ouvidoria {
	flex-direction:row;
	align-items: stretch;
	text-align: center;
	justify-content: space-between;
	border:2px solid rgb(255,255,255);
	transition:all .3s ease;
}

.card-ouvidoria:hover {
	filter: opacity(.9);
}

.card-ouvidoria a {
	padding: 30px;
    color: white;
	display:block;
}

.card-ouvidoria a:hover {
	text-decoration:none;
}

.card-ouvidoria h4 {
	font-weight:bold;
	font-family:'Roboto',sans-serif;
}

.card-ouvidoria hr {
	padding:0;
	margin:15px 0;
	background-color: rgba(255,255,255,.5);
}

.dynamika-chat-left , .dynamika-chat-right {
	margin-top:10px !important;
	border-radius:6px !important;
}

.dynamika-chat-left a , .dynamika-chat-right a {
	width:100%;
	float:left;
	margin-top:-15px;
	text-align: right;
	font-size:12px;
}

.dynamika-chat-left {
	background-color: rgba(128,128,128, 0.3);
}

.dynamika-chat span {
	padding:20px;
    display: inline-block;
}

.dynamika-chat p {
    text-align: justify;
    padding:0;
	margin:0;
}

.bg-protocolo {
	background-color: rgb(235,235,235);
	padding:30px;
	border-radius:6px;
	text-align: center;
}

.bg-protocolo a{
	text-align: center;
	border-radius:16px;
	margin-top: 15px;
}

.card-cor1 {background: linear-gradient(0deg, rgba(12,161,157,1) 0%, rgba(16,175,171,1) 100%);}
.card-cor2 {background: linear-gradient(0deg, rgba(5,112,120,1) 0%, rgba(6,135,131,1) 100%);}
.card-cor3 {background: linear-gradient(0deg, rgba(109,86,156,1) 0%, rgba(136,104,171,1) 100%);}
.card-cor4 {background: linear-gradient(0deg, rgba(76,54,137,1) 0%, rgba(104,81,149,1) 100%);}
.card-cor5 {background: linear-gradient(0deg, rgba(128,68,142,1) 0%, rgba(176,94,156,1) 100%);}
.card-cor6 {background: linear-gradient(0deg, rgba(221,85,33,1) 0%, rgba(230,107,48,1) 100%);}
.card-cor7 {background: linear-gradient(0deg, rgba(9,106,174,1) 0%, rgba(9,134,216,1) 100%);}
.card-cor8 {background: linear-gradient(0deg, rgba(224,134,24,1) 0%, rgba(235,143,6,1) 100%);}
.card-cor9 {background: linear-gradient(0deg, rgb(112, 90, 64) 0%, rgb(107, 89, 61) 100%);}


.flex {
	display: flex;
}


.box-relatorio-ouvidoria{
	border:1px solid rgb(220,220,220);
	border-radius:12px;
	padding:20px;
}

.box-relatorio-ouvidoria .titulo{
	margin:-10px 0 0 0 !important;
	color:rgb(240,160,0) !important;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background-color: #fff;
	border-radius: 0px;
}

.btn-ouvidoria {
	border:1px dashed rgb(200,200,200);
	padding:10px;
	border-radius:6px;
	margin:10px 0 0 0;
	font-weight:bold;
	color:rgb(50,50,50);
	display:block;
}