/**
 * Mind Map
 * =========================================== */
:root {
	--mindmap-unit: 44px;
	--mindmap-from-center: calc( ( var(--mindmap-unit) * 3 ) + ( var(--mindmap-unit) / 2 ) );
}
.utp-mindmap-container {
	display: flex;
	width: 100%;
	min-height: calc( 100vh - 168px );
}
.utp-mindmap {
	position: relative;
	text-align: center;
	padding: 44px 9px 44px;
	flex: 1;
	background-color: #f3f4f5;
	background-image: url(../../images/mindmap-pattern.png);
	background-position: top center;
	background-repeat: repeat;
}
.utp-mindmap__row {
	margin-left: -10px;
	margin-right: -10px;
	display: flex;
	justify-content: center;
}
.utp-mindmap__row + .utp-mindmap__row {
	padding-top: 44px;
}
.utp-mindmap__col {
	padding-left: 22px;
	padding-right: 22px;
}
.utp-mindmap__block {
	border: 0;
	text-align: left;
	padding: 0 10px 0 0;
	width: 220px;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
				0px 4px 5px 0px rgba(0, 0, 0, 0.14),
				0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	transition: all .3s;
}
.utp-mindmap__block-default {
	background-color: #eee;
}
.utp-mindmap__block-light {
	background-color: #fff;
}
.utp-mindmap__block-danger {
	background-color: #fcebeb;
}
.utp-mindmap__block-succes {
	background-color: #edf8ee;
}
.utp-mindmap__block:hover,
.utp-mindmap__block:focus-within {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
				0px 2px 4px -1px rgba(0, 0, 0, 0.2),
				0px 4px 5px 0px rgba(0, 0, 0, 0.14),
				0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.utp-mindmap__block.active {
	box-shadow: 0 0 0 2px #32373c;
}
.utp-mindmap__icon {
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	width: 44px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-top: -1px;
	margin-right: -4px;
}
.utp-mindmap__icon > img {
	width: 14px;
	height: 14px;
	filter: contrast(0.5);
}
.utp-mindmap__block .utp-mindmap__icon:hover > img {
	opacity: .5;
}
.utp-mindmap__icon[data-toggle]:hover {
	color: #00a0d2;
}
.utp-mindmap__block-text {
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word;
	white-space: normal;
	line-height: 1.2;
}
.utp-mindmap__block-text:not(.has-link) {
	pointer-events: none;
}
.utp-mindmap__block-text:first-child {
	padding-left: 15px;
}
.utp-mindmap__block-text:focus {
	outline: none;
	background-color: #fff;
}
.utp-mindmap__block-text > a {
	color: #333;
}
.utp-mindmap__block-text > a:hover,
.utp-mindmap__block-text > a:focus {
	text-decoration: none;
}

/* Actions */
.utp-mindmap__block .blog-post__actions {
	right: -12px;
	margin-top: -12px;
}
.utp-mindmap__block .blog-post__action-button {
	background-color: #ddd;
	color: #32373c;
	font-size: 16px;
	width: 24px;
	height: 24px;
	line-height: 25px;
	opacity: 0;
	visibility: hidden;
}
.utp-mindmap__block:hover .blog-post__action-button {
	opacity: 1;
	visibility: visible;
}
.utp-mindmap__block .blog-post__action-button:hover {
	background-color: #00b9eb;
	color: #fff;
}
.utp-mindmap__block .blog-post__actions-dropdown {
	right: -30px;
}

/* Pointer Buttons */
.mindmap-btn {
	position: absolute;
	z-index: 10;
	width: 17px;
	height: 17px;
	border: 1px solid #82878c;
	background-color: #82878c;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s;
}
.mindmap-btn:hover,
.mindmap-btn.hover {
	border-color: #32373c;
	background-color: #32373c;
}
.mindmap-btn.active:hover,
.mindmap-btn.active.hover {
	background-color: #d0d6dc;
}
.mindmap-btn.danger {
	border-color: #ef9a9a;
	background-color: #ef9a9a;
}
.mindmap-btn.danger:hover,
.mindmap-btn.danger.hover {
	border-color: #f44336;
	background-color: #f44336;
}
.mindmap-btn.danger.active:hover,
.mindmap-btn.danger.active.hover {
	background-color: #ffcdc9;
}
.mindmap-btn.success {
	border-color: #35d8ba;
	background-color: #35d8ba;
}
.mindmap-btn.success:hover,
.mindmap-btn.success.hover {
	border-color: #00bd9b;
	background-color: #00bd9b;
}
.mindmap-btn.success.active:hover,
.mindmap-btn.success.active.hover {
	background-color: #9be8da;
}
.mindmap-btn.active {
	background-color: #fff;
}

.mindmap-btn.top {
	top: -9px;
}
.mindmap-btn.bottom {
	bottom: -9px;
}
.mindmap-btn.center {
	left: 50%;
	margin-left: -9px;
}
.mindmap-btn.center-inverse {
	right: 50%;
	margin-right: -9px;
}
.mindmap-btn.right-132 {
	right: 124px;
}
.mindmap-btn.left-132 {
	left: 124px;
}
.utp-mindmap__block.active .mindmap-btn {
	border-color: #32373c;
}
.utp-mindmap__block.active .mindmap-btn:hover {
	background-color: #c9d2da;
}

/* Lines */
.mindmap-line {
	display: block;
	position: absolute;
	z-index: 9;
	background-color: #82878c;
	min-width: 1px;
	min-height: 1px;
	transition: all .3s;
}
.mindmap-line:hover,
.mindmap-line.hover {
	box-shadow: 0 0 2px 1px #82878c;
}
.mindmap-line.active {
	background-color: #32373c;
}
.mindmap-line.active:hover,
.mindmap-line.active.hover {
	box-shadow: 0 0 2px 1px #32373c;
}
.mindmap-line.danger {
	background-color: #ef9a9a;
}
.mindmap-line.danger.active {
	background-color: #f44336;
}
.mindmap-line.danger:hover,
.mindmap-line.danger.hover {
	box-shadow: 0 0 2px 1px #ef9a9a;
}
.mindmap-line.danger.active:hover {
	box-shadow: 0 0 2px 1px #f44336;
}
.mindmap-line.success {
	background-color: #35d8ba;
}
.mindmap-line.success.active {
	background-color: #00bd9b;
}
.mindmap-line.success:hover,
.mindmap-line.success.hover {
	box-shadow: 0 0 2px 1px #35d8ba;
}
.mindmap-line.success.active:hover {
	box-shadow: 0 0 2px 1px #00bd9b;
}
.mindmap-line:before {
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -8px;
	right: -8px;
	border-radius: 8px;
}

/* height */
.mindmap-line.h-22 {
	height: 22px;
}
.mindmap-line.h-44 {
	height: 44px;
	top: 100%;
}
.mindmap-line.center {
	left: 50%;
	margin-left: -1px;
}
.mindmap-line.center-inverse {
	right: 50%;
}

/* Width */
.mindmap-line.w-110 {
	width: 110px;
}
.mindmap-line.w-220 {
	width: 220px;
}
.mindmap-line.w-264 {
	width: 264px;
}
.mindmap-line.to-right {
	left: 0;
}
.mindmap-line.left-center {
	left: 50%;
}.mindmap-line.top-44 {
	top: 44px;
}
.mindmap-line.top-66 {
	top: 66px;
}
/* Left */
.mindmap-line.left-44 {
	left: 44px;
}
.mindmap-line.left-88 {
	left: 88px;
}
.mindmap-line.left-132 {
	left: 132px;
}
.mindmap-line.left-242 {
	left: 242px;
}
/* Right */
.mindmap-line.right-44 {
	right: 44px;
}
.mindmap-line.right-88 {
	right: 88px;
}
.mindmap-line.right-132 {
	right: 132px;
}
.mindmap-line.right-242 {
	right: 242px;
}
/* Top */
.mindmap-line.top-44 {
	top: 44px;
}
.mindmap-line.top-66 {
	top: 66px;
}

/* Tools */
.utp-mindmap__tools {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	pointer-events: none;
}
.utp-mindmap__tools > span {
	position: absolute;
}
.utp-mindmap__tools .vertical-line {
	top: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 44px;
	background-color: #82878c;
}
.utp-mindmap__tools .vertical-line:before,
.utp-mindmap__tools .vertical-line:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid #82878c;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	left: -3px;
}
.utp-mindmap__tools .vertical-line.half {
	height: 22px;
}
.utp-mindmap__tools .vertical-line:before {
	top: -3px;
}
.utp-mindmap__tools .vertical-line:after {
	bottom: -3px;
}
.utp-mindmap__tools .vertical-line.half:after {
	content: none;
}
.utp-mindmap__tools .horizontal-line {
	position: absolute;
	top: 21px;
	width: 264px;
	height: 1px;
	background-color: #82878c;
}
.utp-mindmap__tools .horizontal-line.toleft {
	right: 0;
}
.utp-mindmap__tools .horizontal-line.toright {
	left: 0;
}
.utp-mindmap__tools .horizontal-line:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border: 1px solid #82878c;
	background-color: #82878c;
	position: absolute;
	border-radius: 50%;
	top: -2px;
}
.utp-mindmap__tools .horizontal-line.toleft:before {
	left: -2px;
}
.utp-mindmap__tools .horizontal-line.toright:before {
	right: -3px;
}
.utp-mindmap__tools .vertical-line__split-toleft,
.utp-mindmap__tools .vertical-line__split-toright,
.utp-mindmap__tools .vertical-line__split-toleft-bottom,
.utp-mindmap__tools .vertical-line__split-toright-bottom {
	position: absolute;
	width: 1px;
	height: 22px;
	top: 0;
	background-color: #82878c;
}
.utp-mindmap__tools .vertical-line__split-toleft {
	right: 30px;
	top: 0;
}
.utp-mindmap__tools .vertical-line__split-toright {
	left: 30px;
	top: 0;
}
.utp-mindmap__tools .vertical-line__split-toleft-bottom {
	top: 22px;
	right: 95px;
}
.utp-mindmap__tools .vertical-line__split-toright-bottom {
	top: 22px;
	left: 95px;
}
.utp-mindmap__tools .vertical-line__split-toleft:before,
.utp-mindmap__tools .vertical-line__split-toright:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid #82878c;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	left: -3px;
}
.utp-mindmap__tools .vertical-line__split-toleft:before,
.utp-mindmap__tools .vertical-line__split-toright:before {
	top: -3px;
}
.utp-mindmap__tools .horizontal-line__split-toleft,
.utp-mindmap__tools .horizontal-line__split-toright {
	position: absolute;
	width: 65px;
	height: 1px;
	top: 22px;
	background-color: #82878c;
}
.utp-mindmap__tools .horizontal-line__split-toleft {
	right: 30px;
}
.utp-mindmap__tools .horizontal-line__split-toright {
	left: 30px;
}
.utp-mindmap__tools .vertical-line__split-toleft-bottom:after,
.utp-mindmap__tools .vertical-line__split-toright-bottom:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid #82878c;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	left: -3px;
}
.utp-mindmap__tools .vertical-line__split-toleft-bottom:after,
.utp-mindmap__tools .vertical-line__split-toright-bottom:after {
	bottom: -3px;
}
.utp-mindmap__tools > span.danger {
	background-color: #dc3232;
}
.utp-mindmap__tools > span.success {
	background-color: #00bd9b;
}
.utp-mindmap__tools > span.danger:before,
.utp-mindmap__tools > span.danger:after {
	border-color: #dc3232;
}
.utp-mindmap__tools > span.success:before,
.utp-mindmap__tools > span.success:after {
	border-color: #00bd9b;
}

