.pf-program
{
    border-radius: 5px;
    background: #EEEEEE;
	overflow: auto;
	width: 100%;
	height: 100%;
}

.pf-program-path
{
	font-family: Lucida Console, Courier;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	margin: 0px 2px 0px 2px;
	background: white;	
	font-size: 11pt;
	border:1px solid gray;
}

.pf-program-name
{
    border-radius: 3px;
    background: #FFFFFF;
    margin-bottom: 5px;
	font-size: 10pt;
}

.pf-procedure
{
    border-radius: 5px;
    background: #BBBBBB;
    padding: 5px 20px 4px 20px;
    margin-bottom: 10px;
    width: 100%;
}

.pf-command-block-links
{
	margin-left:30px;
	font-size: 7pt;
}

.pf-command-block
{
}

.pf-procedure-header
{
	font-size: 8pt;
	font-weight: bold;
}

.pf-procedure-name
{
    border-radius: 3px;
    background: #EEEEEE;
    margin-bottom: 5px;
	font-size: 10pt;
}

.pf-procedure-descriptor
{
	display: none;
}

.pf-procedure-event
{
	margin-left:30px;
    margin-bottom: 5px;
}

.pf-procedure-command-container
{
}

.pf-procedure-command-list
{
	margin-left:30px;
    margin-bottom: 0px;
}

.pf-procedure-command
{
    margin-bottom: 2px;
	border: 1px solid #444;
    border-radius: 5px;
	padding: 2px;
}

.pf-procedure-control
{
	margin-left:30px;
}

.pf-table-maximized
{
	width: 100%;
	height: 100%;
}

.pf-table-maximized-width
{
	width: 100%;
}

.pf-command-component
{
}

.pf-command-light
{
	font-family: Lucida Console, Courier;
    border-radius: 3px;
	font-size: 9pt;
	padding: 0px 10px 0px 10px;
	margin: 0px 2px 0px 2px;
	background: #DDD;
}

.pf-command-dark
{
	font-family: Lucida Console, Courier;
	border-radius: 3px;
	font-size: 9pt;
	padding: 0px 10px 0px 10px;
	margin: 0px 2px 0px 2px;
	background: #CCC;	
}

.pf-command-if
{
	font-family: Lucida Console, Courier;
	border-radius: 3px;
	font-size: 9pt;
	padding: 0px 10px 0px 10px;
	margin: 0px 2px 0px 2px;
	background: #CEC;	
}

.pf-command-faux
{
	font-size: 9pt;
}

.pf-app-panel
{
	border: 1px solid lightgray;
	height: 100%;
	width: 100%;
}

.pf-noselect
{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* IE/Edge */
	user-select: none;           /* non-prefixed version, currently
									not supported by any browser */
}
.pf-select
{
	-webkit-touch-callout: default; /* iOS Safari */
	-webkit-user-select: text;   /* Chrome/Safari/Opera */
	-khtml-user-select: text;    /* Konqueror */
	-moz-user-select: text;      /* Firefox */
	-ms-user-select: text;       /* IE/Edge */
	user-select: text;           /* non-prefixed version, currently
									not supported by any browser */
}

.pf-linkbutton
{
    border-radius: 7px;
	white-space: nowrap;
	background-color: cceecc;
	padding: 0px 7px 0px 7px;
	cursor: pointer;
	cursor: hand;
}

