@charset "utf-8";
/* CSS Document */

/* ----------------------- FLOW_CHART ------------ */

.toolbar_dropdown {
    /*font-family: GothamBook;*/
    color: lightslategrey;
    width: 170px;
    border: #efefef 1px solid;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #fafaf2;
    min-height: var(--height-input-box);
}

.toolbar_cell {
	display: table-cell;
}

.toolbar_row {
	display: table;
	padding: .2em 0em .2em 0em;
}

.toolbar_table {
	display: table;
}

.ui-widget.ui-state-default.ui-corner-all.flow-chart-toolbar-short-label
{
	color: #383838;
	padding: 1em .1em .5em 0;
	border: none;
	font-size: 12px;
	/*font-family: ralewayregular;*/
	MIN-WIDTH: 3.7em;
}

.ui-menu { 
    position: absolute;
    z-index:10000;
}

.flow-chart-toolbar-short-textbox {
    margin: 0;    
    padding: 0.2em;
    width: 25px;
}

.flowchart_toolbar_edit{

}

.flow-chart-tooltip
{
    position:fixed;
    display:block;
    border: solid 1px #BBCCBB;
    margin:10px;
    width:200px;
    z-index:100;
    background-color: #EEEEEE;
    border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}

.flow-chart-tooltip:before {
	position: absolute;
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #eee;
	border-bottom: 7px solid transparent;
	border-right-color: rgba(0, 0, 0, 0.2);
	left: -7px;
	top: 50%;
	content: '';
}


.flow-chart-tooltip h3
{
    display:block;
   font-weight:bold;
   font-size:13px;
   padding:15px;
   
}

.flow-chart-tooltip span
{
    display:block;
    padding:15px;
   padding-top:0px;
}

.flow-chart-toolbar-textbox
{
    margin: 0 5px;    
    padding: .7em 0.5em;
    width: 40%;
    border: 1px solid #ccc !important;
}

.flow-chart-container {        
        display:block;
        vertical-align:top;
        position:static;   
        overflow:hidden;  
        clear:both; 
        z-index:10; 
}


.view-mode {        
        top:-.7em;
        padding: 0!important;
		background: white!important;
		display: inherit!important;
}


.flow-chart-canvas-container {
    display: inline-block;
    position: absolute; /*#ERROR: Documents: Filing flowchart display error*/
    overflow: scroll !important;
    margin-top: 1em;
    margin-left: .5em;
    padding: 3em;
    background: #eee;
    margin-left: auto;
    margin-right: auto;
    border: #ddd 1px solid;
    width: 100% !important;
}

.flow-chart-top-toolbar {margin: 0 0 -15px -5px!important;width:100%;}  

.flow-chart-toolbar-item-separator
{
    display:inline-block;
    width:14px;
 
}

.flow-chart-left-toolbar
{
    display:inline-block;   
    float:left; 
    width: 160px;

    position: relative;
    color:white;
    background:white;
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /*height: auto;*/
    border: 1px solid #999;
    border-color: rgba(0,0,0,.4);
}

.flow-chart-right-toolbar
{
    overflow: hidden; 
    float: right;
	position:relative;
	top: -4px;
	left: -30px!important;
	z-index:10;
	background:white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.33);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    height: auto;
    border: 1px solid #eee;
}

.flow-chart-right-toolbar-main
{
    float: right;
	width: 2.2em;
	height: 100%;
	/*background: #bbb;*/
	color: white;
	position: fixed;
	right:-2.2em;
	z-index: 2;
}

.toolbar_item_ChA_FontSize toolbar_cell,
.toolbar_item_ChA_ConnFontSize toolbar_cell
{
top: -5px;
position: relative;
}

