.btnright{
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	margin-right: 5px;
	float: right;
}

.btnright:hover{
	cursor:pointer;
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	margin-right: 5px;
	float: right;	
}

/*BTN LEFT*/

.btnleft{
	cursor:pointer;
	font-weight: 900;
	height:40px;
	text-align:center;
	position: relative;
	margin-left: 5px;
	float: left;
}



.btnleft:hover{
	cursor:pointer;
	font-weight: 900;
	text-align:center;
	position: relative;
	margin-left: 5px;
	float: left;
}

.btnleft.button_sx{
	cursor: pointer;
    font-weight: 900;
    height: 30px;
    width: 30px;
    text-align: center;
    position: relative;
    margin-right: 0px;
    margin-left: 10px;
    float: left;
    border: none;

}






.btnleft.btn_sx{
	cursor: pointer;
    font-weight: 900;
    height: 30px;
    width: 45px;
    text-align: center;
    position: relative;
    margin-right: 0px;
    margin-left: 10px;
    float: left;
    border: none;
   
}

.btnright.btn_dx{
	width:30px;
	height:30px;
	border-radius: 100%;
}

.btnright.btn_dx > img{
	padding:2px;
}

.btnright > img {
	width: 30px;
}

#btn_zoom_camera > img{
	width:45px;
	height:30px;
}

#btn_ruler.horizontal > img{
	width:45px;
	height:30px;
	
}
#btn_ruler2D.horizontal > img{
	width:45px;
	height:30px;
	
}

#btn_ruler.btnleft.btn_sx:not(.horizontal) > img{
	width:30px !important;
}

.btncardboard{
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: fixed;
	top: 91%;
	left: 93%;
	margin-right: 5px;
	float: right;
}

.logosfy{
	cursor:pointer;
	font-weight: 900;
	height:30px;
	width:75px;
	text-align:center;
	line-height:30px;
	top: 6px;
	position: relative;
	margin-left: 10px;
	float: left;
}

.logosfy{
	cursor:pointer;
	font-weight:900;
	height:30px;
	width:75px;
	text-align:center;
	line-height:30px;
	top:6px;
	position:relative;
	margin-left: 10px;
	float:left;

}

.logosfydx{
	cursor:pointer;
	font-weight: 900;
	height:30px;
	width:75px;
	text-align:center;
	line-height:30px;
	top: 6px;
	position: relative;
	margin-left: 10px;
	right:10px;
	float: right;

}

#icon_bar{
  	display:block;
	height:40px;
	position: absolute;
	margin-right: 5px;
	top: 0px;
	left: 10px;
	clear: both;
}
.button_changebackground{
	display:block;
  	height:40px;
  	position: absolute;
  	margin-right: 5px;
  	top: 5px;
  	right: 10px;
	clear: both;
	cursor:pointer;
	  
}

#close_popup_warning2 {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

#close_popup_warning2 > img {
    width: 30px;
}


.alert_bar{
   position: absolute;
    left: 0px;
    max-width: calc( 100% - 365px);
    width: 100%;
    right: 0;
	top:53px;
}

.alert_bar_bottom{
	position: absolute;
	left: 0px;
	clear: both;
	opacity: 0.8;
	max-width: calc( 100% - 220px);
	width: 100%;
	font-size: 16px;
	right: 0;
	margin: 0 auto;
	bottom:100px;
	
}
.alert_bar_bottom .text-msg-content{
	padding:8px;
	font-weight:600;
	font-size:14px;
	letter-spacing:0.06em;
}


#function_bar{
	bottom: 40px!important;
	background: rgba(218, 218, 218, 0.5)!important;
	color: black;
}

#warning_bar{
	position: relative;
    background: rgba(218, 218, 218, 0.5)!important;
    color: black;
    width: fit-content;
    right: 0;
    max-width:200px;
    /* left: 0; */
	float: right;
	bottom: 200px !important;
    /* left: 0; */
    float: right;
	max-height: 150px;
	height:auto;
}
.sfy-text-warning{
	max-width: 250px;
    width: fit-content;
    /* height: 100px; */
    overflow-y: auto;
    margin: 10px;
    text-align: left;
   
}
.sfy-text-warning > p{
	margin-bottom:0;
	line-height: 1.3rem;
    font-size: 14px;
}

