.ui-tabs {
	position: relative;
	padding:0em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0 0 50px 20px;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;

	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;


}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	
	padding: .5em 0em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}


  .ui-tabs-horizontal .ui-tabs-panel h3 {border-top:1px solid #333; padding:20px 0; text-align:center}

  .ui-tabs-vertical { width: 100%; }
  .ui-tabs-vertical .ui-tabs-nav { padding:0; margin:0 0 0 20px;  float: left; width: 25%; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:inline-block; width:100%; white-space:normal}
  .ui-tabs-vertical .ui-tabs-nav li a + a {display:inline;width:auto}  
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { background-color:#efefef}
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 70%;}


  .ui-tabs-horizontal { width: 100%; }
  .ui-tabs-horizontal .ui-tabs-nav { padding:20px; margin:0 0 30px 0;  float:none; width: 100%; background:rgba(0,0,0,0.1); display:flex; flex-wrap:wrap; column-gap:10px;}
  .ui-tabs-horizontal .ui-tabs-nav li {width: calc(20% - 10px);margin:5px 0; border:1px solid #ddd; padding:0px; background:rgba(162, 198, 229, 0.4)}
	.tabs_3cols li {width:31%!important;}
  .ui-tabs-horizontal .ui-tabs-nav li:before {display:none}

/* .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li {width: 24%;height:122px!important;} */
 
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li {width: calc(25% - 10px);}
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li a {font-size:1em}
 
  .ui-tabs-horizontal .ui-tabs-nav li a {width:100%; white-space:normal; display:block; padding:10px!important; font-size:1.1em}
  .ui-tabs-horizontal .ui-tabs-nav li a + a {width:auto}  
  .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active { background-color:#2e5782;  border:1px solid #fff; box-shadow:3px 3px 5px #ddd}
  .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active a {width:100%; display:block; color:#fff}
  .ui-tabs-horizontal .ui-tabs-nav a:hover {color:#000!important}
  .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active a:hover {color:#fff!important}
  .ui-tabs-horizontal .ui-tabs-panel { padding: 10px; float: none; width: 100%; margin:20px 0 0 0; clear:left;
    border: 1px dashed #ddd;
}



@media (max-width:1300px) { 
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li a {font-size:0.9em!important}
}

@media (max-width:1200px) { 
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li {width:calc(33% - 10px)}
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li a {font-size:0.9em!important}
}
@media (max-width:1000px) { 
.ui-tabs-horizontal .ui-tabs-nav li  {width: calc(50% - 10px);}
}

@media (max-width:780px) { 
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li {width:calc(50% - 10px)}
 .page_section_audiente .ui-tabs-horizontal .ui-tabs-nav li a {font-size:1em!important}
}