/*
 * TabView scrollable (tabChange.xhtml / p:tabView scrollable="true") – PF15
 * Garante area clicavel nas setas e deixa ul passar cliques nas bordas.
 * margin-left do ul NAO pode ter !important (PF scroll usa inline margin-left).
 */
.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller-btn,
.ui-tabs .ui-tabs-navscroller-btn {
	width: 28px !important;
	min-width: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	pointer-events: auto !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	z-index: 100 !important;
}

.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller-btn.ui-state-disabled,
.ui-tabs .ui-tabs-navscroller-btn.ui-state-disabled {
	pointer-events: none !important;
	opacity: 0.45 !important;
	cursor: default !important;
}

.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller-btn .ui-icon,
.ui-tabs .ui-tabs-navscroller-btn .ui-icon {
	float: none !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	text-indent: 0 !important;
	overflow: visible !important;
	background: none !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 16px !important;
	text-align: center !important;
}

.ui-tabs .ui-tabs-navscroller-btn-left .ui-icon::before {
	content: '\2039' !important;
	display: block !important;
}

.ui-tabs .ui-tabs-navscroller-btn-right .ui-icon::before {
	content: '\203A' !important;
	display: block !important;
}

.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller > .ui-tabs-nav,
.ui-tabs .ui-tabs-navscroller > .ui-tabs-nav {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	pointer-events: none !important;
	transition: none !important;
}

.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller > .ui-tabs-nav > li,
.ui-tabs .ui-tabs-navscroller > .ui-tabs-nav > li {
	pointer-events: auto !important;
}