/******************************************
 * Bouton d'ouverture de la popup vue 360 * 
 ******************************************/
.elImageView360,
.elBtnView360{
  padding: 0 5px;
  text-align: center;
}

.elImageView360 img,
.elBtnView360 img{
  content: url();
  border-style: solid;
  border-width: var(--button-border-width);
  border-color: var(--light-gray-button-border-color);
  background: var(--light-gray-button-background);
  background-image: url(../../res_coheristouch/view360.png);
  height:100px;
  width:100%;
  border-radius: var(--main-radius-large);
  -moz-border-radius: var(--main-radius-large);
  -webkit-border-radius: var(--main-radius-large);
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90%;
  cursor: pointer;
}
.elBtnView360 img{
  height: 25px;
  width: 50px;
  border-radius: 25px;
}

.elImageView360 img:hover,
.elBtnView360 img:hover{
  border-color: var(--light-gray-button-border-color-hover);
}






/*****************
 * Popup Vue 360 * 
 *****************/
 
.x-window-view360 {
	border-width: 1px;
}

.x-window-view360,
.x-window-view360 .x-window-bwrap,
.x-window-view360 .x-window-ml,
.x-window-view360 .x-window-mc,
.x-window-view360 .x-window-mr,
.x-window-view360 .x-window-body,
.x-window-view360 .x-window-body form {
  background: rgba(221, 221, 221, 1) !important;
}

.x-window-view360 .elView360PageBody,
body.wsCommon .elView360PageBody {
  background: rgba(255, 255, 255, 1) !important;
}

.x-window-view360 .elView360Toolbar {
  position: absolute;
  width: 100%;
  background: rgba(0,0,0,0);
  padding: 5px;
  box-sizing: border-box;
  z-index: 999;
}


.elBtnAction.detach-view360,
.elBtnAction.detach-view360 .elBtnLabel {
  display: none;
}

.x-window-view360 .elBtnAction.detach-view360 {
  display: initial;
  float: right;
}

.x-window-view360 .elBtnAction.detach-view360 i {
  position: fixed;
  font-size: 22px;
  margin-top: -40px !important;
  margin-left: -100px !important;
  color: #FFF;
  width: auto;
  opacity: 0.5;
}

.x-window-view360 .x-tool-minimize-over,
.x-window-view360 .elBtnAction.detach-view360 i:hover {
  opacity: 1;
}



/*.x-window-view360 #go_prev*/
#View360GrpThmBody #go_prev {
	color: red;
}

/*.x-window-view360 #go_next*/
#View360GrpThmBody #go_next {
	color: green
}

#View360GrpThmBody #go_prev.disable,
#View360GrpThmBody #go_next.disable {
	color: orange
}

#View360GrpThmBody #img_zoom_out.disable,
#View360GrpThmBody #img_zoom_in.disable{
  color: #ccc;	
}

#View360GrpThmBody #img_zoom_out {
	font-size: 17px;	
}

#View360GrpThmBody #img_zoom_in {
	font-size: 27px;
}