body.modal-open {
  overflow-y: hidden;
  height: auto;
  width: 100%;
}

.animation-tooltip-source {
  cursor: pointer;
}

.animation-tooltip-destination {
  display: none;
}

.img-center {
  margin: 0 25px;
  display: inline-block;
}

#svg-container {
  position: relative;
  width: 100%;
  height: auto;
}
#svg-container .svg-element {
  width: 100%;
  height: auto;
  display: block;
}
#svg-container svg .hotspotwrapper {
  opacity: 0;
}

/*
.rds-ve-hotspot {
    @media screen and (min-width: 768px) {
        .modal-dialog {
            max-width: 1000px;
            .modal-content {
                width: 100%;
            }
        }
    }
}
*/
.rds-ve-hotspot-tooltip {
  display: none;
  position: absolute;
  z-index: 10;
  background-color: rgba(29, 52, 87, 0.9);
  color: #dadada;
  padding: 12px 35px;
  line-height: 1.5;
  font-family: Roboto;
  font-size: 18px;
  max-width: 500px;
  margin: 0 20px;
}
@media screen and (max-width: 575px) {
  .rds-ve-hotspot-tooltip {
    margin-right: 20px;
  }
}
.rds-ve-hotspot-tooltip[data-tooltip-alignment=middle] {
  pointer-events: none;
}
.rds-ve-hotspot-tooltip[data-mouse-behaviour=default] {
  padding: 12px 20px;
}
.rds-ve-hotspot-tooltip[data-mouse-behaviour=default] .close {
  display: none;
}
.rds-ve-hotspot-tooltip table {
  margin-bottom: 5px;
}
.rds-ve-hotspot-tooltip table td {
  border-top: none !important;
}
.rds-ve-hotspot-tooltip a {
  color: #78a6fd;
}
.rds-ve-hotspot-tooltip a:hover {
  color: #a1bffa;
}
.rds-ve-hotspot-tooltip .close {
  position: absolute;
  cursor: pointer;
  right: 12px;
  bottom: 8px;
  width: 20px;
  height: 20px;
  opacity: 0.8;
}
.rds-ve-hotspot-tooltip .close:hover {
  opacity: 1;
}
.rds-ve-hotspot-tooltip .close:before, .rds-ve-hotspot-tooltip .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 22px;
  width: 2px;
  background-color: #fff;
}
.rds-ve-hotspot-tooltip .close:before {
  transform: rotate(45deg);
}
.rds-ve-hotspot-tooltip .close:after {
  transform: rotate(-45deg);
}

/*
    @media only screen and (min-width: 600px) {
        .rds-ve-hotspot-tooltip {
            margin: 0 10%;
        }
    }

    @media only screen and (min-width: 800px) {
        .rds-ve-hotspot-tooltip {
            margin: 0 15%;
        }
    }

    @media only screen and (min-width: 1000px) {
        .rds-ve-hotspot-tooltip {
            margin: 0 20%;
        }
    }
*/
@media screen and (min-width: 768px) {
  .frame-type-mask_virtual_environment .modal {
    --bs-modal-padding: 1rem 4rem;
  }
}

/*# sourceMappingURL=virtual-environment.css.map */