.popup-warning-2{
	background:#000;
	color:#FFF;

}
.popup_warning2_text{
	font-size:14px;
}

.popup_warning2_title{
    font-size:23px;
    font-weight:600;
}

.popup-btn-warning2{
    border: none;
    color: #333;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.9375rem;

}

.popup-btn-warning2:hover,
.popup-btn-warning2:focus,
.popup-btn-warning2:active{
    border: none !important;
    color: #333;
    text-decoration: underline;
}

.opaco{
opacity: 0.8;
}

.row_btn_change_singlemodule{
	display: inline-flex;
    text-transform: uppercase;
    align-items: center;

}

.box_view_collections_mobile{
	position:absolute;
	top:50px;
	margin:0 auto;
	left:20px;
	cursor:pointer;
	width:fit-content;
	z-index:1;
	
}


#open_collections_mobile{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing: 0.08em;
	font-weight:bold;
	padding:6px;
}
/*logo al centro*/
/*.logosfy{  
	font-weight: 900;
	display:block;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	top: -66px;
	margin-right: 5px;
	width: 100%;
	left: 0px;
	opacity: 0.5;
	clear: both;
}*/

.icon_bar {
	background: rgba(245, 245, 245, 0.5);
  	display:block;
	height:40px;
	text-align:center;
	color: #DCDCDC;
	position: absolute;
	margin-right: 5px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	clear: both;
}

.hide_bar{
	background: rgba(0,0,0,0) !important;
}


.progress.active{
	border-radius:0px;
	background-color:#acacac;
}

html.fs #canvas_container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

html.fullpage #canvas_container canvas {
	position: fixed !important;
	top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

html.portrait.fullpage body:after {
	content: "";
	display: flex;
	position: fixed; /* could also be absolute */ 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color: rgba(2,2,2,0.90);
	background-image: url("../image/rotate_big.png");
	background-repeat: no-repeat;
    background-position: center; 

}

.box-info{
	display: inline-block;
    background: rgba(230, 230, 230, 0.7);
    margin-top: 15px;
    margin-left: 15px;
	padding: 10px;
	top:0;
	left:0;
    position: absolute;
}

.box-info .colpo{
	display: flex;
    justify-content: center;
	align-items: center;
}


.img-box-info{
	position: relative;
    width: 100%;
    margin: 0 auto;
}

.info-text {
	padding-bottom: 10px;
}

.img-button {
	padding-bottom: 10px;
}


.change_view_conf{
    position:absolute;
    left:10px;
    top:40%;
    cursor:pointer;
	
}

.disable_conf_button_zoom{
	display:none;
}

.plugin_3d_view,
.plugin_2d_view,
.plus-add-module,
.show_notes_configurator{
    border-radius:100%;
    width:40px;
    height:40px;
	display:block;
	margin-bottom:10px;
}

.btn_lamp,
.btn_lamp_rotate{
	border-radius:100%;
    width:40px;
    height:40px;
	display:block;
	margin-bottom:10px;
	cursor:pointer;

}
.plugin_3d_view > img,
.plugin_2d_view > img,
.btn_lamp > img,
.btn_lamp_rotate > img {
   margin:0 auto;
}

.plus-add-module > img{
	padding-top:2px;

}

#lamp_arrow_sx > img,
#lamp_arrow_dx > img,
#lamp_circle > img{
	width:40px;
	height:40px;
}

.show_notes_configurator img.animate{
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);

}

.show_notes_configurator  img.animate:hover{
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

.show_notes_configurator{
	border:2px solid #FF5a4e;
	border-radius:100%;
}

.show_notes_configurator  img{
	width:36px;
	height:36px;
	margin:0 auto;
	border-radius:100%;
	
}

.content-comp-notes{
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    line-height: 1.0em;
    margin-bottom: 0;  
    text-align: left;
    width: 100%;
    padding: 6px;
	
	
}


#warning_notes_configurator{
    position:absolute;
    left:0;
    bottom:45px;
    right:0;
    margin:0 auto;
}

.content-notes{
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    line-height: 1.0em;
    margin: 0 auto;
    margin-bottom: 0;  
    text-align: left;
    width: 70%;
    padding: 6px;
	
	
}



.content-notes p {
	margin-bottom:0;
	line-height:1.2em;
	padding-left:8px;
	padding-right:8px;
	margin-bottom:2px;
	letter-spacing:0.04em;

}

