/*GRAPH*/

/*FMA*/
.selection {
    stroke          : gray;
    stroke-width    : 1px;
    stroke-dasharray: 4px;
    stroke-opacity  : 0.5;
    fill            : transparent;
}
/*-----------------*/

.highlight {       
     fill: transparent;   
    stroke-width: 3px;
    stroke: #55D4FF;  
}

.draghover:hover > .highlight {
  display: inline;
}

.draghover > .highlight {
  display: none;
}

.sit-flow-graph-axis line {
    fill: none;
    stroke: #ddd;
    shape-rendering: crispEdges;
    stroke-width: 1px;
    opacity: 0.4;
    pointer-events: none;
}

/*TOOLBOX*/
.sit-flow-toolbox-item {
    margin-left: 10px;
    cursor: move;
    display: flex;
}

.sit-flow-toolbox-item-tiles {
    float: left;
}

.sit-flow-toolbox-item-list {
}

.sit-flow-toolbox-item-label {
    margin-top: 10px;
    margin-left: 10px;
}

.sit-flow-toolbox-header {
    font-size: 16px;
    text-align: center;
    display: flex;
    margin: 0 10px;
}

.sit-flow-toolbox-header-mode-switcher {
    width: 20px;
}

.sit-flow-toolbox-header-label {
    flex-grow: 1;
    color: white;
}

.sit-flow-toolbox-collapse-arrow {
    float: right;
    margin-right: 5px;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
     margin-top: 3px;
}

.sit-flow-toolbox-group-label {
    margin-left: 10px;
}

.sit-flow-toolbox-group-header {
    margin: 5px 0;
    border: solid;
    border-width: 1px 0 0 0;
    border-color: black;
}

.sit-flow-toolbox-group-content {
    display: inline-block;
}

.sit-flow-toolbox-content {
     border-left-width: 1px;
     border-right-width: 1px;
}

.sit-flow-toolbox-tooltip {
    position: absolute;
    border: solid 1px;
    border-radius: 3px;
    opacity: 0.6;
}

.sit-flow-toolbox-tooltip-label {
    text-align: center;
}


/*TOOLBAR*/
.sit-flow-toolbar {
	float:right;
}

.sit-flow-toolbar-container {
    height: 40px;
    /* remove the possibility to make a selection clicking on toolbar button */
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.icon-hover:hover{
    color: red;    
}

.sit-flow-toolbar-element {
    margin: 0 5px;
    font-size: 24pt !important;
}

.sit-flow-toolbar-separator {
    font-size: 35px;
}

.sit-flow-toolbar-toggle-down {
    border: solid;
    border-width: 2px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-color:  #2882a0;
}

.sit-flow-toolbar-toggle-up {
    border: solid;
    border-width: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: transparent;
}

/*PROPERTY GRID*/
.sit-flow-propertygrid {
}

.sit-flow-propertygrid-title {
    padding: 10px 0;
    font-size: 20px;
    text-align: center;
}

/*GRAPH*/
.sit-flow-selection-rect {
    stroke-dasharray: 5,5;
    stroke-width: 1px;
    fill: transparent;
    stroke: #2882A0;
}

.sit-flow-selected-edge {
    stroke-width: 3px;
    stroke: orange
}

.sit-flow-selection-ghost-rect {
    stroke-width: 1px;
    fill: transparent;
    stroke: black;
    stroke-dasharray: 5,5;
}

.sit-flow-rename-button {
    stroke: black;
    stroke-width: 1px;
    fill: white;
    font-family: FontAwesome;
}

.sit-flow-link-ok-rect {
    stroke: green;
    stroke-width: 3px;
    fill: transparent;
}

.sit-flow-link-no-rect {
    stroke: red;
    stroke-width: 3px;
    fill: transparent;
}

.sit-flow-anchor {
    fill: #55D4FF;
}

/*MISC*/
.sit-flow-clickable {
    cursor: pointer;
}


.drag {
    background-color: transparent;
}

/* sortable */
.sortableList {
	list-style: none outside none;
	margin: 40px 0 30px;
}

.sortableItem {
	width: 300px;
    height: 50px;
	padding: 5px 10px;
	margin: 5px 0;
	border: 2px solid #C9D7E6;
	border-radius: 5px;
	background-color: #C9D7E6;
    color: #39577c;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	cursor: move;
}

.geometricTools_DrawError_icon_class {
    fill :#FFe600;
}

.geometricTools_DrawError_icon_class_background {
    fill :#505a64;
}

.geometricTools_DrawError_icon_class.display_none, .geometricTools_DrawError_icon_class_background.display_none {
    display: none;
}