/* ----- Start DocDef Viewer Toolbar ----- */

/* item on toolbar */
#containerControls button {
  /*height: 28px;*/
  border-radius: 4px !important;
  position: relative;
}

/* TODO: check of echt nodig */
#containerControls button > i {
	margin-top: 0;
	margin-left: -1px;
	font-size: 150%;
}

/* dropdown menu item text */
#containerControls ul li a, #containerControls ul li[data-tbbuttonname] a {
    padding-right: 30px;
}
#containerControls ul li[data-tbbuttonname=""] a {
    padding-right: 5px;
}

/* dropdown menu item icon */
#containerControls ul li a > i {
	margin-top: 1px;
	float: right;
}

/* viewer toolbar button .selected */
#containerControls button .selected {
  color: yellow;
}

/* DocDef Image */
.nav-tabs-icon > i {
	font-size: 150%;
}

/* these classes need, to ensure not getting overruled by body.waiting class */
#container.dragging * {
    cursor: move !important;
}

#container.selectable * {
    cursor: pointer !important;
}

#container.default * {
    cursor: default !important;
}

.deg90 {
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -moz-transform: rotate(90deg);   /* Firefox */
    -ms-transform: rotate(90deg);   /* IE 9 */
    -o-transform: rotate(90deg);   /* Opera */
    transform: rotate(90deg);
}


.deg180 {
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -moz-transform: rotate(180deg);   /* Firefox */
    -ms-transform: rotate(180deg);   /* IE 9 */
    -o-transform: rotate(180deg);   /* Opera */
    transform: rotate(180deg);
}

.deg270 {
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -moz-transform: rotate(270deg);   /* Firefox */
    -ms-transform: rotate(270deg);   /* IE 9 */
    -o-transform: rotate(270deg);   /* Opera */
    transform: rotate(270deg);
}


/* ----- End DocDef Viewer Toolbar ----- */


/* ----- Marquee selection PrimeGeo viewer -----*/

#ray-intersection {
  border: 1px solid #CCC;
  z-index: 10;
  width: 500px;
  height: 500px;
  /* OFFSET CHANGE */
  /* adding these values to demonstrate ray intersections anywhere in the scene */
  position: absolute;
  left: 150px;
  top: 120px;
  pointer-events: all;
}

#select-marquee {
  position:absolute;
  /* initialize it offscreen */
  top: -2px;
  left: -2px;
  z-index: 50;
  height: 0px;
  width: 10px;
  background-color: rgba(208, 255, 242, 0.5);
  border: dotted 1px #9a9a9a;
  margin: 0;
  padding: 0;
  pointer-events:none;
}

.clickMarkers {
  pointer-events:none;
  position: absolute;
  z-index: 100;
  color: white;
}

/* ----- Marquee selection PrimeGeo viewer ----- */