/* Sidebar */
.buttons-group-mindmap .btn {
	text-align: left;
	background-color: #eee;
	margin-bottom: 7px;
	width: 220px;
	height: 44px;
	line-height: 44px;
	padding: 0 9px 0 0;
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2),
				0px 2px 3px 0px rgba(0, 0, 0, 0.14),
				0 0 5px 0px rgba(0, 0, 0, 0.12);
}
.buttons-group-mindmap .btn:hover {
	background-color: #eee;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
				0px 1px 2px -1px rgba(0, 0, 0, 0.2),
				0px 2px 3px 0px rgba(0, 0, 0, 0.14),
				0 0 5px 0px rgba(0, 0, 0, 0.12);
}
.buttons-group-mindmap .btn > i {
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	width: 44px;
	margin-left: -15px;
	display: inline-block;
	text-align: center;
}

/* Arrows */
.utp-mindmap__arrows {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.utp-mindmap__arrow {
	position: absolute;
	top: 0;
	left: 0;
}
.utp-mindmap__arrow-one > span {
	display: block;
	width: 1px;
	height: 39px;
	background-color: #82878c;
}
.utp-mindmap__arrow > span:before {
	content: '';
	position: absolute;
	bottom: -2px;
	transform: translateX(-45%);
	display: block;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 12px solid #82878c;
}
.utp-mindmap__arrow-two {
	top: auto;
	bottom: -20px;
	left: -115px;
	width: 230px;
	height: 1px;
	background-color: #82878c;
}
.utp-mindmap__arrow-two:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 20px;
	background-color: #82878c;
}
.utp-mindmap__arrow-two > span {
	display: block;
	width: 1px;
	height: 20px;
	background-color: #82878c;
	position: absolute;
}
.utp-mindmap__arrow-two > span:first-child {
	left: 0;
}
.utp-mindmap__arrow-two > span:last-child {
	right: 0;
}
.utp-mindmap__arrow-two-left {
	left: -230px;
}
.utp-mindmap__arrow-two-left:before {
	left: auto;
	right: 0;
}
.utp-mindmap__arrow-two-right {
	left: 0;
}
.utp-mindmap__arrow-two-right:before {
	left: 0;
}

