/*
3DHOP - 3D Heritage Online Presenter
Copyright (c) 2014-2020, Visual Computing Lab, ISTI - CNR
All rights reserved.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU 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 General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

#specialbar {
	position                : absolute;
	right                   : 10px;
	top                     : 10px;
	-webkit-user-select     : none;
	-webkit-touch-callout   : none;
	-khtml-user-select      : none;
	-moz-user-select        : none;
	-ms-user-select         : none;
	user-select             : none;
	touch-action            : none;
	-ms-touch-action        : none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

#specialbar img {
	margin-bottom           : 8px;
	width                   : 50px;
	height                  : 50px;
	opacity                 : 0.5;
	cursor                  : pointer;
	-webkit-user-select     : none;
	-webkit-touch-callout   : none;
	-khtml-user-select      : none;
	-moz-user-select        : none;
	-ms-user-select         : none;
	user-select             : none;
	touch-action            : none;
	-ms-touch-action        : none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; }

#infohelp {
	background-color		: rgba(121, 121, 121, 1.0);
	display                 : none;
	top                     : 10%;
	bottom                  : 10%;
	left                    : 20%;
	right                   : 20%;
}

.info { 
	position				:absolute; 
	z-index					:1;
	/* width					:200px;  */
	/* height					:200px; */
	/* top						:50%;  */
	bottom                  :30;
	right					:0; 
	background-color		:rgba(74, 74, 74, 0.6); 
	/* border					:4px solid rgba(0, 0, 0, 1.0); */
	border-radius           :10px;
	/* overflow                :auto; */
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.infospot_panel { 
	color					:#f8f8f8;
	font-family				:arial; 
	/* text-transform			:uppercase; */
	text-align				:left;
	overflow-x              :auto;
	overflow-y              :auto;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.infospot_title { 
	/* font-family				:"Arial";  */
	font-size				:2em; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.infospot_subtitle { 
	color					:#e5352c;
	/* font-family				:"BertholdAkzidenzGroteskMedium";  */
	font-size				:0.7em;
	font-weight				:bold;
	text-align				:justify; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.infospot_text { 
	/* font-family				:"BertholdAkzidenzGroteskMedium";  */
	font-size				:1.em; 
	text-align				:left; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.infospot_meta { 
	font-size				: 0.8em; 
	font-style              : italic;
	text-align				: left; 
	-webkit-user-select		: none; 
	-webkit-touch-callout	: none; 
	-khtml-user-select		: none; 
	-moz-user-select		: none; 
	-ms-user-select			: none; 
	user-select				: none; 
	touch-action			: none; 
	-ms-touch-action		: none; 
}

.infospot_names { 
	font-size				: 0.8em; 
	/* font-style              : italic; */
	text-align				: left; 
	-webkit-user-select		: none; 
	-webkit-touch-callout	: none; 
	-khtml-user-select		: none; 
	-moz-user-select		: none; 
	-ms-user-select			: none; 
	user-select				: none; 
	touch-action			: none; 
	-ms-touch-action		: none; 
}

.infospot_url { 
	font-size				: 0.7em; 
	text-align				: left; 
	-webkit-user-select		: none; 
	-webkit-touch-callout	: none; 
	-khtml-user-select		: none; 
	-moz-user-select		: none; 
	-ms-user-select			: none; 
	user-select				: none; 
	touch-action			: none; 
	-ms-touch-action		: none; 
}

.input-select {
	position				:relative; 
	font-family             :Verdana, Geneva, Tahoma, sans-serif;
	font-size               :14px;
	height					:40px;
	top						:5px;
	border-radius           :5px;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#x {
    position: absolute;
    background-color		:rgba(255, 255, 255, 1.0); 
	border					:1px solid rgba(74, 74, 74, 0.6);
	border-radius           :10px;
    color: rgba(74, 74, 74, 1.0);
    top: 0px;
    right: 0px;
	cursor: pointer;
}