.flow-chart-right-toolbar-prop
{
    float: right;
    width: auto;
    -ms-transform:rotate(270deg); 
    -moz-transform:rotate(270deg); 
    -webkit-transform:rotate(270deg); 
    -o-transform:rotate(270deg);
    
	right: -.02em;	
	position: relative;	
	top: 60px;
	text-transform: uppercase;
	z-index:1;
	padding: 6px;
	display: none;

    box-shadow: 0 4px 4px 0px rgba(0,0,0,.33);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


    .flow-chart-canvas {
        background-color:White;     
        display:inline-block;                       
        position:relative;              
    }
    
    .flow-chart-node {
        position:absolute;
        z-index:0;
        display:block;
        padding:5px;
        overflow:hidden;
        font-size:8px;  
        color:White;
	/*font-family: 'Montserrat-Regular';*/              
    }
    
    .flow-chart-actions {        
        display: block;        
        width:60px;
        height:20px;
        position:absolute;
    }
    
    .flow-chart-actions li {        
        display:inline-block;        
        width:20px;
        background-color: #FFFFFF;        
    }
    
    .flow-chart-actions li img {        
        display:block;        
        width:16px;
        height:16px;
        cursor:pointer;        
    }
    
    .connect-mode .action-connect img {        
        background-color: #BCBCBC;
        border: solid 1px #BCBCBC;
    }
    
    .flow-chart-connect-actions {        
        position: absolute;
        background-color: #FFFFFF;        
        display:block;
        max-height:15px;
        min-width:40px;
	/*font-family: 'Montserrat-Regular';*/        
    }
    
    .flow-chart-connect-actions img {        
        display:inline-block; 
        width:10px;
        height:10px;
        cursor:pointer;           
        margin: 2px;            
    }
    
    .flow-chart-connect-actions span {
        display:inline-block;
        margin-bottom: 3px;
       font-size:8px;
    }

.ui-menu li.item {
    margin:2px;
    padding: 2px;
    border: solid 1px white;
    width: 100px;
}

.ui-menu li.item:hover {
    background: #DADADA/*{bgColorHover}*/ url(../Images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    -moz-border-radius: 4px/*{cornerRadius}*/;
    -webkit-border-radius: 4px/*{cornerRadius}*/;
    -khtml-border-radius: 4px/*{cornerRadius}*/;
    border-radius: 4px/*{cornerRadius}*/;
}


/* ikonok */


div[class^="flowchart_toolbar"] {
    font-family: 'Themify';
    color: #333;
}

.flowchart_toolbar_home:before {
    content: '\e69b';
}
.flowchart_toolbar_center:before {
    content: '\e6f4';
}


.flowchart_toolbar_grid:before {
    content: "\e6ca";
}

.flowchart_toolbar_download {
    background-image:url(../Images/flowchart_toolbar_download.png) !important;
}

.flowchart_toolbar_zoom {
    background-image:url(../Images/flowchart_toolbar_zoom.png) !important;
}

.flowchart_toolbar_zoom_in:before {
    content: "\e611";
}

.flowchart_toolbar_zoom_out:before {
    content: "\e612";
}

.flowchart_toolbar_connection:before {
    content: "\e628";
}

.flowchart_toolbar_edit:before {
    content: "\e61d";
}

.flowchart_toolbar_new {
    background-image:url(../Images/flowchart_toolbar_edit.png) !important;
}

.flowchart_toolbar_font_size {
    background-image:url(../Images/flowchart_toolbar_font_size.png) !important;
}

.flowchart_toolbar_text_color:before {
    content: "\e61f";
}

.flowchart_toolbar_text_pos {
    background-image:url(../Images/flowchart_toolbar_text_pos.png) !important;
}

.flowchart_toolbar_trash:before {
    content: "\e605";
}

.flowchart_toolbar_brush:before {
    content: "\e650";
}

.flowchart_toolbar_pen {
    background-image:url(../Images/flowchart_toolbar_pen.png) !important;
}

.flowchart_toolbar_thickness:before {
    content: "\e615";
}

.flowchart_toolbar_style:before {
    content: "\e6e7";
    content: "\e6e6";
}

.flowchart_toolbar_arrow:before {
    content: "\e628";
}

.flowchart_toolbar_curve:before {
    content: "\e6d0";
}

.flowchart_toolbar_snap:before {
    content: "\e6ef";
}

.flowchart_toolbar_bg_color:before {
    content: "\e61f";
}

.flowchart_toolbar_bring_to_front:before {
    content: "\e66b";
}

.flowchart_toolbar_bring_to_back:before {
    content: "\e6a7";
}

.flowchart_toolbar_node_color:before {
    content: "\e6e8";
    background: red;
}

.flowchart_toolbar_font_family:before {
    content: "\e741";
}

.flowchart_toolbar_border_color:before {
    content: "\e6e8";
}

.flowchart_toolbar_conn_color:before {
    content: "\e622";
    content: "\e622";background: red;
}

.flowchart_toolbar_curve_style:before {
    content: "\e6d0";
}

.flowchart_toolbar_copy:before {
    content: "\e62f";
}

.flowchart_toolbar_paste:before {
    content: "\e6d5";
}

.flowchart_toolbar_undo:before {
    content: "\e6bd";
}

.flowchart_toolbar_redo:before {
    content: "\e6bc";
}

.flowchart_toolbar_align:before {
    content: "\e6c4";
}

/* smart map icons 
.smartmap_shape_sm_mapview {
    background-image:url(../Images/smartmap_shape_sm_mapview.png) !important;
}
    .smartmap_shape_sm_mapedit {
    background-image:url(../Images/smartmap_shape_sm_mapedit.png) !important;
}


    .smartmap_shape_sm_gotopage {
    background-image:url(../Images/smartmap_shape_sm_anchor.png) !important;
}
   .smartmap_shape_sm_anchor {
    background-image:url(../Images/smartmap_shape_sm_anchor.png) !important;
}
    .smartmap_shape_sm_drawing {
    background-image: url(../Images/smartmap_shape_sm_drawing.png) !important;
}

    .smartmap_shape_sm_image {
    background-image:url(../Images/smartmap_shape_sm_image.png) !important;
}

    .smartmap_shape_sm_link {
    background-image:url(../Images/smartmap_shape_sm_link.png) !important;
}

    .smartmap_shape_sm_solitem {
    background-image:url(../Images/smartmap_shape_sm_solitem.png) !important;
}

    
.smartmap_shape_sm_sysbl {
    background-image:url(../Images/smartmap_shape_sm_sysbl.png) !important;
}

    .smartmap_shape_sm_project {
    background-image:url(../Images/smartmap_shape_sm_project.png) !important;
}

    .smartmap_shape_sm_task {
    background-image:url(../Images/smartmap_shape_sm_task.png) !important;
}

    
.smartmap_shape_sm_doc {
    background-image:url(../Images/smartmap_shape_sm_doc.png) !important;
}
*/

.smartmap_shape_sm_mapview:before { content: "\e63d";}

.smartmap_shape_sm_mapedit:before {
    content: "\e61d";
}

.smartmap_shape_sm_gotopage:before {
    content: "\e732";
}

.smartmap_shape_sm_anchor:before {
    content: "\e632";
}

.smartmap_shape_sm_drawing:before {
    content: "\e6e0";
}

.smartmap_shape_sm_image:before {
    content: "\e633";
}

.smartmap_shape_sm_link:before {
    content: "\e62d";
}
.smartmap_shape_sm_solitem:before {
    content: "\e687";
}
.smartmap_shape_sm_sysbl:before {
    content: "\e69a";
}

.smartmap_shape_sm_project:before {
    content: "\e738";
}

.smartmap_shape_sm_task:before {
    content: "\e64d";
}

.smartmap_shape_sm_doc:before {
    content: "\e6b7";
}

.smartmap_shape_sm_datatable:before {
    content: "\e668";
}

.flowchart_shape_rect:before {
    content: "\e6ab";
}


.flowchart_shape_label:before {
    content: "\e672";
}

.smartmap_shape_sm_soliteminst {
    background-image: url(../Images/smartmap_shape_sm_soliteminst.png) !important;
}


.smartmap_shape_sm_children {
    background-image:url(../Images/smartmap_shape_sm_children.png) !important;
}

.flowchart_shape_circle:before {
    content: "\e724";
}


.flowchart_shape_document:before {
    content: "\e6a4";
}

.flowchart_shape_system:before {
    content: "\e6f0";
}


.flowchart_shape_rombus:before {
    content: "\e6ab";
    transform: rotate(-45deg);
}

.flowchart_shape_paralel:before {
    content: "";
    display: block;
    border: solid 1px black;
    border-left: 0;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px; /* 35px / 2 */
    transform: skew(-35deg);
    -o-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -webkit-transform: skew(-35deg);
}

.flowchart_shape_subprocess {
    background-image:url(../Images/flowchart_shape_subprocess.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_rect_shape:before {
    background-image:url(../Images/flowchart_shape_rect.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_circle_shape {
    background-image:url(../Images/flowchart_shape_circle.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_rombus_shape {
    background-image:url(../Images/flowchart_shape_rombus.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_label_shape {
    background-image:url(../Images/flowchart_shape_label.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_paralel_shape {
    background-image:url(../Images/flowchart_shape_paralel.png) !important;
    width:32px;
    height:32px;
}

.flowchart_shape_subprocess_shape {
    background-image:url(../Images/flowchart_shape_subprocess.png) !important;
    width:32px;
    height:32px;
}
.flowchart_combobox-triangle {
    background-image:url(../Images/flowchart_toolbar_font_size.png) !important;
}

/* color picker */

.jquery-colour-picker {
	background: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));

	width: 180px;
	padding: 10px 5px 5px 10px;

	border: 1px solid #666;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 4px;

	z-index: 99;
    top:82px!important;
}

	.jquery-colour-picker h2 {
		margin: 0 0 5px 0;
		font-size: 14px;
	}

	.jquery-colour-picker ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.jquery-colour-picker ul:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

		.jquery-colour-picker ul li {
			float: left;
			margin: 0 5px 5px 0;
		}

			.jquery-colour-picker ul li a {
				display: block;

				width: 13px;
				height: 13px;

				text-decoration: none;
				text-indent: -100000px;
				outline: 0;

				border: 1px solid #aaa;
			}

			.jquery-colour-picker ul li a:hover {
				border-color: #000;
			}





/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/


.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; border: 1px #eee solid !important; /*padding: 2px 0 0 0;*/ background-color: #ccc;}
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {width: var(--height-xxl); 
} /* button elements seem to need a little more width */

.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-image-shape {padding-left:4px; width: 160px;}
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { color: #333;padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    left: 24%;
    margin-left: 0;
}


.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

/* Component containers
----------------------------------*/
.ui-widget { /*font-family: Arial{ffDefault}*/; font-size: 12px/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*border: none;*/ }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../Images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }

/*.ui-widget-header */ /*RRR*/
.ui-dialog-titlebar.ui-widget-header {
    background-image: none;
    background: #fafafa;
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    border-bottom: 1px #eee solid;
    min-height: 16px;
    min-height: 40px;
}

.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/*flowchart toolbar text box and font size boxes white background*/
.ui-widget.ui-state-default.ui-corner-all.flow-chart-toolbar-textbox,
.ui-widget.ui-state-default.ui-corner-all.flow-chart-toolbar-short-textbox
{
    font-size: 11px;
    background: white;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	min-width: 4em;
	text-transform:none;
	padding: .8em;
	max-width: 30%;
    vertical-align: middle;
    min-height: 35px;
    border: 1px solid #eee !important;
}

#input_ChA_FontSize 
{
	line-height: 24px;
	padding: 0px;
}

/* Interaction states
----------------------------------*/
tr.jqgrow td 
{
    vertical-align: middle;
}

.ui-button.ui-state-default, .ui-button .ui-widget-content .ui-state-default, .ui-button .ui-widget-header .ui-state-default {
    color: #333;
    cursor: pointer;
    background: white;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {  }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ffffff/*{bgColorActive}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Accordion */
.accordion-group-head 
{
    cursor: pointer;
	padding: 3px 3px 3px 3px;
	font-size: var(--font-size-m);
	font-weight: normal;
	text-transform: uppercase;
	text-indent: -15px;
	margin-top: .5em;
	color: white;
	margin-bottom:0px;
    font-weight:bold;
    font-family: var(--font-4);
}

.accordion-group-content 
{
    display:none; 
}
.accordion-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

.accordion-arrow-down {
	width: 0; 
	height: 0; 
	border-right: 5px solid transparent;
	border-top: 5px solid white;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: #eee 1px solid; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../Images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */



/* 10x Czp 29 Nov 2022 - Icons changes
----------------------------------*/

/* Icons
----------------------------------*/

/* states and images new */
.ui-icon { width: 20px; height: 20px; text-indent: 0!important; }
.ui-state-active .ui-icon {background-image:none; }
.ui-state-highlight .ui-icon {background-image: none;}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: none/*{iconsError}*/; }

/* states and images OLD - 29 Nov 2022 
.ui-icon { width: 20px; height: 20px;  }
.ui-widget-header .ui-icon {}
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../Images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../Images/ui-icons_222222_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../Images/ui-icons_cd0a0a_256x240.png); }
*/
/* states and images */
.ui-icon {
    width: 20px;
    height: 20px;
}

.ui-state-active .ui-icon {
    background-image: url(../Images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(../Images/ui-icons_222222_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../Images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* states and images */
.ui-icon { width: 20px; height: 20px;  }
.ui-state-active .ui-icon {background-image: url(../Images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../Images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
.ui-icon:before {
    font-family: 'Themify';
    font-size: var(--font-size-l);
    color: #333;
}


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus {  }
.ui-icon-minus:before{ font-family:'FontAwesome';content:"\f00d";font-size:1.3em;}

.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {  }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {  }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {  }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {  }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../Images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../Images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }


.flow-chart-container .ui-button-icon-only, .flow-chart-container ui-button-text-icon-primary {margin: 0;}
.flow-chart-left-toolbar button  {margin: 0;font-weight:normal;}
.flow-chart-left-toolbar .ui-button-icon-only { width: 92px; height: 42px;}
.flow-chart-left-toolbar .ui-button .ui-button-text {
    padding: 0 0 0 25px;
    line-height: 1.0;
    font-size: 8px;
    text-align: left;
}
.flow-chart-left-toolbar .ui-button-icon-only .ui-icon { left: 0; margin-left: 4px; height: 32px; width: 32px;}

.flow-chart-right-toolbar button.ui-button-icon-only {height: 26px; border: #eee 1px solid;} /* button elements seem to need a little more width */


.flow-chart-right-toolbar .ui-button-icon-only .ui-icon:before, 
.ui-button-text-icon-primary .ui-icon:before, 
.ui-button-text-icon-secondary .ui-icon:before, 
.ui-button-text-icons .ui-icon:before, 
.ui-button-icons-only .ui-icon:before 
{ font-family: 'Themify';color: #333;}




.flow-chart-left-toolbar-tabs {
    border-bottom: 1px solid #ccc;
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 2px;
    font: 0.9em arial;
    width: 100%;
    margin-bottom: 10px;
    color: #383838;
    cursor: pointer;
}

.flow-chart-left-toolbar-tab {
	display: inline;
}

.flow-chart-left-toolbar-tab {
	border: 1px solid #ccc;
	width: 50%;
	padding: 4px 6px;
	text-decoration: none;
	background-color: #f2f2f2;
	border-bottom: none;
	outline: none;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}

.flow-chart-left-toolbar-tab:hover {
	background-color: #f8f8f8;
	padding: 4px 6px;
}

.flow-chart-left-toolbar-tab.tab-active {
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}

.flow-chart-left-toolbar-tab.tab-active:hover {
	background-color: #fdfdfd;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}



.chart_toolbar_cha_nodeedit { 
	display: table-cell;
}

.chart_toolbar_cha_nodedel { 
	display: table-cell;
}

chart_toolbar_cha_posx, chart_toolbar_cha_posy, chart_toolbar_cha_width, chart_toolbar_cha_height  { 
	display: table-cell;
}

.chart_toolbar_cha_bringtofront  { 
float:left;
left: 0; 
margin-left: 4px; 
height: 24px; 
width: 24px;
top: 10px;
}

.chart_toolbar_cha_bringtoback  { 
float:left;
left: 0; 
margin-left: 4px; 
height: 24px; 
width: 24px;
top: 10px;
}

.chart_toolbar_cha_conndel { 
float:left;
left: 0; 
margin-left: 4px; 
height: 24px; 
width: 24px;
top: 10px;
}


button.flowchart_toolbar_node_color   { 
float:left;
left: 0; 
margin-left: 4px; 
height: 24px; 
width: 24px;
top: 10px;
display:none;
}

button.flowchart_toolbar_font_family   { 
float:left;
left: 0; 
margin-left: 4px; 
height: 24px; 
width: 24px;
top: 10px;
display:none;
}

.toolbar_item_ChA_Label_Position {
    font-weight: bold;
} 

.toolbar_item_ChA_Label_PosX{
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.toolbar_item_ChA_PosX {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.toolbar_item_ChA_Label_PosY {
    width: 100px;
}

.toolbar_item_ChA_PosY {
    width: 100px;
}

.toolbar_item_ChA_Label_Width {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.toolbar_item_ChA_Width {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}


.toolbar_item_ChA_Label_Height {
    width: 100px;
}

.toolbar_item_ChA_Height {
    width: 100px;
}

.toolbar_item_ChA_Node_Label_Template, .toolbar_item_ChA_Label_Properties {
    font-weight: bold;
}

.toolbar_item_ChA_NodeTemplate {
    padding-left: 10px;
    width: 170px;
}

.toolbar_item_ChA_Label_Border_Width{
    font-weight: bold;
}

.toolbar_item_ChA_NodeBorderWidth {
    padding-left: 10px;
}

.toolbar_item_ChA_NodeColor_Label {
    font-weight: bold;
}

.toolbar_item_ChA_NodeColor {
    padding-left: 10px;
}

.toolbar_item_ChA_Label_Node_Text_Properties{
    font-weight: bold;
}

.toolbar_item_ChA_NodeTextColor {
    padding-left: 10px;
}


.toolbar_item_ChA_Conn_Label_Template {
    font-weight: bold;
}

.toolbar_item_ChA_Label_Conn_Properties, .toolbar_item_ChA_Label_Conn_Text_Properties, .toolbar_item_ChA_ConnTextColor {
    font-weight: bold;
}

.flowchart-toolbar-short-textbox {
    max-width: 30%;
}

.flowchart-toolbar-node-pos-x, .flowchart-toolbar-node-pos-y, .flowchart-toolbar-node-width, .flowchart-toolbar-node-height, .flowchart-toolbar-border-width, .flowchart-toolbar-opactiy, .flowchart-toolbar-font-size {
    width: 80px;
    border: #efefef 1px solid;
    background: #fafaf2;
}

.flowchart-toolbar-opactiy, .flowchart-toolbar-font-size {
    line-height: 16px;
}