/* Mindmap Sidebar */
.utp-mindmap-sidebar {
	width: 255px;
	margin-right: 0;
	border-right: 1px solid #e3e4e8;
}
.utp-mindmap-sidebar .widget .utp-tabs {
	margin-bottom: 10px;
}

/* Custom elements */
.utp-mindmap-2 {
	height: 900px;
}
.utp-mindmap-2 .utp-mindmap__block {
	position: absolute;
}
.utp-mindmap__block-1 {
	top: var(--mindmap-unit);
	right: 50%;
	margin-right: var(--mindmap-from-center);
}
.utp-mindmap__block-2 {
	top: var(--mindmap-unit);
	left: 50%;
	margin-left: var(--mindmap-from-center);
}
.utp-mindmap__block-3 {
	top: var(--mindmap-unit);
	left: 50%;
	margin-left: calc( -1 * ( ( var(--mindmap-unit) * 5 ) / 2 ) );
}
.utp-mindmap__block-4 {
	top: calc( var(--mindmap-unit) * 5 );
	left: 50%;
	margin-left: var(--mindmap-from-center);
}
.utp-mindmap__block-5 {
	top: calc( var(--mindmap-unit) * 3 );
	left: 50%;
	margin-left: calc( -1 * ( ( var(--mindmap-unit) * 5 ) / 2 ) );
}
.utp-mindmap__block-6 {
	top: calc( var(--mindmap-unit) * 11 );
	right: 50%;
	margin-right: var(--mindmap-from-center);
}
.utp-mindmap__block-7 {
	top: calc( var(--mindmap-unit) * 8 );
	left: 50%;
	margin-left: var(--mindmap-from-center);
}
.utp-mindmap__block-8 {
	top: calc( var(--mindmap-unit) * 4 );
	right: 50%;
	margin-right: var(--mindmap-from-center);
}
.utp-mindmap__block-9 {
	top: calc( var(--mindmap-unit) * 11 );
	left: 50%;
	margin-left: calc( -1 * ( ( var(--mindmap-unit) * 5 ) / 2 ) );
}
.utp-mindmap__block-10 {
	top: calc( var(--mindmap-unit) * 5 );
	left: 50%;
	margin-left: calc( -1 * ( ( var(--mindmap-unit) * 5 ) / 2 ) );
}
.utp-mindmap__block-11 {
	top: calc( var(--mindmap-unit) * 7 );
	left: 50%;
	margin-left: calc( -1 * ( ( var(--mindmap-unit) * 5 ) / 2 ) );
}