#close_warning_notes{
	float:right;
	cursor:pointer;
	
}

.codes_notes{
	font-weight:600;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:0;
	font-size:14px;

}


/* warning grafica simile alle note */
.box_warning_composition{
	bottom: 130px;
    position: absolute;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    
}

.ct-warning-alert{
	line-height: 1.0em;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: left;
    width: 70%;
    padding: 6px;
   
}


/* warning grafica simile alle note */
.box_settings_panel{
	bottom: 30px;
    position: absolute;
    /*cursor: pointer;*/
    width: 100%;
    margin: 0 auto;
    
}
.ct-settings-panel{
	line-height: 1.0em;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: left;
    width: 30%;
    padding: 6px;
	font-size:13px;
   
}

.text-msg-content.type2{
	line-height:1.2em;
	margin-left:0;
}

.text-msg-content.type2 p{
	margin-bottom:0;
	font-size:15px;
	padding-left: 8px;
    padding-right: 8px;
}

@media screen and (max-width: 500px) {
	
	.btnright{
		margin-right: 2px;
	}

	.btnright > img{
		width:35px;
	}

	#btn_zoom_camera > img{
		height:35px;
	}


}
@media screen and (max-width: 991px) {
	.codes_notes{
		font-size:12px;
	}
	.text-msg-content.type2 p{
		font-size:12px;
	}
}


@media screen and (max-width: 1200px) {
	.content-notes,
	.ct-warning-alert{
		width:80%;
	}

}

@media screen and (min-width: 1900px) {
	.content-notes,
	.ct-warning-alert{
		width:60%;
	}

}

@media screen and (max-width: 1200px) {
	.content-notes {
		width:80%;
	}
	.ct-settings-panel {
		width:80%;
		font-size:11px;
	}

}

@media screen and (min-width: 1900px) {
	.content-notes {
		width:60%;
	}
	.ct-settings-panel {
		width:60%;
		font-size:11px;
	}

}

/* NUOVE REGOLE CSS PER ALERT */
.alerts{
	position: absolute;
  	top:10px;
    right: 35px;
    z-index: 101;
	max-height: 150px;
	max-width:350px;

}

.content_list_notes{
	margin-left:40px;
    overflow-y: scroll;
    overflow-x: hidden;
	scrollbar-width: thin;
    scrollbar-color: #FC565B transparent;
	max-height: 150px;
	max-width:350px;
	width: 100%;
	height: 100%;
	padding-left: 3px;
    padding-right: 15px;
	
}

/* Works on Chrome, Edge, and Safari */
.content_list_notes::-webkit-scrollbar {
    width: 6px;

}

.content_list_notes::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

.content_list_notes::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:5px;
}

.icon_alert{
	position:absolute;
	top:0px;
	cursor:pointer;
}


.aos-element {
    visibility: hidden;
}

.aos-element.animated {
    visibility: visible;
}

.left{
	left:0;
}

.right{
	right:0;
}

.icon_alert img{
	width:35px;
	height:35px;
}

.alert{
	margin-bottom: 20px;
    padding: 10px;
    border-radius: 4px;
   	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	display: flex;
    flex-direction: column;
}


.alert .copy {
	margin-bottom: 2px;
	font-size:12px;
}

.listcodes{
	font-weight: 800;
	display:inline-flex;

}

.copy p{
	margin-bottom:0;
}
  
.listcodes,
.notetext {
	font-size: 12px;
	margin-bottom: 0px;
	letter-spacing:0.06em;
	margin-right:5px;

	
}

.notetext{
	text-align:justify;
}


.notetext p{
	margin-bottom:0;
	font-size:12px;
	
}



/* Stili per le varie tipologie di notifiche */
.alerts .alert.alert-info {
	/* background-color: #A3ADB2 !important;*/
	background-color :#DEDFE0 !important;
	/*color: #eee;*/
	color:#505759 !important;
	/*box-shadow: 0 0 20px 5px rgba(163, 173, 178, 0.5);*/
	box-shadow: 0 0 20px 5px rgba(222,223,224, 0.5);

}

.alerts .alert.alert-info .close {
	/*color: #A3ADB2;
	border-color: #A3ADB2;*/
	color: #505759;
	border-color: #505759;
}

.notice_hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.notice_visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}