.wisePanelChartMode
{
    display: flex;
    height: 100%;
    min-height: 0;
}

.wisePanelChartInputBlock {
    flex: 1;
    min-width: 0;
	overflow: auto;
}


#wisePanelChartInflectionsView
{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.wisePanelChartSection
{
    flex: 1;
    min-height: 0;
    overflow: auto;
}



/* #wisePanelChartChartSection
{
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: auto;
} */

#wisePanelChartChartDisplayArea
{
    width: max-content;
    min-width: 100%;
}

#wiseChartScreenChartTable
{
    border-collapse: collapse;
	text-align: center;
}

.wiseChartScreenChartHeaderX,
.wiseChartScreenChartHeaderY,
.wisePoliteFormPlainFormTableTextarea{
	min-width: 200px !important;
	padding: 5px !important;
	margin: 0 !important;
}
.wiseChartScreenChartHeaderY{
	max-width: 200px;
}

.wisePanelChartButtonsSection{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#wisePanelChartDropDownMenuSelect{
	text-align: center;
}

#wisePanelChartInflectionsList{
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
}

.wisePanelChartInflectionsItem{
	text-align: left;
	margin: 0 0 10px 20px;
}

.wisePanelChartInflectionsCheckbox{
	transform: scale(2);
	margin: 0 20px 0 0;
}


#wisePanelChartChartView {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

#wisePanelChartChartButtonsSection {
    flex-shrink: 0;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.wisePoliteFormPlainFormTableTd{
	display: flex;
	justify-content: center;
	align-items: center;
}

.wisePoliteFormPlainFormTableTd > div{
	margin: 0 5px;
}

#wisePoliteFormPlainFormButtonExitSection{
	height: 10%;
}
#wisePoliteFormPlainFormButtonExit{
	margin: 20px 0 0 0;
}

#plainformQuizTableSection{
	margin-bottom: 50px;
}

#plainformQuizTable *{
	font: var(--main-font-size-1) var(--main-font-family-1);
}

.plainformQuizTableAnswersDiv{
	font: var(--main-font-size-1) var(--main-font-family-1) !important;
	background-color:var(--main-color-6);
}
.plainformContainers{
	display: flex;
	justify-content: center;
	align-items: center;
}
.plainformQuizTableTextarea,
.wisePanelChartTextarea{
	font-family: var(--main-font-family-1) !important;
	margin: 2px 0;
	padding: 2px;
	resize: none;
	line-height: 1.2;
	height: 50px;
	overflow: hidden;
}
.plainformQuizTableTextarea.empty{
	border: 1px solid red;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
FLOW TREE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.wisePanelFlowTextarea,
.wisePanelTreeTextarea {
    min-width: 160px;
    min-height: 50px;
    white-space: pre-wrap;
    border: 1px solid #333;
    padding: 7px 3px;
    box-sizing: border-box;
    line-height: 1.2;
    resize: none;
    overflow: hidden;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
FLOW
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.wisePanelChartFlowDisplayArea {
    position: relative;
    min-width: 1200px;
    min-height: 800px;
}

.wisePanelChartFlowSvg {
    position: absolute;
    left: 0;
    top: 0;
    width: 3000px;
    height: 3000px;
    pointer-events: none;
    overflow: visible;
}

.wisePanelChartFlowLine {
    fill: none;
    stroke: #333;
    stroke-width: 2;
}

.wisePanelChartFlowNode {
    position: absolute;
    display: inline-block;
}

.wisePanelChartFlowAddButton {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
}

.wisePanelChartFlowAddButtonRight {
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.wisePanelChartFlowAddButtonDown {
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
}

.wisePanelChartFlowEdgeLabel {
    position: absolute;
    width: 80px;
    text-align: center;
    z-index: 2;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
TREE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

.wisePanelChartTreeDisplayArea {
    position: relative;
    min-width: 1200px;
    min-height: 800px;
}

.wisePanelChartTreeSvg {
    position: absolute;
    left: 0;
    top: 0;
    width: 3000px;
    height: 3000px;
    pointer-events: none;
    overflow: visible;
}

.wisePanelChartTreeLine {
    fill: none;
    stroke: #333;
    stroke-width: 2;
}

.wisePanelChartTreeNode {
    position: absolute;
    display: inline-block;
}

.wisePanelChartTreeAddButton {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
}