.utp-mindmap__draw {
	position: absolute;
	z-index: 1;
	height: var( --mindmap-unit);
	top: 0;
	left: 50%;
	pointer-events: none;
}
.utp-mindmap__draw .line {
	position: absolute;
	background-color: #82878c;
	width: 1px;
	height: 1px;
}
.utp-mindmap__draw .line > .point {
	display: block;
	width: 17px;
	height: 17px;
	border: 1px solid #82878c;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
}
.utp-mindmap__draw .line > .arrow {
	width: 1px;
	height: 1px;
	display: block;
	position: absolute;
	top: 100%;
	margin-top: 0;
}
.utp-mindmap__draw .line > .arrow:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 7px solid #82878c;
	position: absolute;
	left: -3px;
	top: -1px;
}
.utp-mindmap__draw .line > .intersect {
	position: absolute;
	width: 1px;
	height: 1px;
	background-color: #82878c;
	display: block;
}
.utp-mindmap__draw .line > .intersect.vertical {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 5px;
	top: -2px;
}
.utp-mindmap__draw .line > .intersect.horizontal {
	width: 5px;
	left: -2px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.utp-mindmap__block-1 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 22px;
}
.utp-mindmap__block-1 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-1 .utp-mindmap__draw .line-2 {
	top: calc(var(--mindmap-unit) + ( var(--mindmap-unit) / 2 ) );
	width: calc(var(--mindmap-unit) * 3 );
}
.utp-mindmap__block-1 .utp-mindmap__draw .line-3 {
	bottom: calc( -1 * ( var(--mindmap-unit) / 2 ) );
	height: calc(var(--mindmap-unit) * 2 );
	left: calc(var(--mindmap-unit) * 3 );
}
.utp-mindmap__block-1 .utp-mindmap__draw .line-4 {
	top: calc( -1 * ( var(--mindmap-unit) / 2 ) );
	width: calc(var(--mindmap-unit) * 9 );
	left: calc(var(--mindmap-unit) * 3 );
}
.utp-mindmap__block-1 .utp-mindmap__draw .line-5 {
	top: calc( -1 * ( var(--mindmap-unit) / 2 ) );
	height: calc(var(--mindmap-unit) / 2 );
	left: calc(var(--mindmap-unit) * 12 );
}

