@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

html
{
	background-color: #f5f5f5;
}

body
{
	overflow: hidden !important;
}

div.search-result-item
{
	padding-bottom: 7px;
	padding-top: 5px;
}

.naming-dlg
{
	input[type=input]
	{
		width: 98%;
	}

	p
	{
		margin-bottom: 15px;
		text-align: center;
		font: 1.5em @title-font;
		font-weight: bold;
	}

	.is-hard
	{
		float: left;
		margin-right: 5px;
	}
}

div.map-tooltip div.map-tooltip-cont
{
	font: 13px 'PT Sans', sans-serif;
	padding: 3px 8px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.75);
}

.facts-finder
{

	.text-toolbar
	{
		.toolbar-right
		{
			display: none;
			position: absolute;
			top: 18px;
			right: 6px;

			.lamp
			{
				display: inline-block;
				margin: 0 10px -3px 0;
				height: 20px;
				width: 20px;
				background-image: url(/Img/v6/factfinder/ico-lamp.svg);
				background-repeat: no-repeat;
				cursor: pointer;
			}
		}

		i.fa
		{
			padding: 3px;
			user-select: none;
		}
	}

	&.expert-mode-enabled
	{
		.action-bar
		{
			.action
			{
				&.expert
				{
					display: block;
				}
			}
		}

		&.expert-mode-on
		{
			.text-toolbar
			{
				.toolbar-right
				{
					display: inline;
				}
			}

			.no-results.visible
			{
				display: none;
			}

			.results.hidden
			{
				display: block;
			}

			.text-toolbar
			{
				display: block;
			}

			.input
			{
				top: 40px;
				cursor: text;
			}

			.concepts-content
			{
				top: 40px;

				.concepts-header
				{
					.chzn-results
					{
						max-height: 290px;
					}
				}
			}

			.concepts-bar
			{
				.fa-menu
				{
					display: block;
				}

				&:hover, &.expanded
				{
					.fa-menu
					{
						display: none;
					}
				}
			}
		}
	}

	div#ff-loading
	{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 40%;
		z-index: 100;
		background: rgba(255,255,255,0.8) url('/Img/v6/factfinder/proccessing.gif') no-repeat center center;
	}

	div.search-filters-container
	{
		float: right;

		div.filter-container
		{
			margin-top: 5px;
			margin-bottom: 0px;
		}
	}

	div.footer
	{
		&.left-aligned-footnote, &.right-aligned-footnote
		{
			text-align: center;
		}
	}

	.tool-button
	{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: lighten(@accent-color, 10%);
		color: #ffffff;
		font: bold 14px @title-font;
		display: none;
		padding: 5px 15px;
		border-radius: 3px;

		&.button-enabled
		{
			display: inline-block;
		}

		&:hover
		{
			background-color: #0077ca;
		}

		&.tool-cancel
		{
			font-weight: normal;
			color: lighten(@accent-color, 10%);
			background-color: #d0e7f6;

			&:hover
			{
				background-color: #ffffff;
			}
		}
	}

	div.concepts-bar
	{
		position: absolute;
		overflow: hidden;
		right: 0;

		div.concepts-content
		{
			display: none;
			position: absolute;
			overflow: auto;
			background-color: white;
			top: 40px;
			bottom: 0;
			left: 0;
			right: 5px;
			margin: 20px 10px;
			padding: 5px;
			border: solid 2px #a6c7ff;
		}

		&.expanded
		{
			top: 0;
			right: 0;
			bottom: 0;
			width: 60%;
			background-color: whitesmoke;

			.fa-menu
			{
				display: none;
			}

			div.concepts-toolbar
			{
				display: block;
				margin-top: 16px;

				.toolbar-left
				{
					margin-left: 6px;
					display: inline;
				}

				.toolbar-right
				{
					display: inline;
					float: right;
					margin-right: 18px;
				}
			}

			div.concepts-content
			{
				display: block;
			}
		}

		div.concept-deleted-overlay
		{
			background-color: white;
			display: inline-block;
			opacity: 0.2;
		}

		div.concepts-toolbar
		{
			background-color: whitesmoke;
			display: none;
			padding-left: 5px;
			margin-bottom: 5px;
			height: 40px;

			.fa
			{
				font-size: 20pt;
				padding: 16px;
				color: #505050;

				&.button-enabled
				{
					color: #ffffff;
				}
			}

			span.button-delimiter
			{
				border-right: 3px solid #d3d3d3;
				margin-right: 6px;
				margin-left: 2px;
				padding-top: 6px;
				padding-bottom: 2px;
			}
		}

		.fa-menu
		{
			font-size: 18px;
			right: 0;
			padding: 4px;
			display: none;

			&:before
			{
				content: '\f0c9';
			}
		}

		.concept-type-region
		{
			padding: 0 4px;
			border: 2px solid #505050;
		}

		.concept-type-topic
		{
			padding: 0 4px;
			border: 2px solid #FFA500;
		}

		.concept-type-namedentity
		{
			padding: 0 4px;
			border: 2px solid #EE82EE;
		}

		.concept-type-attribute
		{
			padding: 0 4px;
			border: 2px solid #0000FF;
		}

		.concept-type-indicator
		{
			padding: 0 4px;
			border: 2px solid #008000;
		}

		.concept-type-unit
		{
			padding: 0 4px;
			border: 2px solid #A52A2A;
		}

		.concept-type-none
		{
			padding: 2px 6px;
			border: none;
		}

		.concept-card
		{
			border: 1px solid #0077ca;
			margin: 10px 0;
			padding: 0 10px;
		}

		.hidden
		{
			display: none;
		}

		.concept.concept-deleted
		{
		}

		#operations-panel
		{
			margin: 10px;
			height: 25px;

			#operations
			{
				float: left;
			}

			.select-mode
			{
				float: right;
			}
		}

		.first-parent, .first-child, .second-parent, .second-child
		{
			p
			{
				.concept-type
				{
					display: block;
					color: gray;
				}
			}
		}

		.block-title
		{
			font-weight: bold;
			text-transform: uppercase;
		}

		.first-parent
		{
			p
			{
				margin-left: 20px;
			}

			margin-left: 20px;
			font-size: 11pt;
			border: 1px solid #DBE2A1;
			padding: 10px;
			display: inline-block;
			border-radius: 5px;
			background-color: #FFFEE5;
			margin-bottom: 0;
			cursor: pointer;
		}

		.first-child
		{
			p
			{
				margin-left: 20px;
			}

			margin-left: 60px;
			font-size: 11pt;
			border: 1px solid #FFCEB8;
			padding: 10px;
			display: inline-block;
			border-radius: 5px;
			background-color: #FFEDE5;
			margin-top: 14px;
			cursor: pointer;
		}

		.child-container
		{
			margin-bottom: 20px;
		}

		.second-parent-container
		{
			margin-left: 0px;

			.second-parent
			{
				p
				{
					margin-left: 20px;
				}

				vertical-align: top;
				font-size: 10pt;
				border: 1px solid #8FC3FF;
				padding: 5px;
				display: inline-block;
				border-radius: 5px;
				background-color: #E5F1FF;
				margin: 3px 1px;
				cursor: pointer;
			}
		}

		.second-child-container
		{
			margin-left: 80px;

			.second-child
			{
				p
				{
					margin-left: 20px;
				}

				vertical-align: top;
				font-size: 10pt;
				border: 1px solid #B1B1FF;
				padding: 5px;
				display: inline-block;
				border-radius: 5px;
				background-color: #EBE5FF;
				margin: 3px 1px;
				cursor: pointer;
			}
		}

		.child-container
		{
			p.data-title
			{
				margin-left: 45px;

				i
				{
					margin-left: 8px;
					color: #6eb9e1;

					&.fa-chevron-up
					{
						display: inline;
					}

					&.fa-chevron-down
					{
						display: none;
					}
				}
			}

			&.data-collapsed
			{
				p.data-title
				{
					i
					{
						margin-left: 8px;
						color: #6eb9e1;

						&.fa-chevron-up
						{
							display: none;
						}

						&.fa-chevron-down
						{
							display: inline;
						}
					}
				}

				.first-child, .second-child-container
				{
					display: none;
				}
			}
		}

		.concept
		{
			position: relative;

			p
			{
				display: inline-block;
			}

			input.concept-checkbox[type=checkbox]
			{
				display: none;
				position: absolute;
			}

			input.data-item-checkbox[type=checkbox]
			{
				display: none;
			}

			.add-child-link
			{
				display: none;
				position: absolute;
				bottom: 5px;
				right: 5px;
			}

			.verified
			{
				margin-top: 5px;
				display: inline-block;
				height: 10px;
				width: 9px;
				background: url('/img/v2/dsbrowser/ico_verify_status.png') 0 0 no-repeat;
			}

			.bind-item-state
			{
				width: 14px;
				line-height: 10px;
				padding: 0;
				text-align: center;
				vertical-align: middle;

				&.fa-check
				{
					color: #60bb00;
				}

				&.fa-exclamation
				{
					color: #d10500;
				}
			}
		}

		.current.concept
		{
			position: relative;
			padding: 10px;
			display: block;
			margin-left: 40px;

			div.concept-name
			{
				margin-bottom: 3px;
				margin-left: 5px;
				max-width: 600px;
				display: inline-block;
			}

			p.alt-names
			{
				margin-top: 5px;
				display: block;
				font-size: 8pt;
			}

			input.alt-names
			{
				display: none;
				margin-left: 20px;
			}

			input.concept-name
			{
				display: none;
			}

			select.concept-type
			{
				display: none;
			}

			div.parent-container
			{
				margin-left: 15px;

				div.parent-concept-name
				{
					margin-left: 3px;
					display: inline-block;
				}

				a.data-related
				{
					cursor: pointer;
					display: inline-block;
					text-decoration: none;
				}

				div.concept-deleted
				{
					a.data-related
					{
						cursor: text;
					}
				}
			}

			input.parent-concept-select
			{
				display: none;
			}

			.verify-button
			{
				position: absolute;
				right: 10px;
				top: 8px;
			}

			&.data-collapsed
			{
				p.data-title
				{
					i
					{
						margin-left: 8px;
						color: #6eb9e1;

						&.fa-chevron-up
						{
							display: none;
						}

						&.fa-chevron-down
						{
							display: inline;
						}
					}
				}

				ul
				{
					> li:nth-child(n+3)
					{
						display: none;
					}
				}
			}

			p
			{
				margin-left: 20px;

				&:hover
				{
					.delete-data-item
					{
						display: none;
					}
				}

				&.data-title
				{
					display: block;
					margin-bottom: 0;
					margin-left: 35px;

					i
					{
						margin-left: 8px;
						color: #6eb9e1;

						&.fa-chevron-up
						{
							display: inline;
						}

						&.fa-chevron-down
						{
							display: none;
						}
					}
				}
			}

			.delete-data-item
			{
				position: relative;
				margin-top: -6px;
				margin-left: 6px;
				margin-right: 6px;
				top: 6px;
				display: none;
				height: 20px;
				width: 20px;
				.hires('/img/v6/factfinder/ico-delete');
			}

			ul
			{
				margin: 0px;
				font-size: 10pt;
				font-family: @title-font;

				> li
				{
					&:hover
					{
						.delete-data-item
						{
							display: none;
						}
					}

					position: relative;
					list-style-type: none;

					a.explore-data-item
					{
						display: inline-block;
						margin-top: 10px;
						text-decoration: none;
						font-size: 10pt;
					}

					> .data-concepts
					{
						font-size: 0.8em;
						display: inline-block;
						margin-left: 10px;

						> .data-related
						{
							cursor: pointer;
							display: inline-block;
							text-decoration: none;
							margin: 5px 0px 0 5px;
							color: gray;

							span
							{
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}

	div.action-bar
	{
		background-color: rgba(0, 0, 0, 0.75);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 60px;
		z-index: 1;

		.ff-header-logo
		{
			height: 38px;
			background-image: url('/img/v6/factfinder/logo-factfinder-white.svg');
			background-repeat: no-repeat;
			margin: 15px;
			width: 170px;

			&.small
			{
				background-image: url('/img/v6/factfinder/icon-factfinder.svg');
				margin-left: 9px;
				width: 38px;
			}
		}

		.h-line
		{
			border-bottom: 1px solid #505050;
		}

		a.action
		{
			display: block;
			text-decoration: none;
		}

		.action
		{
			height: 32px;
			margin-left: 6px;
			padding: 12px 0 0 50px;
			.hires('/img/v6/factfinder/action-icons', 'png', 44px);
			background-repeat: no-repeat;
			color: #fff;
			font: 15px 'PT Sans', sans-serif;
			cursor: pointer;

			&.active, &:hover
			{
				color: lighten(@accent-color, 10%);
			}

			&.new
			{
				background-position: 0 -396px;

				&.active, &:hover
				{
					background-position: 0 -352px;
				}
			}

			&.open
			{
				background-position: 0 -484px;

				&.active, &:hover
				{
					background-position: 0 -440px;
				}
			}

			&.save
			{
				background-position: 0 -572px;

				&.active, &:hover
				{
					background-position: 0 -528px;
				}
			}

			&.highlight
			{
				background-position: 0 -220px;

				&.active, &:hover
				{
					background-position: 0 -176px;
				}
			}

			&.expert
			{
				display: none;
				background-position: 0 -44px;

				&.active, &:hover
				{
					background-position: 0 0px;
				}
			}

			&.help
			{
				background-position: 0 -132px;

				&.active, &:hover
				{
					background-position: 0 -88px;
				}
			}

			&.logout
			{
				background-position: 0 -308px;

				&.active, &:hover
				{
					background-position: 0 -264px;
				}
			}

			&.expand
			{
				background-position: 0 -748px;

				&.active, &:hover
				{
					background-position: 0 -704px;
				}
			}

			&.collapse
			{
				display: none;
				background-position: 0 -660px;

				&.active, &:hover
				{
					background-position: 0 -616px;
				}
			}
		}

		.knoema-logo
		{
			display: block;
			position: absolute;
			height: 90px;
			width: 40px;
			bottom: 20px;
			left: 0;
			background-image: url('/img/v6/factfinder/ico-logo-knoema.svg');
			background-color: rgba(0,0,0,0.1);
			background-position: center;
			background-repeat: no-repeat;
		}
	}

	.close-panel-area
	{
		position: absolute;
		left: 200px;
		bottom: 0;
		top: 0;
		right: 0;
		z-index: 1;
	}

	div.text
	{
		position: absolute;
		left: 75px;
		bottom: 0;
		top: 0;
		right: 60%;
		background-color: whitesmoke;

		.text-toolbar
		{
			height: 40px;
			margin: 2% 2%;
		}

		.title
		{
			font-weight: bold;

			a.edit
			{
				width: 25px;
				height: 25px;
				background-image: url(/Img/v6/factfinder/ico-edit.svg);
				background-size: 25px;
			}

			.editable-title
			{
				input
				{
					max-width: ~"calc(100% - 220px)";
				}

				.save-options
				{
					padding: 5px 0;
					right: 135px;

					a
					{
						width: 25px;
						height: 25px;
						background-position: initial;
						background-size: 25px;

						&.save
						{
							background-image: url(/Img/v6/factfinder/ico-ok.svg);
						}

						&.cancel
						{
							background-image: url(/Img/v6/factfinder/ico-cancel.svg);
						}

						&.align-title
						{
							display: none;
						}
					}
				}
			}
		}

		div.input
		{
			position: absolute;
			width: ~'calc(100% - 30px)';
			top: 43px;
			bottom: 0;
			left: 5px;
			right: 0;
			margin: 20px 10px;
			padding: 5px;
			display: block;
			font-family: 'PT Sans', sans-serif;
			border: none;
			line-height: 1.7;
			background-color: white;
			overflow-y: auto;
			white-space: pre-wrap;
			border: solid 2px #a6c7ff;
			outline: 0px solid transparent;

			&:focus
			{
				outline: 0px solid transparent;
			}

			&:empty:before
			{
				content: attr(data-placeholder);
				color: #c0c0c0;
				font: 120% @title-font;
			}

			span
			{
				&.concept-region
				{
					padding: 0 1px;
					border: 2px solid #505050;
				}

				&.concept-topic
				{
					padding: 0 1px;
					border: 2px solid #FFA500;
				}

				&.concept-namedentity
				{
					padding: 0 1px;
					border: 2px solid #EE82EE;
				}

				&.concept-attribute
				{
					padding: 0 1px;
					border: 2px solid #0000FF;
				}

				&.concept-indicator
				{
					padding: 0 1px;
					border: 2px solid #008000;
				}

				&.concept-unit
				{
					padding: 0 1px;
					border: 2px solid #A52A2A;
				}

				&.concept-none
				{
					padding: 2px 3px;
					border: none;
				}

				&.element-current
				{
					border-style: dashed;
				}

				&.quality-true-positive
				{
					padding-right: 16px;
					background-position-x: right;
					background-repeat: no-repeat;
					background-image: url('/img/v2/shared/ok.png');
				}

				&.quality-false-positive
				{
					padding-right: 16px;
					background-position-x: right;
					background-repeat: no-repeat;
					background-image: url('/img/v2/shared/cancel.png');
				}

				&.quality-true-negative
				{
					padding-left: 16px;
					background-repeat: no-repeat;
					background-image: url('/img/v2/shared/ok.png');
				}

				&.quality-false-negative
				{
					padding-left: 16px;
					background-repeat: no-repeat;
					background-image: url('/img/v2/shared/cancel.png');
				}
			}
		}

		.highlight0
		{
			background-color: #CCCC00;
		}

		.highlight1
		{
			background-color: #FFFF00;
		}

		.highlight2
		{
			background-color: #FFFF33;
		}

		.highlight3
		{
			background-color: #FFFF66;
		}

		.highlight4
		{
			background-color: #FFFF99;
		}

		.highlight5
		{
			background-color: #FFFFCC;
		}
	}

	div.no-results
	{
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 40%;
		font: normal 18px 'PT Sans', sans-serif;
		overflow-y: auto;
		background-color: #f5f5f5;

		&.visible
		{
			display: block;
		}

		.content
		{
			width: 430px;
			text-align: center;
			margin: auto;
			margin-top: 250px;

			img
			{
				width: 70px;
			}

			h2
			{
				font-size: 26px;
				font-weight: normal;
			}

			p
			{
				margin: 30px 0 35px;
			}

			a
			{
				padding: 6px 14px;
				background-color: lighten(@accent-color, 10%);
				color: #fff;
				font-weight: bold;
				font-size: 16px;
				text-decoration: none;

				&:hover
				{
					background-color: @accent-color;
				}
			}
		}
	}

	div.results
	{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 40%;
		font: 10pt @text-font;
		overflow-y: auto;
		background-color: #f5f5f5;

		&.hidden
		{
			display: none;
		}

		div.facts
		{
			margin: 0 20px 20px 20px;


			.collapse-all
			{
				display: none;
			}

			.collapse-all, .expand-all
			{
				font: normal 15px 'PT Sans', sans-serif;
				position: absolute;
				right: 40px;
				top: 20px;

				a
				{
					color: lighten(@accent-color, 10%);
					text-decoration: none;

					&:hover
					{
						color: @accent-color;
					}
				}
			}
		}
	}

	.welcome-screen
	{
		display: none;
	}
}

div.ui-dialog {
	border: 0;

	div.ui-dialog-titlebar
	{
		padding: 0;

		span.ui-dialog-title
		{
			font: 1em @title-font;
			border: 0;
		}

		img.bulletin
		{
			float: left;
			margin: 3px 10px 3px 0;
	}
	}

	.ui-widget-header
	{
		.ui-icon
		{
			.hires('/img/v6/factfinder/icon-close');
			width: 24px;
			height: 24px;
			background-position: initial;

			&:hover
			{
                background-position: 0 -24px;
			}
		}
	}

	.ui-dialog-buttonpane
	{
		border: none;
		margin: 0;

		.ui-dialog-buttonset
		{
			margin: 0 0 15px;

			button
			{
				padding: 7px 17px;
				border-radius: 2px;
				font: bold 1.1em @title-font;

				&.cancel
				{
					color: black;
					background: #dcdcdc;
				}
			}
		}
	}

	.send-request-dialog
	{
		font: 16px @title-font;
		margin-bottom: 20px;

		.req-label
		{
			position: absolute;
			text-transform: uppercase;
			right: 0;
			top: 20px;
			color: #8c8c8c;
		}

		.req-marker
		{
			color: #dc0000;
			font-weight: bold;
			margin: 0 5px;
		}

		label
		{
			&.first
			{
				margin-top: 20px;
			}

			display: block;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 5px;
			cursor: default;
		}

		.error-container
		{
			color: #ff0000;
			font-size: 12px;
			height: 20px;

			span
			{
				display: none;
			}
		}

		.chzn-container
		{
			font: 18px @title-font;
			max-width: 596px;
			border: 1px solid lighten(@accent-color, 10%);
		}

		.chzn-container-active
		{
			.chzn-choices
			{
				border: none;
				box-shadow: none;
			}

			.chzn-single-with-drop div b
			{
				background-position: -20px 8px;
			}
		}

		.chzn-container-multi .chzn-choices
		{
			.search-field input.default
			{
				font: 18px @title-font;
			}

			border: none;
			box-shadow: none;
			margin: 3px;
		}

		.chzn-container-single .chzn-single
		{
			&.chosen-default
			{
				color: #999;
			}

			div
			{
				background-image: none;
				background-color: #fff;
				border: 0px;

				b
				{
					background-position: 1px 7px;
				}
			}
		}

		.chzn-choices
		{
			background-image: none;
		}

		.chzn-search
		{
			max-width: 595px;

			input
			{
				max-width: 558px;
			}
		}

		.chzn-single
		{
			width: 588px !important;
			height: 28px;
			padding-top: 10px;
			border: 0;
		}

		.chzn-drop
		{
			max-width: 594px;
		}

		.search-choice
		{
			padding: 7px 23px 7px 12px;
			margin-top: 1px;

			.search-choice-close
			{
				right: 6px;
				top: 8px;
	}
}

		input#source-url
		{
			width: 589px;
			height: 40px;
			border: 1px solid lighten(@accent-color, 10%);
			padding-left: 7px;
		}

		select
		{
			width: 596px;
			height: 40px;
			border: 1px solid lighten(@accent-color, 10%);
		}

		textarea
		{
			width: 587px;
			height: 80px;
			border: 1px solid lighten(@accent-color, 10%);
			padding-left: 7px;
			resize: none;
		}
	}
}

#add-text-dialog, #delete-dialog, #overwrite-dialog
{
	margin-top: 15px;
	font: 1.2em @title-font;
}

#save-dialog
{
	margin-top: 15px;
	border-top: 1px solid #bebebe;

	#ff-name
	{
		margin-top: 20px;
		width: 100%;
		font: 1.2em @title-font;
		padding: 5px;
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
		background: #f5f5f5;
	}
}

#open-dialog
{
	margin-top: 15px;
	border-top: 1px solid #bebebe;

	.no-items
	{
		margin-top: 15px;
		color: #8c8c8c;
		font: 16px @title-font;
	}

	.items
	{
		margin-top: 15px;
		margin-bottom: 15px;
		height: 89%;
		overflow-y: scroll;

		.item
		{
			padding: 10px 15px;
			margin-right: 5px;

			&.active
			{
				background: #f5f5f5;
			}

			&:hover
			{
				cursor: pointer;
				background: #f5f5f5;
			}

			.left-part
			{
				display: inline-block;
				width: 90%;

				.name
				{
					height: 20px;
					overflow: hidden;
					color: @accent-color;
					font: 16px @title-font;
				}

				.text
				{
					margin-top: 5px;
					color: #8c8c8c;
					font: 12px @text-font;
					height: 46px;
					overflow: hidden;
				}
			}

			.right-part
			{
				display: inline-block;
				width: 9%;
				vertical-align: top;

				.delete
				{
					.hires('/img/v6/factfinder/icon-del');
					background-repeat: no-repeat;
					width: 24px;
					height: 24px;
					margin-left: 50%;

					&:hover
					{
                        background-position: 0 -24px;
					}
				}
			}
		}
	}
}

div.ui-dialog div.ui-dialog-titlebar span.ui-dialog-title
{
	font-size: 20px;
	font-weight: bold;
}

div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button
{
	font-weight: bold;
	font-size: 16px;

	color: lighten(@accent-color, 10%);
	background-color: #f0f0f0;

	&:hover
	{
		background-color: #dcdcdc;
	}

	&:first-child
	{
		background-color: lighten(@accent-color, 10%);
		padding: 7px 27px;
		color: #fff;

		&:hover
		{
			background-color: @accent-color;
		}
	}
			}

img.welcome
{
	width: 130px;
	margin: 0 10px -10px;
}

.expert-mode-popup
{
	font-family: @title-font;

	p
	{
		font-size: 14px;
	}

	.tabs
	{
		border-bottom: 1px solid #e6e6e6;

		span
		{
			display: inline-block;
			font-size: 16px;
			padding-bottom: 7px;
			font-weight: bold;
			border-bottom: 1px solid #000;
		}
	}

	.concept-type
	{
		font-size: 14px;
		padding: 5px;
		border: 2px solid #fff;
		border-radius: 4px;

		&.topic
		{
			border-color: #FFA500;
		}

		&.named-entities
		{
			border-color: #EE82EE;
		}

		&.regions
		{
			border-color: #505050;
		}

		&.attributes
		{
			border-color: #0000FF;
		}

		&.indicators
		{
			border-color: #008000;
		}

		&.utils
		{
			border-color: #A52A2A;
		}

		span
		{
			display: block;
			font-size: 12px;
			font-style: italic;
			padding: 3px 0;
		}
	}
}

.welcome-screen-dlg
{
	font: 15px @title-font;

	.welcome-image
	{
		display: none;
		margin: 20px 10px -30px 10px;

		&.active
		{
			display: block;
		}
	}

	.welcomescreen-nav
	{
		position: absolute;
		top: 360px;
		left: 360px;
		margin: 0;
		padding: 0;

		li
		{
			display: inline-block;
			border-radius: 50%;
			width: 10px;
			height: 10px;
			margin-right: 5px;
			background-color: #d2d2d2;
			cursor: pointer;

			&.active
			{
				background-color: @accent-color;
			}
		}
	}

	.welcome-item
	{
		display: inline-block;
		width: 170px;
		margin: 0 13px;
		vertical-align: top;

		h2
		{
			&.short
			{
				width: 50px;
			}

			font-weight: bold;
			font-size: 18px;
			display: inline-block;
			width: 110px;
			vertical-align: top;
			margin: 3px 0 0 0;
		}

		p
		{
			font-size: 15px;
			border-top: 1px solid #c4e2f7;
			margin: 10px;
			padding-top: 10px;

			span
			{
				font-weight: bold;
				font-size: 15px;
				display: inline;
				width: auto;
				vertical-align: auto;
				margin-top: 0px;
			}
		}

		img
		{
			width: 50px;
		}
	}
}