:root{
	--panel-width: 100%;
	--panel-border: 1px solid #a8a8a8;
	--panel-header-padding: 5px 10px;
	--panel-header-background: #f8f9fa;
	--panel-content-padding: 10px;
	
	--panel-toggle-icon-focus-color: #f39313;
	--overlaypanel-close-icon-color: #f39313;
	--accordionpanel-header-hover-color: #e9ecef;
}


body .pvnow-panel.ui-panel{
	width: var(--panel-width);
	border: var(--panel-border);
	border-radius: 0px;
	margin-bottom: 10px;
}
body .pvnow-panel.ui-panel .ui-panel-titlebar{
	border:none;
	border-radius: 0px;
	padding: var(--panel-header-padding);
	color: black;
	background: var(--panel-header-background);
}
body .pvnow-panel.ui-panel .ui-panel-titlebar .ui-panel-title{
	display: inline-block;
}
body .pvnow-panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon{
	margin: 0px;
  	width: unset;
  	height: unset;
  	line-height: unset;
}
body .pvnow-panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus{
	box-shadow: 0 0 0 .2rem var(--panel-toggle-icon-focus-color);
}
body .pvnow-panel.ui-panel .ui-panel-content{
	border: none;
	border-radius: 0px;
	padding: var(--panel-content-padding);
	color: black;
}


body .pvnow-accordion-panel.ui-accordion{
	width: var(--panel-width);
	border: var(--panel-border);
	border-radius: 0px;
	margin-bottom: 10px;
}
body .pvnow-accordion-panel.ui-accordion .ui-accordion-header{
	border:none;
	border-radius: 0px;
	padding: var(--panel-header-padding);
	color: black;
	background: var(--panel-header-background);
}
body .pvnow-accordion-panel.ui-accordion .ui-accordion-header:focus{
	box-shadow: none;
}
body .pvnow-accordion-panel.ui-accordion .ui-accordion-header:hover{
	background: var(--accordionpanel-header-hover-color);
	color: black;
}
body .pvnow-accordion-panel.ui-accordion .ui-accordion-content{
	border: none;
	border-radius: 0px;
	padding: var(--panel-content-padding);
	color: black;
}


body .pvnow-overlay-panel.ui-overlaypanel .ui-overlaypanel-close{
	background: var(--overlaypanel-close-icon-color);	
}