/*!
 * Here you can override PrimeFaces components.css
 *
 * For details see: https://www.primefaces.org/resource-rendering/
 * examples: https://www.mkyong.com/jsf2/primefaces/resource-ordering-in-primefaces/
 */

.ui-tooltip-right .ui-tooltip-arrow{
	top: 50%;
	left: -4px;
	margin-top: -9px;
	/* margin-left: -4px; */
	border-width: 9px 9px 9px 0;
	border-right-color: #f0f0f0;
}
.ui-tooltip-left .ui-tooltip-arrow {
	top: 50%;
	right: -3px;
	margin-top: -9px;
	border-width: 9px 0 9px 9px;
	border-left-color: #f0f0f0;
}
.ui-tooltip .ui-tooltip-text {
	 padding: 10px;
	 background-color: #f0f0f0;
	 background-image: none;
	 border: 1px solid #f0f0f0;
	 color: #787878;
	 text-align: left;
 }
.ui-radiobutton .ui-radiobutton-box {
	width: 16px;
	height: 16px;
	line-height: 16px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
}
.ui-state-active .ui-radiobutton-icon {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 8px;
	width: 8px;
	line-height: 8px;
	margin-left: 4px;
	margin-top: 4px;
	background: #f84914;
}
.ui-autocomplete{
	width: 75%
}
.ui-autocomplete-input {
	width: calc(100% - 58px);
}

.ui-autocomplete .ui-autocomplete-dropdown {
	position: absolute;
	right: auto;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	cursor: pointer;
	width: 23px;
	height: 100%;
	padding: 0 3px;
}
.ui-selectonemenu .ui-selectonemenu-label{
	color: #000;
}
.ui-selectoneradio label {
	min-width: 77px;
}