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

#ouvidoria header{
	height:120px !important;
}

#ouvidoria #logo {
  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);
}

#ouvidoria #brasao-ouvidoria {
  display:flex;
  height:120px;
}

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

.img-logo-ouvidoria {
	width:90px;
	margin:0;
	text-align:left;
}
	
#ouvidoria #brasao-ouvidoria img {
  height:80px;
  position: absolute;
  left:0;
  top:20px;
}

#brasao-ouvidoria .nome-logo-ouvidoria {
	
	left:120px !important;
	margin-top: 36px;
	text-align: left !important;
  }
  
  #brasao-ouvidoria span {
	font-size:16px;
	line-height:16px !important;
  }
  
  #brasao-ouvidoria h1 {
	margin:0;
	padding:0;
	font-size:24px;
	line-height:24px !important;
	font-weight: 900;
    font-family: montserrat,sans-serif;
	text-transform: uppercase;
	text-align: center;
  }

#ouvidoria .titulo-interno {
	background-color:rgb(255,200,45);
}

#ouvidoria .titulo-interno h2 {
	font-family:"Montserrat",sans-serif;
    font-weight:900;
	color:rgb(255,255,255);
	font-size:24px;
}

#ouvidoria .breadcrumb {
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	text-align: right;
	margin-top:12px !important;
	font-size:13px;
	line-height:13px;
}

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

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

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

.info-contato {
	margin-top:-30px !important;
}

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

#ouvidoria .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;
}

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

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

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

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

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

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

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

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

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

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

#ouvidoria .bg-protocolo {
	background-color:rgba(0,75,130,.1);
	padding:40px;
	border-radius:6px;
	text-align: center;
}

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

#ouvidoria .card-cor1 {background: linear-gradient(0deg, rgba(12,161,157,1) 0%, rgb(3, 117, 113) 100%);}
#ouvidoria .card-cor2 {background: linear-gradient(0deg, rgba(5,112,120,1) 0%, rgb(1, 75, 72) 100%);}
#ouvidoria .card-cor3 {background: linear-gradient(0deg, rgba(109,86,156,1) 0%, rgb(97, 65, 131) 100%);}
#ouvidoria .card-cor4 {background: linear-gradient(0deg, rgba(76,54,137,1) 0%, rgb(54, 34, 94) 100%);}
#ouvidoria .card-cor5 {background: linear-gradient(0deg, rgba(128,68,142,1) 0%, rgb(128, 56, 110) 100%);}
#ouvidoria .card-cor6 {background: linear-gradient(0deg, rgba(221,85,33,1) 0%, rgb(184, 77, 28) 100%);}
#ouvidoria .card-cor7 {background: linear-gradient(0deg, rgba(9,106,174,1) 0%, rgb(4, 101, 167) 100%);}
#ouvidoria .card-cor8 {background: linear-gradient(0deg, rgba(224,134,24,1) 0%, rgb(155, 94, 2) 100%);}
#ouvidoria .card-cor9 {background: linear-gradient(0deg, rgb(112, 90, 64) 0%, rgb(58, 45, 25) 100%);}


#ouvidoria .flex {
	display: flex;
}

.contato-ouvidoria {
	border-top:1px solid rgb(230,230,230);
	border-left:1px solid rgb(230,230,230);
	border-bottom:1px solid rgb(190,190,190);
	border-right:1px solid rgb(190,190,190);
	background-color: #FFF;
	padding:20px;
	text-align: center;
	align-items: stretch;
	border-radius:6px;
	margin:2px;
	height: 125px;
	overflow-y: auto;
  }
  
.contato-ouvidoria svg {
	font-size:30px;
	padding:5px;
	color:#ec971f;
}


.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;
}

.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;
}