.utp-mindmap__block-2 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 11px;
}
.utp-mindmap__block-2 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-2 .utp-mindmap__draw .line-2 {
	top: 55px;
	width: 132px;
	right: 0;
}
.utp-mindmap__block-2 .utp-mindmap__draw .line-3 {
	bottom: -11px;
	height: 66px;
	right: calc(var(--mindmap-unit) * 3 );
}
.utp-mindmap__block-2 .utp-mindmap__draw .line-4 {
	top: calc( -1 * ( var(--mindmap-unit) / 4 ) );
	width: calc(var(--mindmap-unit) * 3 );
	right: calc(var(--mindmap-unit) * 3 );
}
.utp-mindmap__block-2 .utp-mindmap__draw .line-5 {
	top: calc( -1 * ( var(--mindmap-unit) / 4 ) );
	height: calc(var(--mindmap-unit) / 4 );
	right: calc(var(--mindmap-unit) * 6 );
}

.utp-mindmap__block-3 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 22px;
}
.utp-mindmap__block-3 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-3 .utp-mindmap__draw .line-2 {
	top: 66px;
	width: 264px;
	left: 0;
}
.utp-mindmap__block-3 .utp-mindmap__draw .line-3 {
	top: 66px;
	height: 110px;
	left: 264px;
}