.pf-link
{
	white-space: nowrap;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

.pf-link-wrap
{
	white-space: break-spaces;
	word-break: break-all;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

.pf-link-large
{
	white-space: nowrap;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	font-size: 16px;
	text-decoration-color: #AAA;
	color: #333366;
}

.pf-listdata
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
}

.pf-fieldlabel
{
	font-size: 8pt;
}

.pf-fieldValue
{
	font-size: 10pt;
	font-weight: bold;
}

.pf-smallroundbutton
{
    border-radius: 7px;
	white-space: nowrap;
	background-color: cccccc;
	padding: 0px 7px 0px 7px;
	cursor: pointer;
	cursor: hand;
	font-size: 9pt;
}

.pf-roundBorder
{
    border-radius: 7px;
	white-space: nowrap;
	padding: 0px 7px 0px 7px;
	border: 1px solid lightgray;
}

.pf-hint
{
    border-radius: 5px;
	background-color: lightgray;
	border: 1px solid black;
	font-size: 11pt;
	text-align: center;
	margin: auto;
	padding: 10px;
}

.pf-title
{
	font-size: 14pt;
	font-decoration: bold;
}

.pf-height-200
{
	height: 200;
}

.pf-wraptext
{
	word-break: break-all;
}

.pf-overflow-scroll-y
{
	overflow-y: scroll;
}

/**
 * Popup support
 */
/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 1003;
}

/* Inner */
.popup-inner {
	width:90%;
	height:90%;
	padding: 0px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	/*background:#fff;*/
	z-index: 3;
}

.popup-inner .container {
	width:100%;
	height:100%;
	overflow: auto;
	/*padding: 30px;*/
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.popup>.popup-inner>.container>div {
	margin: auto;
	padding: 20px;
	background-color: white;
}

/* Close Button */
.popup-close {
	width:40px;
	height:40px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:15px;
	right:15px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(128,128,128,0.8);
	font-family:Arial, Sans-Serif;
	font-size:30px;
	text-align:center;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(180,180,180,1);
	text-decoration:none;
	color:black;
}

.pf-danger-label {
	background-color: red;
	color: white;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
    border-radius: 7px;
}

.pf-warning-label {
	background-color:orange;
	color: white;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
    border-radius: 7px;
}

.pf-button-label {
	padding: 10px 10px 10px 10px;
	border-radius: 7px;
	white-space: nowrap;
	margin: 2px;
	display: block;
}

.pf-large-text {
	font-size: 20pt;
}

.pf-medium-text {
	font-size: 14pt;
}

.pf-padding-5 {
	padding: 5px 5px 5px 5px;
}

.pf-padding-10 {
	padding: 10px 10px 10px 10px;
}

.pf-image-display {
	margin: 20px;
}

.pf-image-display-90 {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

/* --------------------------------------------------------------------------- */
/* Dashboard support */
/* --------------------------------------------------------------------------- */

.pf-responsive
{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	min-height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
}

.pf-responsive-list
{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
	min-height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
}

.pf-context-menu
{
	display: none;
	z-index: 1000;
	position: absolute;
	overflow: hidden;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-family: sans-serif;
	background: #FFF;
	color: #333;
	border-radius: 5px;
	padding: 0;
}

/* Each of the items in the list */
.pf-context-menu li
{
	padding: 8px 12px;
	cursor: pointer;
	list-style-type: none;
	transition: all .3s ease;
}

.pf-context-menu li:hover {
	background-color: #DEF;
}


.pf-list-column-resize-handle {
	position:absolute; right:-5px; top:-5px; width:8px; cursor: e-resize;
}

.pf-tree-action-icon {
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
	cursor: pointer;
}

.pf-tree-item-icon {
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
	color: #AAAAAA;
}

.hide {
    display: none!important;
}

.pf-dialog .ui-dialog-titlebar-close {
    display: none;
}
.pf-dialog .ui-dialog-buttonpane {
	display: flex;
	justify-content: center;
}

.pf-dashboard-page {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0px 100px 0px 100px;
}

.pf-dashboard-container {
	position: relative;
	flex-grow: 1;
	min-width: 300px;
	margin: 10px 0px;
}

.pf-dashboard-content {
	position: relative;
	margin: 0px 10px;
	display: flex;
	justify-content: center;
}

.pf-center-content {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pf-large-text {
	font-size: 1.5em;
}

.pf-tree-selected {
	background-color: #ccc;
}

.pf-tree-node-highlighted {
	background-color: #ccc;
}

.pf-script {
	display: none;
}

.pf-highlighted-row {
	background-color: #ccc;
}