#surveys{
 color:#333;
 font-size:10px;
}
.aladin-location{
 background-color: rgba(50,50,50,0.6) !important;
 color:#AAA !important;
}
.aladin-fov{
 color:#30a090 !important;
 background-color: rgba(170,170,0,0.1) !important;
}
#surveysList{
 font-size:10px;
}
#back-icon{
 vertical-align:top;
}


#aladin-lite-div {
  margin: auto;
}

#aladinLiteDialog { text-align: center }
#aladinLiteDialog,
.AladinLiteBox {
  padding: 0;
  font-size: 17px;
}

.AladinLiteBox {
  width     : 30vw;
  height    : 450px;
  text-align: left;
}

.AladinLiteBox .aladin-shareControl-container {
  top   : 66px;
  bottom: auto;
}


#aladinLiteDialog a {
  color :#0600EE;
}

.AladinLiteBox a:hover,
.AladinLiteBox a:focus {
  text-decoration: none;
}

#aladinLiteDialog button,
.AladinLiteBox button {
  background: #428bca;
}

.AladinLiteBox .aladin-container {
  width : 98%;
  height: 98%;
}

.hoverRow {
  background: #BCF4EC !important;
}

.imgpreview {
  visibility: hidden;
  cursor    : pointer;
}

.hoverRow .imgpreview {
  visibility: visible;
}


/* Extended AladinLite */

.aladin-simbadPointerControl-container { top: 69px }
.aladin-legend-container {
    position: absolute;
    bottom: 24px;
    left: 4px;
}

.aladin-legend-button {
    position: absolute;
    bottom  : 0;

    cursor: pointer;
    z-index: 20;
    background-color: rgba(250,250,250,0.8);
    border-radius: 4px;

    width: 32px;
    height: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AYaDxYCCC8iqQAAAv1JREFUWMPllk9oHHUUxz/vN9sx4maze2ihSMRe6iGHkJIU9tQtmxKjdk3qJRSKCEJAaBVqDxYPWxB7sLWYglBQVFCpiHZR8KLR9FS0S0MOhVowSAcWaknzx6FMZnfe89BtSkvV2pJJqe84j+H7+X2/b978JAgCgF7f96sdHR0jpFBRFNXiOK4CMxIEQW82m51yzuVJsVR1IQzDkvN9v5q2OIBzLu/7flUWFxeNNazM7Q/ePvUWpy/+hBMPETADtYRtm7dzcPTN1QeY+vVHvtj/EeeDXxAchtLTvZWxd1/iICkAOHH8sRTw/YWTOPFQS1jftRGHl04EgmN+uUE+l8fhoSTMLzcQcQAUX9iHOCiVd6Kq3DJAZiRqHNk7zMDIKwwOjWKmmBmtxDi6b/jfAUAI7QpduU7AAUpoV7ihdOaribs62dna+/fmgJnSzFylUOgEBDCamauoaToRlHuGmPj4B5zcbKm1KPcMrQrAg7cHZk/uYunc5HX3rycABl1bymwa+3r1Aebrk2w/PA3BJOABCXSXmXqjj01jKTgAwJ8X4cJ7IBmwFuS7MUkpAgCas1AogHhgCTRnuaHfP7qXjCjbBitoktBKlGOvPceWyjiDQ6NghplhQNLu9e0cpzRY4dirz94lgARQyII5EAUJsPao1k8dv+Mr57458bennP72xH9wwIBHG7AhByYgBusaYClFsL44zOlDNZBboTYUh/8ne+BAbZrP67/jOVlZA4kau/uf5J2RvtUH+PTn36gfepGzl5ZwAmow8ESOgeon6QB4Ao2lZb48P4cnkBg8nn8EL609IAKXr7UoZP32fUi4fK2FawP0V8YR5yiVK6gmK//6if0Vep95mR1P70JVabYSjr/+/L1cSIy52FHo7GhPgDAXu5V+/R++95nvPrh/B9QgFI987rEVgFAciVo6Eewpbubwh5/hyc3QEzP2FJ96OPeAY43LRVFUWyvxKIpqLo7jqqoupC2uqgtxHFcdMBOGYSlNJ6IoqoVhWAJm/gJ4FEbKZ/PPPgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% 70%;
}
.aladin-legend-button:hover { background-color: rgba(220,220,220,0.8) }

.aladin-legend {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    background-color: rgba(250,250,250,0.8);
}

.aladin-legend-container.is-active .aladin-legend        { display: block }
.aladin-legend-container.is-active .aladin-legend-button { display: none  }

.symbol-line {
    white-space: nowrap;
}

.aladin-legend label, .aladin-legend canvas {
    vertical-align: bottom;
}

.aladin-legend canvas { margin: 0 5px }

.aladin-legend .symbol-line input#pmTime { width: 100px }


/* Divided content */
.divided {
  display  : flex;
  max-width: 100vw;
  width    : 100%;
}
.divided .divided-content {
  overflow-x: auto;
  max-height: 90vh;
}
.divided .divider {
  display: block;
  position: relative;
  margin: 0 5px;
  width : 20px;
  background-color: #ddd;
  border: 1px solid #bbb;
  cursor: ew-resize;
}
.divided .divider::before {
  content: "";
  display: block;
  position: relative;
  left: 8px;
  top: 30%;
  width: 1px;
  height: 40%;
  border: 1px solid #aaa;
  border-top: 0;
  border-bottom: 0;
}
.divided .divider:hover { border-color: #999 }
.divided .divider:hover::before { border-color: #888 }
.divided .divider,
.divided .divider::before { transition: border-color .2s }

.divided .divider .to-right,
.divided .divider .to-left {
  display: block;
  position: absolute;
  left: 0;
  width : 100%;
  height: 2em;
  background-color: #bbb;
  cursor: pointer;
  transition: background-color .2s;
}
.divided .divider .to-right:hover,
.divided .divider .to-left:hover {
  background-color: #999;
}
.divided .divider .to-right { top   : 0 }
.divided .divider .to-left  { bottom: 0 }

.divided .divider .to-right::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 2px;
  width: 10px;
  height: 10px;
  border: 2px solid #eee;
  border-left: 0;
  border-bottom: 0;
  transform: scale(0.7) rotate(45deg);
  transform-origin: 50% 50%;
}
.divided .divider .to-left::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 5px;
  width: 10px;
  height: 10px;
  border: 2px solid #eee;
  border-right: 0;
  border-top: 0;
  transform: scale(0.7) rotate(45deg);
  transform-origin: 50% 50%;
}
.divided .divider .to-right:hover::before,
.divided .divider .to-left:hover::before {
  border-color: #fff;
}