.utp-mindmap__block-4 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 22px;
}
.utp-mindmap__block-4 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-4 .utp-mindmap__draw .line-2 {
	top: 66px;
	width: 121px;
	right: 0;
}
.utp-mindmap__block-4 .utp-mindmap__draw .line-3 {
	bottom: -22px;
	height: 165px;
	right: 121px;
}
.utp-mindmap__block-4 .utp-mindmap__draw .line-4 {
	bottom: 142px;
	width: 143px;
	right: 121px;
}
.utp-mindmap__block-4 .utp-mindmap__draw .line-5 {
	bottom: 132px;
	height: 11px;
	right: 263px;
}

.utp-mindmap__block-5 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 22px;
}
.utp-mindmap__block-5 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-5 .utp-mindmap__draw .line-2 {
	top: 66px;
	width: 121px;
	right: 0;
}
.utp-mindmap__block-5 .utp-mindmap__draw .line-3 {
	top: 66px;
	height: 264px;
	right: 121px;
}
.utp-mindmap__block-5 .utp-mindmap__draw .line-4 {
	top: 330px;
	width: 143px;
	right: 121px;
}
.utp-mindmap__block-5 .utp-mindmap__draw .line-5 {
	top: 330px;
	height: 22px;
	right: 263px;
}

.utp-mindmap__block-6 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 33px;
}
.utp-mindmap__block-6 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-6 .utp-mindmap__draw .line-2 {
	top: 77px;
	width: 407px;
	left: 0;
}
.utp-mindmap__block-6 .utp-mindmap__draw .line-3 {
	bottom: -33px;
	height: 231px;
	left: 407px;
}
.utp-mindmap__block-6 .utp-mindmap__draw .line-4 {
	bottom: 197px;
	width: 123px;
	left: 407px;
}
.utp-mindmap__block-6 .utp-mindmap__draw .line-5 {
	bottom: 176px;
	height: 22px;
	left: 530px;
}

