/*
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; }

#infospot { 
	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; 
	-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; 
}

.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;
}