/*
PiAnoS (Picture Annotation System), A fingerprint examiner training tool
Copyright (C) 2011-2021 University of Lausanne, Switzerland
https://ips-labs.unil.ch/pianos

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see http://www.gnu.org/licenses/.
*/
body, html {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.ui-widget {
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 0.9em;
}

.ui-inline-icon {
	display: inline-block;
}

.ui-layout-pane .ui-widget-header {
	font-size: 0.8em;
	border-bottom: none;
}

.pianos4 {
	height: 100%;
	/*min-height: 100px;*/
}

.pianos4_title {
	margin-left: 0.5em;
	font-weight: bold;
}

a.pianos4_title:link, a.pianos4_title:visited {
	text-decoration: none;
}

a.pianos4_title:active, a.pianos4_title:hover {
	text-decoration: underline;
}

.pianos4_loading {
	background-image: url("throbber-18-black-on-white.gif");
	display: inline-block;
	height: 18px;
	width: 18px;
	top: 4px;
	position: relative;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.pianos4_unsaved_message {
	font-size: 0.8em;
	/*font-style: italic;*/
	margin-left: 1em;
	color: #cccccc;
}

.pianos4_unsaved_message._hidden {
	visibility: hidden;
}

.pianos4_exercise_title_wrap {
	margin-left: 1em;
}

.pianos4_exercise_title {
	padding: 0 0.5em;
}

.pianos4 .ui-layout-center {
	
}

.pianos4_views {
	position: relative;
	margin: 0;
	padding: 0;
	background-image: url("stripe2.png");
	background-repeat: both;
}

.pianos4_view {
	position: absolute;
}

.pianos4_view_full {
	width: 100%;
}

.pianos4_view_half {
	width: 50%;
}

.pianos4_mark.pianos4_view_half .pianos4_view_canvas {
	border-right: 1px solid #dddddd;
}

.pianos4_print.pianos4_view_half .pianos4_view_canvas {
	border-left: 1px solid #dddddd;
}

.pianos4_view_canvas {
	height: 100%;
}

.pianos4_view_h5canvas {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.pianos4_toolbar {
	overflow: hidden;
}

.pianos4_toolbox .ui-widget-content {
	padding: 0.15em;
}

.pianos4_toolbox label.ui-button>span.ui-button-text,
	.pianos4_toolbar_button span.ui-button-text {
	margin: 0;
	padding: 0.2em 0.5em;
}

.pianos4_toolbar_button {
	margin: 0.2em;
}

.pianos4_toolbar_button_spaced {
	margin-left: 1.5em;
}

.pianos4_toolbar_button.pianos4_toolbar_button_submit {
	/*	background-image: url("/cdn/jquery/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png");
	border-width: 2px;
	font-weight: 500;
	color: white;*/
	color: #194b9d;
}

.pianos4_toolbar_phases {
	position: absolute;
	/*margin-left: 2em;*/
	right: 5em;
	top: 0.4em;
	cursor: default;
	display: inline-block;
}

.pianos4_toolbar_phases .ui-icon {
	vertical-align: middle;
}

.pianos4_toolbar_phase {
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: #888888;
}

.pianos4_toolbar_phase_active {
	color: black;
	font-weight: bold;
}

.pianos4_toolbar_phase_previous {
	color: black;
	cursor: pointer;
}

.pianos4_toolbox_tool {
	width: 24px;
	height: 24px;
	margin-bottom: 0.15em;
}
/*label.pianos4_toolbox_tool > span.ui-button-text
{
	display: none;
}*/
.pianos4_toolbar_help {
	position: absolute;
	/*margin-left: 2em;*/
	right: 0.5em;
	top: 0.4em;
	/*cursor: default;*/
	display: inline-block;
}

.pianos4_canvas_popup {
	position: absolute;
}

.pianos4_canvas_popup ul {
	list-style: none;
	margin: 0;
	padding: 0.5em;
}

.pianos4_canvas_popup ul>li {
	margin: 0;
	padding: 0 0.2em;
	cursor: pointer;
}

.pianos4_floating_pane {
	position: absolute;
}

.pianos4_pane_dockbtn {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 16px;
	height: 16px;
}

.pianos4_pane_dockbtn span.ui-button-text {
	/*display:none;*/
	
}

.pianos4_zoombox .ui-widget-content {
	text-align: center;
}

.pianos4_zoombox_slider {
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pianos4_zoombox_button {
	margin: 1px;
}

.pianos4_zoombox_button>span {
	font-size: 0.7em;
}

.pianos4_zoombox_value {
	font-size: 0.7em;
}

.pianos4_tool_color {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 2px;
	position: relative;
	border: 3px solid #dddddd;
	cursor: pointer;
}

.pianos4_tool_color>span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("icon_glass_overlay.png");
	background-repeat: repeat-x;
	display: block;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.pianos4_tools_options ._content {
	font-size: 0.7em;
	padding: 0.1em;
	min-height: 100px;
}

.pianos4_tools_options a {
	padding: 0.1em;
}

.pianos4_tools_options a:hover, .pianos4_tools_options a:active {
	color: #888888;
}

.pianos4_tools_options ._help {
	font-size: 0.7em;
	padding: 0.1em;
	border-top: 1px solid #dddddd;
}

.pianos4_icon_box {
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
}

.pianos4_tools_options ._help_text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.3em;
}

.pianos4_tools_options ._help_text:hover {
	text-decoration: underline;
}

/*.pianos4_tools_options ._labelled_color
{
	width: 100%;
}*/
.pianos4_labelled_color>span {
	display: inline-block;
	vertical-align: middle;
}

.pianos4_labelled_color_bkg {
	background-color: #f7f7f7;
	/*border: 1px solid #dddddd;*/
	/*opacity: 0.3;*/
	position: absolute;
	/*z-index: 0;*/
	cursor: n-resize;
}

.pianos4_labelled_color_bkg ._bkg-label {
	color: #dddddd;
	z-index: 1000;
	font-weight: 900;
	font-size: 1.3em;
	position: absolute;
	right: -6px;
	bottom: 6px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.pianos4_tool_nooptions {
	font-style: italic;
}

.pianos4_tool_slider>span {
	margin: 0em 0.3em;
}

.pianos4_tool_slider>span._value {
	float: right;
}

.pianos4_tool_slider .ui-slider {
	margin: 0.2em 0.6em 0.2em 0.6em;
	height: 4px;
	/*display: inline-block;
	width: 50px;*/
}

.pianos4_tool_slider .ui-slider .ui-slider-handle {
	width: 8px;
	margin-left: -4px;
	height: 8px;
	margin-top: 1px;
}

.pianos4_pairing_hint {
	position: absolute;
	height: 1.5em;
	z-index: 100;
	text-align: center;
}

.pianos4_properties .ui-widget-content {
	font-size: 0.8em;
}

.pianos4_properties table {
	width: 100%;
}

.pianos4_properties table td.key {
	text-align: right;
	font-weight: bold;
	width: 3em;
	background-color: #eeeeee;
	padding-right: 3px;
}

.pianos4_properties table td.value.odd {
	background-color: #f7f7f7;
}

.pianos4_properties table td.separator {
	background-color: #aaaaaa;
}

.pianos4_layers .ui-widget-content {
	margin: 0em;
	padding: 0.2em;
}

.pianos4_layers .button {
	margin: 0.2em;
	/*display: block;*/
	cursor: pointer !important;
	padding: 0 0.2em;
}

/*.pianos4_layers .button.ui-state-disabled
{
	cursor: pointer;
}*/
.pianos4_layers .button>span.ui-icon {
	display: inline-block;
	float: left;
	margin-top: 2px;
	margin-right: 0.5em;
}

.pianos4_layers .button.ui-state-default {
	color: #888888;
}

.pianos4_matcher_dialog>div {
	margin: 0.5em 0;
}

.pianos4_matcher_dialog>div>label {
	text-align: right;
	float: left;
	margin-right: 1em;
	width: 10em;
}

.pianos4_matcher_dialog input {
	width: 5em;
}

.pianos4_matcher_dialog_result {
	
}

.pianos4_right_column>.ui-widget>.ui-widget-content {
	overflow: auto;
}

.pianos4_right_column .ui-widget-header>.ui-icon.pianos4_toggle_subpane
	{
	/*float:left;*/
	margin: 0;
	padding: 0;
	cursor: pointer;
	vertical-align: middle;
}

.pianos4_right_column>.pianos4_results.ui-widget>.ui-widget-content {
	overflow: hidden;
}

.pianos4_results .table_header {
	font-size: 0.8em;
	vertical-align: middle;
	min-height: 22px;
}

.pianos4_results .table_header .pianos4_icon_box {
	display: inline-block;
	margin-top: 2px;
	margin-right: 2px;
	float: right;
}

.pianos4_results .table_wrapper {
	overflow-x: hidden;
	overflow-y: auto;
}

.pianos4_results table {
	font-size: 0.8em;
	border-spacing: 0;
	width: 100%;
}

.pianos4_results th {
	text-align: left;
}

.pianos4_results tr.odd {
	background-color: #cccccc;
}

.pianos4_results tr.even {
	background-color: #eeeeee;
}

.pianos4_tool_review_popup {
	font-size: 0.9em;
}

.pianos4_tool_review_popup a.toggle_details {
	margin: 0.5em 0 0.5em 0;
	display: inline-block;
}

.pianos4_tool_review_popup span.toggle_details {
	vertical-align: middle;
}

.pianos4_tool_review_popup table {
	width: 100%;
	border-spacing: 0;
}

.pianos4_tool_review_popup th.rotated {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: 50px;
	width: 50px;
	padding-bottom: 1.5em;
}

.pianos4_tool_review_popup .overview td {
	border-right: 1px solid black;
	text-align: center;
	width: 50px;
	/*max-width: 50px;
	min-width: 50px;*/
}

.pianos4_tool_review_popup .overview tbody tr.allusers {
	font-weight: bold;
}

.pianos4_tool_review_popup .overview tbody tr.allusers td {
	border-bottom: 1px solid black;
}

.pianos4_tool_review_popup .overview td.username {
	text-align: left;
	width: 100%;
}

.pianos4_tool_review_popup .overview .nonzero {
	display: inline-block;
	/*margin: 0.3em;*/
	background-color: #aa0000;
	width: 80%;
	text-align: center;
	color: white;
}

.pianos4_tool_review_popup tr.even {
	background-color: #dddddd;
}

.pianos4_tool_review_popup tr.odd {
	background-color: #aaaaaa;
}

.pianos4_tool_review_popup .details_hint {
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0.5em;
}

.pianos4_statusbar {
	/*min-height: 32px;*/
	display: block;
	position: absolute;
	height: auto;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.pianos4_statusbar table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	/*height: 100%;*/
}

.pianos4_statusbar table td {
	vertical-align: top;
}

.pianos4_status {
	width: 100px;
}

.pianos4_conclusions {
	font-size: 70%;
	width: 300px;
}

.pianos4_conclusions a:link, .pianos4_conclusions a:visited {
	text-decoration: none;
}

.pianos4_conclusions a:hover, .pianos4_conclusions a:active {
	text-decoration: underline;
}

.pianos4_conclusions a span:last {
	margin-left: 0.5em;
}

.pianos4_observations {
	/*height: 100%;*/
	
}

.pianos4_observations textarea {
	font-size: 70%;
	resize: none;
}

.pianos4_observations>div {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	/*height: 100%;*/
}

#pianos4_conclusion_status {
	position: absolute;
	right: 0.5em;
	top: 0.3em;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.pianos4_conclusion_value_string {
	font-style: italic;
	color: #666666;
}

.pianos4_dialog {
	font-size: 90%;
}

.pianos4_dialog_main {
	
}

.pianos4_dialog_links {
	margin-top: 1em;
}

.pianos4_dialog_links>span {
	text-decoration: underline;
	cursor: pointer;
}

.pianos4_history ol {
	font-size: 0.6em;
	margin: 0.5em 0;
	padding-left: 2.5em;
	/*list-style: none;*/
}

.pianos4_history ol li span {
	font-size: 1.4em;
	cursor: pointer;
}

.pianos4_dialog_help {
	font-size: 0.9em;
}

.pianos4_help_paragraph {
	margin-bottom: 0.5em;
}

.pianos4_help_shortcut {
	
}

.pianos4_help_keys {
	display: inline-block;
	width: 8em;
	text-align: right;
	padding: 0.5em 0;
	margin-right: 1em;
}

.pianos4_help_key {
	display: inline-block;
	border: solid 1px #cccccc;
	padding: 0.2em 0.5em;
	vertical-align: middle;
	background-color: #e7e7e7;
	/*height: 24px;*/
}

.pianos4_help_description {
	
}

.pianos4_help_mouse {
	vertical-align: middle;
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
}

.pianos4_help_mouse_left {
	background-image: url("icons/help_mouse_left.png");
}

.pianos4_help_mouse_middle {
	background-image: url("icons/help_mouse_middle.png");
}

.pianos4_help_mouse_right {
	background-image: url("icons/help_mouse_right.png");
}

.pianos4_tutor_userdata {
	padding-top: 3px;
	border-top: 1px solid #c7c7c7;
	overflow-y: auto;
}

#pfsp_modeLinks {
	margin-bottom: 5px;
}

#pfsp_modeLinks a {
	outline: 0;
	cursor: pointer;
}