.utp-mindmap__block-7 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 22px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-2 {
	top: 66px;
	width: 396px;
	right: 0;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-2 .intersect-1 {
	right: 120px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-2 .intersect-2 {
	right: 385px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-3 {
	bottom: -22px;
	height: 264px;
	right: 396px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-4 {
	bottom: 242px;
	width: 132px;
	right: 396px;
}
.utp-mindmap__block-7 .utp-mindmap__draw .line-5 {
	bottom: 220px;
	height: 22px;
	right: 527px;
}

.utp-mindmap__block-8 .utp-mindmap__draw .line-1 {
	top: 100%;
	height: 231px;
}
.utp-mindmap__block-8 .utp-mindmap__draw .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-8 .utp-mindmap__draw .line-2 {
	top: 275px;
	width: 265px;
	left: 0;
}
.utp-mindmap__block-8 .utp-mindmap__draw .line-2 .intersect-1 {
	left: 142px;
}
.utp-mindmap__block-8 .utp-mindmap__draw .line-3 {
	top: 275px;
	height: 33px;
	left: 265px;
}

.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-1 {
	top: 100%;
	height: 11px;
	left: 44px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-2 {
	top: 55px;
	width: 77px;
	left: 44px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-3 {
	bottom: -11px;
	height: 243px;
	left: 120px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-3 .intersect-1 {
	bottom: 120px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-4 {
	bottom: 231px;
	width: 121px;
	left: 0;
}
.utp-mindmap__block-9 .utp-mindmap__draw-1 .line-5 {
	bottom: 220px;
	height: 11px;
	left: 0;
}

.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-1 {
	top: 100%;
	height: 22px;
	right: 44px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-2 {
	top: 66px;
	width: 175px;
	left: -44px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-3 {
	bottom: -22px;
	height: 341px;
	left: 131px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-3 .intersect-1 {
	bottom: 131px;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-4 {
	bottom: 319px;
	width: 132px;
	left: 0;
}
.utp-mindmap__block-9 .utp-mindmap__draw-2 .line-5 {
	bottom: 308px;
	height: 11px;
	left: 0;
}

.utp-mindmap__block-example-1 {
	position: absolute;
	top: calc( var(--mindmap-unit) * 16 );
	right: 50%;
	margin-right: 330px;
	height: 1px;
	width: 44px;
	background-color: #82878c;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-1 .line-1 {
	top: 0;
	height: 77px;
	left: -11px;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-2 .line-1 {
	top: 0;
	height: 66px;
	left: 0;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-3 .line-1 {
	top: 0;
	height: 55px;
	left: 11px;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-1 .line-1 .point,
.utp-mindmap__block-example-1 .utp-mindmap__draw-2 .line-1 .point,
.utp-mindmap__block-example-1 .utp-mindmap__draw-3 .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-1 .line-2 {
	top: 77px;
	width: 110px;
	left: -11px;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-2 .line-2 {
	top: 66px;
	width: 88px;
	left: 0;
}
.utp-mindmap__block-example-1 .utp-mindmap__draw-3 .line-2 {
	top: 55px;
	width: 66px;
	left: 11px;
}

.utp-mindmap__block-example-2 {
	position: absolute;
	top: calc( var(--mindmap-unit) * 16 );
	right: 50%;
	margin-right: 200px;
	height: 1px;
	width: 44px;
	background-color: #82878c;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-1 .line-1 {
	top: 0;
	height: 77px;
	left: -11px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-2 .line-1 {
	top: 0;
	height: 66px;
	left: 0;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-3 .line-1 {
	top: 0;
	height: 99px;
	left: 11px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-3 .line-1 .intersect-1 {
	top: 66px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-3 .line-1 .intersect-2 {
	top: 75px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-1 .line-1 .point,
.utp-mindmap__block-example-2 .utp-mindmap__draw-2 .line-1 .point,
.utp-mindmap__block-example-2 .utp-mindmap__draw-3 .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-1 .line-2 {
	top: 77px;
	width: 110px;
	left: -11px;
}
.utp-mindmap__block-example-2 .utp-mindmap__draw-2 .line-2 {
	top: 66px;
	width: 88px;
	left: 0;
}

.utp-mindmap__block-example-3 {
	position: absolute;
	top: calc( var(--mindmap-unit) * 16 );
	right: 50%;
	margin-right: 66px;
	height: 1px;
	width: 44px;
	background-color: #82878c;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-1 .line-1 {
	top: 0;
	height: 77px;
	left: -11px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-2 .line-1 {
	top: 0;
	height: 66px;
	left: 0;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 {
	top: 0;
	height: 99px;
	left: 11px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 .intersect-1 {
	top: 66px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 .intersect-2 {
	top: 75px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-1 .line-1 .point,
.utp-mindmap__block-example-3 .utp-mindmap__draw-2 .line-1 .point,
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 .point {
	top: -8px;
	left: -8px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-1 .line-2 {
	top: 77px;
	width: 110px;
	left: -11px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-2 .line-2 {
	top: 66px;
	width: 88px;
	left: 0;
}

.utp-mindmap__draw .intersect-conect {
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	background-color: #82878c;
	border-radius: 50%;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 .intersect-1 {
	top: 64px;
	left: -2px;
}
.utp-mindmap__block-example-3 .utp-mindmap__draw-3 .line-1 .intersect-2 {
	top: 75px;
	left: -2px;
}

.utp-mindmap__block-statuses {
	width: 660px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.utp-mindmap__block-statuses .mindmap-btn {
	left: 50%;
	transform: translateX(-50%);
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(2) {
	margin-left: -285px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(3) {
	margin-left: -242px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(4) {
	margin-left: -197px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(5) {
	margin-left: -154px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(6) {
	margin-left: -109px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(7) {
	margin-left: -67px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(8) {
	margin-left: -21px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(9) {
	margin-left: 21px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(10) {
	margin-left: 67px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(11) {
	margin-left: 109px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(12) {
	margin-left: 154px;
}
.utp-mindmap__block-statuses .mindmap-btn:nth-child(13) {
	margin-left: 197px;
}