@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Work+Sans:wght@300&display=swap');


body {
	background: #ffffff;
	color: #707070;
	font-family: 'Work Sans', sans-serif;
	min-height: 100vh;
	padding: 1%;
}


  .container {
   min-height: 800px;
   gap: 0%;
   padding: 0%;

}  

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.solicitante {    
	min-height: 800px;
	gap: 0%;
	padding: 0%;
}  

 .contenedor-barchart {
	 min-height: 800px;
	 gap: 2%;
	 padding: 0%;
} 

  .canal {    
	  min-height: 400px;
	  gap: 2%;
	  padding: 0%;
} 

 .tipo {
	 min-height: 450px;
	 gap: 2%;
	 padding: 0%;
 
}  

@media(max-width: 576px ){
	.tick text {
		font-size: 0.9rem;	 
		font-family: 'Work Sans', sans-serif;
	}  
	.container text.title {
		font-size: 1.3rem;
		font-family: 'Montserrat', sans-serif;
	}
}

@media(min-width: 576px ){
	.tick text {
		font-size: 0.7rem;	 
		font-family: 'Work Sans', sans-serif;
	}  
	.container text.title {
		font-size: 1rem;
		font-family: 'Montserrat', sans-serif;
	}
}

@media(min-width: 765px ){
	.tick text {
		font-size: 0.85rem;	 
		font-family: 'Work Sans', sans-serif;
	}  
	.container text.title {
		font-size: 1.1rem;
		font-family: 'Montserrat', sans-serif;
	}
}

@media(min-width: 992px ){
	.tick text {
		font-size: 0.9rem;	 
		font-family: 'Work Sans', sans-serif;
	}  
	.container text.title {
		font-size: 1.2rem;
		font-family: 'Montserrat', sans-serif;
	}
}

#myTooltip {
	color: #707070 !important; 
	background: #fff; 
	border-radius: 3px;
box-shadow: 0px 0px 2px 0px #a6a6a6; 
padding: .2em; 
text-shadow: #f5f5f5 0 1px 0;
opacity: 0.9; 
position: fixed; 
z-index: 999
}

.bars:hover {
	filter: brightness(1.5);
}

.icon_0:hover, .icon_1:hover, .icon_2:hover, .icon_3:hover, .icon_4:hover {
	fill: #EB6A27;	
	cursor: pointer;
  }

.bar_0:hover, .bar_1:hover, .bar_2:hover, .bar_3:hover, .bar_4:hover {
	fill: #EB6A27;
	cursor: pointer;
  }