.ocvc_pdftron {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ocvc_pdftron.ocvc_pdftron_hidden {
  visibility: hidden !important;
  z-index: -1 !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.ocvc_pdftron.show_ftd {
  visibility: visible;
  z-index: 3;
  top: 52px;
  width: 100%;
  height: calc(100% - 52px);
}

#tron-modal {
  z-index: 2;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
}

#tron-modal-close {
  position: absolute;
  top: 1px;
  right: 3px;
  cursor: pointer;
}

#tron-modal-close:hover {
  color: #f00;
}

#tron-modal-content {
  padding: 1em;
}

#tron-modal-content > iframe {
  width: 600px;
  height: 450px;
}

#tron-modal-content img {
  max-width: 80%;
  max-height: 80%;
}

/* HOTSPOT */
#hotspot-tron-modal {
  position: fixed;
  background: rgba(14, 59, 95, 0.75);
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#hotspot-tron-modal #hotspot-tron-content {
  position: relative;
}

#hotspot-tron-modal #hotspot-tron-close {
  position: relative;
}

#hotspot-tron-modal #hotspot-tron-content-loading {
  position: fixed;
  display: flex;
  background: #00a0e6;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
  z-index: 3;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  left: calc(50% - 150px);
  top: calc(50% - 150px);
}

#hotspot-tron-modal #hotspot-tron-content-loading .ftd_logo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAjCAYAAAADp43CAAAAAXNSR0IArs4c6QAABA1JREFUaAXtmluITVEYx50ZuXtwyZMJU+SWWyNhpihR8zClRgxPRBF5UkqeSKIoPGEeiOIJISOFB5FChkLJNWFcX0zIMMfvr3N2+6yz1pp95myas52v/u21vu9b31rrv9dtr3NSvcrSK51OP4eG0QVS0YH/nlSBhRLpDoFVdGwhqAULwEgQRURiWcIMQGYFWAROgS4lXLacNhiAvTngto9Fo0g5azIAeZVgv4vEFIY+FNoMloJRoDcoRH7h/BYcS6VS21SQmC085in9F6SdmPfBRup7oPjU18hjExgLBgCXfMfwJQNtHCp/B7QQS3qnUMcGjAfyHDBsB3FJPYEGxxWsizg31Rl85nfhF8X8DSeteTPyCAopsO8wg1VgXx7yKTapBowrNkjE8jPojE4RKyL6+9z6YVwMtN6dAEMdzlvRXwzbRKCmbVzykUCaJv9CPjHt0lQUZ/v1QpaBO5A43exEpj5N5aCPIrDSdCwif5eyj8CtImJELdqacYyz/dm6R5O4AokTs4rsExKfkt4X5HHSW7TJcZRvbAaHrp3g22UjZH8e2pSqQV9gkzqUsy2GJ+hOWfSm6jT13aSuqxjmmUbyh8AxQz+Y/HAwDdSD8cAnLzHWUI9mViDUqVH/DFSosy6xdS4IUmyCSl2b19lCYhNHI8UmW3xxKKATSAO4bisc0jXb4mC/IB9N4f9SGFVpcBbMhYC9HhJWwVONxX5euv+WQIMQnSGPGLpsVhvL+mwm9LymdBIIVAeLEo1GAqwBrx2BljAKBxk2HcIfJoFA1yZo9NefhcSfeBx0eA1Er6keCP6dYFISCAw6FUPiMDH0aWqTWTal77t3JcNWd2M+6cD4ApzhbQSHS1+BnmyjD230WUeXaks7p1p03osDrQlR5S4Vz6QBrrcXNU5P8HMROMzWuLimsD57bFu9rc6erhOBNhliU8ZFoGKbu5StvlLQuTYlLVd5EieBj/Oil6ZihKPZ7236uAhsZf17ZaugBHVTHG3+YNP7duFaCvy5tLQVNHSdRr4ks2yEY2h4laPxf26/TZuPQB0Uk7Crmn325Vd7jJdstrimsC12SekYfVr71joarfXvns2WBAJTto4VooM88aC7Q9dV/lFmo3V3TgKB1o5FJRDyBuB7GuifCTbRr3W7bQbpkkBgt0YgxOlCtREO7oMGkeGQXYy+nBvpsJ9vEwn79eS0awROzhAUbrsO+1rrJoD6TJqHU85h2em0YkgCga7+NWEQuiv60Wo5o897REvCFO4uQb5yJzHWQV67z0m2MoG5DOlrYx3ENUUhT0WTPIVzqfHn9FOq/vfSDHFf/a65VhH4PFcV5P72BelnR91tQQuiJTRqon6H/8D3E9Cu+g7cAJchzcUBZr/8BviR3+T0yfi3AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 35px;
  width: 80px;
}

#hotspot-tron-modal #hotspot-tron-content-loading .label_loading {
  min-width: 72px;
  padding: 0 10px;
  height: 24px;
  line-height: 23px;
  font-family: InterUI;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background: rgba(14, 59, 95, 0.25);
  border-radius: 4px;
  margin-top: 19px;
  font-size: 14px;
  font-family: Arial;
}

#hotspot-tron-modal #hotspot-tron-content-loading .progress_loading {
  width: 57px;
  height: 57px;
  border-radius: 50%;
  background-color: rgba(14, 59, 95, 0.25);
  margin-top: 62px;
  position: relative;
  overflow: hidden;
}

#hotspot-tron-modal #hotspot-tron-content-loading .progress_loading::before {
  display: block;
  position: absolute;
  content: "";
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-radius: 50%;
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-width: 4px;
  width: 34px;
  height: 34px;
  animation: vmlc_loading 1s linear infinite;
  -webkit-animation: vmlc_loading 1s linear infinite;
  margin: 11px 0 0 12px;
  box-sizing: border-box;
}

@-webkit-keyframes vmlc_loading {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vmlc_loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Hotspot Audio */
#htm_audio_wrap {
  width: 100%;
  height: 107px;
  border-radius: 32px 32px 0 0;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

#htm_audio_wrap.htm_audio_wrap_hidden {
  visibility: hidden;
}

#htm_audio_wrap #htm_audio_source {
  opacity: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: -1000;
}

#htm_audio_wrap #htm_audio_close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  width: 31px;
  height: 31px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 1;
}

#htm_audio_wrap #htm_audio_controls {
  width: 710px;
  height: 107px;
  margin: 0 auto;
  position: relative;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_control_replay {
  font-size: 28px;
  position: absolute;
  right: 0;
  top: calc(50% - 14px);
  cursor: pointer;
  width: 28px;
  height: 28px;
  background-image: url(./images/replay.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_control_play {
  background: #00a0e6;
  width: 53px;
  height: 53px;
  font-size: 56px;
  position: absolute;
  top: calc(50% - 25px);
  right: 49px;
  cursor: pointer;
  margin: -3px 8px 0 0;
  background-image: url(./images/play.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px;
  border-radius: 50%;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_control_pause {
  background: #a4b5c3;
  width: 53px;
  height: 53px;
  font-size: 56px;
  position: absolute;
  top: calc(50% - 25px);
  right: 49px;
  cursor: pointer;
  margin: -3px 8px 0 0;
  background-image: url(./images/pause.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px;
  border-radius: 50%;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_control_pause.htm_audio_control_pause_hidden {
  display: none;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_control_thumb {
  width: 77px;
  height: 77px;
  float: left;
  margin-right: 27px;
  margin-top: 16px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_times {
  float: left;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_times #htm_audio_time_full {
  float: left;
  margin: 25px 0 0 0;
  font-family: "InterUI", sans-serif !important;
  font-size: 24px;
  color: #0e3b5f;
  clear: both;
  line-height: 37px;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_times #htm_audio_time_part {
  float: left;
  margin: 2px 0 0 0;
  font-family: Helvetica;
  font-size: 15px;
  color: #a4b5c3;
  clear: both;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_progressfull {
  float: right;
  width: calc(100% - 310px);
  margin: 52px 110px 0 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 4px;
  opacity: 1;
  border-radius: 2px 0 0 2px;
  background-color: #a4b5c3;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_progressfull #htm_audio_progress {
  background: #00a0e6;
  height: 4px;
  border-radius: 2px 0 0 2px;
  position: absolute;
  left: 0%;
  width: 0;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_progressfull #htm_audio_progress_bull {
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  bottom: -4px;
  left: -6px;
}

#htm_audio_wrap #htm_audio_controls #htm_audio_progressfull #htm_audio_progress_bull:hover::after {
  content: '';
  background: rgba(0, 160, 230, 0.2);
  width: 24px;
  height: 24px;
  position: absolute;
  top: -5px;
  left: -6px;
  border-radius: 50%;
  z-index: 0;
}

#htm_audio_progressfull_slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  background: transparent;
  margin: -4px 0 0 0;
  position: absolute;
}

#htm_audio_progressfull_slider:hover {
}

#htm_audio_progressfull_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

#htm_audio_progressfull_slider::-moz-range-thumb {
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

@media screen and (max-width: 730px) {
  #htm_audio_wrap {
    height: auto;
    overflow: auto;

    /* min-height: 350px; */
  }

  #htm_audio_wrap #htm_audio_close {
    z-index: 1;
  }

  #htm_audio_wrap #htm_audio_controls {
    height: 100%;
    width: 100%;
    overflow: auto;
    min-height: 228px;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_control_pause {
    margin: 0;
    top: auto;
    bottom: 20px;
    left: calc(50% - 26.5px);
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_control_play {
    margin: 0;
    top: auto;
    bottom: 20px;
    left: calc(50% - 26.5px);
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_control_replay {
    right: auto;
    left: calc(50% - 88px);
    top: auto;
    bottom: 32px;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_control_thumb {
    display: block;
    float: none;
    margin: 125px auto 95px;
    width: 184px;
    height: 184px;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_times {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    text-align: center;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_times #htm_audio_time_full {
    float: none;
    margin: 15px 0 0 0;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_times #htm_audio_time_part {
    float: none;
  }

  #htm_audio_wrap #htm_audio_controls #htm_audio_progressfull {
    left: 10px;
    width: calc(100% - 20px);
    margin: 0;
    float: none;
    position: absolute;
    top: 102px;
  }

  #htm_audio_wrap #htm_audio_progressfull_slider {
  }
}

@media screen and (max-height: 390px) {
  #htm_audio_wrap #htm_audio_controls #htm_audio_control_thumb {
    width: 115px;
    height: 115px;
  }
}

/* OED */
#htm_oed_wrap {
  background: transparent;
  position: absolute;
  width: 810px;
  height: 610px;
  top: calc(50% - 305px);
  left: calc(50% - 405px);
}

#htm_oed_wrap.htm_oed_wrap_hidden {
  visibility: hidden;
}

#htm_oed_wrap #htm_oed_close {
  position: absolute;
  top: -31px;
  right: 0;
  cursor: pointer;
  width: 31px;
  height: 31px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}

#htm_oed_wrap #htm_oed_source {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Hotspot Exercise Lemonade */
#htm_hel_wrap {
  background: #fff;
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  border: 3px solid #00a0e6;
}

#htm_hel_wrap .htm_oel_wrap_hidden {
  visibility: hidden;
}

#htm_hel_wrap #htm_oel_close {
  position: absolute;
  top: -31px;
  right: -3px;
  cursor: pointer;
  width: 45px;
  height: 31px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #fff;
  border-radius: 0;
  border-width: 3px 3px 0 3px;
  border-color: #00a0e6;
  border-style: solid;
}

#htm_hel_wrap #htm_oel_source {
  width: 100%;
  height: 100%;
  border: 0;
}

/* VIDEO */
#htm_video_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

#htm_video_wrap #htm_video_wrap_content {
  position: absolute;
}

#htm_video_wrap.htm_video_wrap_hidden {
  visibility: hidden;
}

#htm_video_wrap #htm_video_close {
  position: absolute;
  top: -31px;
  right: 0;
  cursor: pointer;
  width: 31px;
  height: 31px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}

#htm_video_wrap #htm_video_source {
  /* opacity: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -1000; */
}

#htm_video_wrap #htm_video_controls {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#htm_video_wrap #htm_video_controls #htm_video_control_play {
  background: #00a0e6;
  width: 50px;
  height: 50px;
  font-size: 56px;
  position: absolute;
  top: calc(50% - 25px);
  right: calc(50% - 25px);
  cursor: pointer;
  margin: -3px 8px 0 0;
  background-image: url(./images/play.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_controls #htm_video_control_pause {
  background: #00a0e6;
  width: 50px;
  height: 50px;
  font-size: 56px;
  position: absolute;
  top: calc(50% - 25px);
  right: calc(50% - 25px);
  cursor: pointer;
  margin: -3px 8px 0 0;
  background-image: url(./images/pause.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_controls #htm_video_control_pause.htm_video_control_pause_hidden {
  display: none;
}

#htm_video_wrap #htm_video_controls #htm_video_times {
  /* position: absolute; */

  /* bottom: 10px; */

  /* left: 10px; */
}

#htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_full {
  color: #00a0e6;
  position: absolute;
  right: 60px;
  bottom: 20px;
}

#htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_part {
  color: #00a0e6;
  position: absolute;
  left: 10px;
  bottom: 20px;
}

#htm_video_wrap #htm_video_controls #htm_video_progressfull {
  width: 100%;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  height: 4px;
  opacity: 1;
  border-radius: 0;
  background-color: #a4b5c3;
  position: absolute;
  bottom: 4px;
  left: 0;
}

#htm_video_wrap #htm_video_controls #htm_video_progressfull #htm_video_progress {
  background: #00a0e6;
  height: 4px;
  border-radius: 0 2px 2px 0;
  position: absolute;
  left: 0;
  width: 0;
}

#htm_video_wrap #htm_video_controls #htm_video_progressfull #htm_video_progress_bull {
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  bottom: -4px;
  left: -6px;
}

#htm_video_wrap #htm_video_controls #htm_video_progressfull #htm_video_progress_bull:hover::after {
  content: '';
  background: rgba(0, 160, 230, 0.2);
  width: 24px;
  height: 24px;
  position: absolute;
  top: -5px;
  left: -6px;
  border-radius: 50%;
  z-index: 0;
}

#htm_video_wrap #htm_video_controls #htm_video_control_fullscreen {
  background-image: url(./images/fullscreen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  bottom: 15px;
  cursor: pointer;
  background-color: #00a0e6;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_controls #htm_video_control_restorescreen {
  background-image: url(./images/restorescreen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  bottom: 15px;
  cursor: pointer;
  background-color: #00a0e6;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_controls #htm_video_control_volume {
  background-image: url(./images/volume.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background-color: #00a0e6;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_controls #htm_video_control_volume.video_without_audio {
  background-color: transparent;
  opacity: 0.4;
  cursor: default;
  background-image: url(./images/mute.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#htm_video_wrap #htm_video_controls #htm_video_control_mute {
  background-image: url(./images/mute.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background-color: #00a0e6;
  border-radius: 50%;
}

#htm_video_wrap .htm_video_control_hide {
  display: none;
}

#htm_video_wrap .htm_video_all_control_hide {
  visibility: hidden;
}

#htm_video_wrap #htm_video_progressfull_slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  background: transparent;
  margin: -4px 0 0 0;
  position: absolute;
}

#htm_video_wrap #htm_video_progressfull_slider:hover {
}

#htm_video_wrap #htm_video_progressfull_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

#htm_video_wrap #htm_video_progressfull_slider::-moz-range-thumb {
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

#htm_video_wrap .vSubtitles {
  position: fixed;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  min-height: 48px;
}

#htm_video_wrap .vSubtitles.vSubtitles_show {
  display: block;
}

/* VIDEO FULLSCREEN */

#htm_video_wrap:fullscreen {}
#htm_video_wrap:-ms-fullscreen {}
#htm_video_wrap:-moz-full-screen {}
#htm_video_wrap:-webkit-full-screen {}

#htm_video_wrap:fullscreen #htm_video_close { position: fixed; top: 5px; left: auto; right: 5px; border-radius: 5px; }
#htm_video_wrap:-ms-fullscreen #htm_video_close { position: fixed; top: 5px; left: auto; right: 5px; border-radius: 5px; }
#htm_video_wrap:-moz-full-screen #htm_video_close { position: fixed; top: 5px; left: auto; right: 5px; border-radius: 5px; }
#htm_video_wrap:-webkit-full-screen #htm_video_close { position: fixed; top: 5px; left: auto; right: 5px; border-radius: 5px; }

#htm_video_wrap:fullscreen #htm_video_source { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
#htm_video_wrap:-ms-fullscreen #htm_video_source { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
#htm_video_wrap:-moz-full-screen #htm_video_source { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
#htm_video_wrap:-webkit-full-screen #htm_video_source { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }

#htm_video_wrap:fullscreen #htm_video_wrap_content { width: 100%; height: calc(100% - 125px); }
#htm_video_wrap:-ms-fullscreen #htm_video_wrap_content { width: 100%; height: calc(100% - 125px); }
#htm_video_wrap:-moz-full-screen #htm_video_wrap_content { width: 100%; height: calc(100% - 125px); }
#htm_video_wrap:-webkit-full-screen #htm_video_wrap_content { width: 100%; height: calc(100% - 125px); }

/* VIDEO FULLSCREEN */

#htm_pdf_wrap {
  width: 100%;
  height: 100%;
}

#htm_pdf_wrap #container_pdflink_close {
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 18px;
  cursor: pointer;
  width: 31px;
  height: 31px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #fff;
  border-radius: 0;
}

#htm_pdf_wrap #container_pdflink_title {
  position: absolute;
  font-family: "InterUI", sans-serif !important;
  font-size: 18px !important;
  color: #0e3b5f !important;
  top: 10px;
  left: 55px;
  right: 55px;
  text-align: center;
  line-height: 46px;
}

#htm_pdf_wrap #container_pdflink {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px auto 0;
}

/* IMAGE */
#htm_image_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

#htm_image_wrap:fullscreen,
#htm_image_wrap:-webkit-full-screen,
#htm_image_wrap:not(:root):-webkit-full-screen::backdrop,
#htm_image_wrap:-moz-full-screen {
  background: #fff;
}

#htm_image_wrap.htm_image_wrap_hidden {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

#htm_image_wrap #htm_image_controls {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 0 0 0 5px;
  z-index: 1;
}

#htm_image_wrap #htm_image_controls #htm_image_close {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #00a0e6;
  cursor: pointer;
  text-align: center;
  float: right;
  background-image: url(./images/close_white.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 0 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#htm_image_wrap #htm_image_controls #htm_image_zoomin {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #00a0e6;
  cursor: pointer;
  text-align: center;
  float: right;
  background-image: url(./images/add.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#htm_image_wrap #htm_image_controls #htm_image_zoomout {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #00a0e6;
  cursor: pointer;
  text-align: center;
  float: right;
  background-image: url(./images/remove.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 10px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#htm_image_wrap #htm_image_controls #htm_image_fullscreen {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #00a0e6;
  cursor: pointer;
  text-align: center;
  float: right;
  background-image: url(./images/fullscreen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 10px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#htm_image_wrap #htm_image_controls #htm_image_fullscreen_out {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #00a0e6;
  cursor: pointer;
  text-align: center;
  float: right;
  background-image: url(./images/restorescreen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 10px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#htm_image_wrap #htm_image_source {
  position: absolute;

  /* max-width: 80%;
    max-height: 80%; */
}

#htm_image_wrap #htm_image_source.htm_image_control_hide {
  /* max-width: 80%;
    max-height: 80%; */
}

#htm_image_wrap .htm_image_control_hide {
  display: none;
}

.htm_element_wrap_hidden {
  visibility: hidden;
}

@media screen and (max-width: 730px) {
  #htm_oed_wrap {
    left: auto;
    top: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #htm_oed_wrap #htm_oed_source {
    /* max-width: calc(100% - 15px);
        max-height: calc(100% - 15px);
        margin: 93px 0 0 0; */
  }

  #htm_oed_wrap #htm_oed_close {
    /* position: fixed; */

    /* top: 23px;
        left: auto;
        right: 7px; */
  }
}

@media (max-width: 730px) and (orientation: landscape) {
  #htm_oed_wrap {
  }

  #htm_oed_wrap #htm_oed_source {
    margin: 0 auto;
    text-align: center;
  }

  #htm_oed_wrap #htm_oed_close {
    /* top: 0;
        right: 0;
        border-radius: 0; */
  }
}

.error_loading {
}

.error_loading .txt_file_not_fount {
  color: #fff;
  font-weight: bold;
  margin: 30px 0 55px;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
}

.error_loading .btn_file_not_fount {
  width: 85px;
  padding: 0 10px;
  height: 24px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 23px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background: rgba(14, 59, 95, 0.25);
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

/* END HOTSPOT */

/* CUSTOM DEMO */
#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_demo {
  background: #0075e1;
}

#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_lightgreen .ftd_logo,
#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_demo .ftd_logo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgOTAgMjEiIHdpZHRoPSI5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtNi41IDIxYy0xLjA4OTI4NTcxIDAtMi4wMzU3MTQyOS0uMTgzODIzNS0yLjg1NzE0Mjg2LS41Njk4NTI5LS44MjE0Mjg1Ny0uMzg2MDI5NS0xLjUtLjkwMDczNTMtMi4wMzU3MTQyOC0xLjU4MDg4MjQtLjUzNTcxNDI5LS42ODAxNDcxLS45NDY0Mjg1Ny0xLjQ3MDU4ODItMS4yMTQyODU3Mi0yLjM3MTMyMzUtLjI2Nzg1NzE0LS45MTkxMTc3LS4zOTI4NTcxNC0xLjg5MzM4MjQtLjM5Mjg1NzE0LTIuOTU5NTU4OCAwLTEuMDY2MTc2NS4xMjUtMi4wNDA0NDEyLjM5Mjg1NzE0LTIuOTU5NTU4OS4yNjc4NTcxNS0uOTE5MTE3NjIuNjYwNzE0MjktMS43MDk1NTg3OSAxLjIxNDI4NTcyLTIuMzcxMzIzNXMxLjIxNDI4NTcxLTEuMTk0ODUyOTQgMi4wMzU3MTQyOC0xLjU5OTI2NDcxYy44MjE0Mjg1Ny0uNDA0NDExNzYgMS43Njc4NTcxNS0uNTg4MjM1MjkgMi44NTcxNDI4Ni0uNTg4MjM1MjlzMi4wMzU3MTQyOS4yMDIyMDU4OCAyLjg1NzE0Mjg2LjU4ODIzNTI5Yy44MjE0Mjg1NC4zODYwMjk0MiAxLjUwMDAwMDA0LjkxOTExNzY1IDIuMDM1NzE0MjQgMS41OTkyNjQ3MS41MzU3MTQzLjY2MTc2NDcxLjk0NjQyODYgMS40NzA1ODgyNCAxLjIxNDI4NTggMi4zNzEzMjM1LjI2Nzg1NzEuOTE5MTE3Ny4zOTI4NTcxIDEuODkzMzgyNC4zOTI4NTcxIDIuOTU5NTU4OSAwIDEuMDY2MTc2NC0uMTI1IDIuMDQwNDQxMS0uMzkyODU3MSAyLjk1OTU1ODgtLjI2Nzg1NzIuOTE5MTE3Ni0uNjYwNzE0MyAxLjcwOTU1ODgtMS4yMTQyODU4IDIuMzcxMzIzNS0uNTM1NzE0Mi42NjE3NjQ3LTEuMjE0Mjg1NyAxLjE5NDg1MjktMi4wMzU3MTQyNCAxLjU4MDg4MjQtLjgyMTQyODU3LjM4NjAyOTQtMS43ODU3MTQyOS41Njk4NTI5LTIuODU3MTQyODYuNTY5ODUyOXptMC0yLjIwNTg4MjRjMS4yNSAwIDIuMTc4NTcxNDMtLjQ1OTU1ODggMi43Njc4NTcxNC0xLjM5NzA1ODguNTg5Mjg1NzItLjkzNzUuODkyODU3MTYtMi4yMjQyNjQ3Ljg5Mjg1NzE2LTMuODc4Njc2NCAwLTEuNjU0NDExOC0uMzAzNTcxNDQtMi45NDExNzY1LS44OTI4NTcxNi0zLjg3ODY3NjUyLS41ODkyODU3MS0uOTE5MTE3NjQtMS41MTc4NTcxNC0xLjM3ODY3NjQ3LTIuNzY3ODU3MTQtMS4zNzg2NzY0N3MtMi4xNjA3MTQyOS40NTk1NTg4My0yLjc1IDEuMzc4Njc2NDdjLS41ODkyODU3MS45MTkxMTc2Mi0uODc1IDIuMjA1ODgyMzItLjg3NSAzLjg3ODY3NjUyIDAgMS42NTQ0MTE3LjI4NTcxNDI5IDIuOTU5NTU4OC44NzUgMy44Nzg2NzY0LjU3MTQyODU3LjkzNzUgMS41IDEuMzk3MDU4OCAyLjc1IDEuMzk3MDU4OHoiLz48cGF0aCBkPSJtMTUgNi4yOTU2NTIxN2MuMjAxODM0OS0uMDM0NzgyNi40MDM2Njk3LS4wNjk1NjUyMS42MDU1MDQ2LS4wODY5NTY1Mi4yMDE4MzQ4LS4wMTczOTEzLjQwMzY2OTctLjAzNDc4MjYxLjYwNTUwNDYtLjAzNDc4MjYxLjIwMTgzNDggMCAuNDAzNjY5Ny4wMTczOTEzMS41Njg4MDczLjAzNDc4MjYxLjE4MzQ4NjMuMDE3MzkxMzEuMzY2OTcyNS4wNTIxNzM5Mi41Njg4MDc0LjA4Njk1NjUyLjA1NTA0NTguMjYwODY5NTcuMTEwMDkxNy42MjYwODY5Ni4xNjUxMzc2IDEuMDc4MjYwODcuMDU1MDQ1OC40NTIxNzM5Mi4wOTE3NDMxLjgxNzM5MTMxLjA5MTc0MzEgMS4xMzA0MzQ3OS4xODM0ODYyLS4yOTU2NTIxOC40MjIwMTgzLS41OTEzMDQzNS43MTU1OTYzLS45MDQzNDc4My4yOTM1NzgtLjI5NTY1MjE3LjYyMzg1MzItLjU3MzkxMzA0Ljk5MDgyNTctLjguMzY2OTcyNS0uMjQzNDc4MjYuODA3MzM5NS0uNDM0NzgyNjEgMS4yODQ0MDM3LS41NzM5MTMwNC40NzcwNjQyLS4xNTY1MjE3NCAxLjAwOTE3NDMtLjIyNjA4Njk2IDEuNTk2MzMwMy0uMjI2MDg2OTYgMS42MzMwMjc1IDAgMi44NDQwMzY2LjQ1MjE3MzkxIDMuNjMzMDI3NSAxLjMzOTEzMDQzLjc4ODk5MDguODg2OTU2NTMgMS4xNzQzMTE5IDIuMjA4Njk1NjYgMS4xNzQzMTE5IDMuOTQ3ODI2MDd2OC41OTEzMDQ0Yy0uMjAxODM0OS4wMzQ3ODI2LS40NDAzNjcuMDY5NTY1Mi0uNjk3MjQ3Ny4wODY5NTY1cy0uNDk1NDEyOS4wMzQ3ODI2LS42OTcyNDc3LjAzNDc4MjZjLS4yMDE4MzQ5IDAtLjQ0MDM2Ny0uMDE3MzkxMy0uNjc4ODk5MS0uMDM0NzgyNi0uMjU2ODgwNy0uMDE3MzkxMy0uNDc3MDY0Mi0uMDUyMTczOS0uNjc4ODk5MS0uMDg2OTU2NXYtNy44OTU2NTIyYzAtMS4yNTIxNzM5LS4yMDE4MzQ4LTIuMTczOTEzMDUtLjYwNTUwNDYtMi43NjUyMTc0LS40MDM2Njk3LS41OTEzMDQzNC0xLjA2NDIyMDEtLjg4Njk1NjUyLTEuOTQ0OTU0MS0uODg2OTU2NTItLjUxMzc2MTUgMC0xLjAwOTE3NDMuMDg2OTU2NTItMS40ODYyMzg1LjI2MDg2OTU3LS40NTg3MTU2LjE3MzkxMzA0LS44ODA3MzQuNDUyMTczOTEtMS4yMjkzNTc4LjgxNzM5MTMtLjM0ODYyMzkuMzY1MjE3MzktLjY0MjIwMTkuODUyMTczOTUtLjg0NDAzNjcgMS40NDM0NzgyNS0uMjIwMTgzNS41OTEzMDQ0LS4zMTE5MjY2IDEuMzA0MzQ3OC0uMzExOTI2NiAyLjEyMTczOTF2Ni44Njk1NjUzYy0uMjAxODM0OS4wMzQ3ODI2LS40NDAzNjcuMDY5NTY1Mi0uNjc4ODk5MS4wODY5NTY1LS4yNTY4ODA3LjAxNzM5MTMtLjQ3NzA2NDIuMDM0NzgyNi0uNjc4ODk5MS4wMzQ3ODI2cy0uNDQwMzY3LS4wMTczOTEzLS42OTcyNDc3LS4wMzQ3ODI2LS40OTU0MTI4LS4wNTIxNzM5LS42OTcyNDc3LS4wODY5NTY1di0xMy41NDc4MjYxM3oiLz48cGF0aCBkPSJtMzAuOTc4Mzg2MiAxNC4xOTY4MjE1Yy4wMzc0NjM5IDEuNTU4Njc5Ny40NDk1Njc3IDIuNjk1NTk5IDEuMjM2MzExMiAzLjQyOTA5NTQuNzg2NzQzNS43MzM0OTYzIDEuOTQ4MTI2OCAxLjA4MTkwNzEgMy40ODQxNDk5IDEuMDgxOTA3MSAxLjM0ODcwMzEgMCAyLjYyMjQ3ODMtLjIzODM4NjMgMy44NDAwNTc2LS42OTY4MjE2LjE0OTg1NTkuMjc1MDYxMi4yODA5Nzk4LjYyMzQ3MTkuMzc0NjM5OCAxLjAwODU1NzUuMDkzNjU5OS40MDM0MjMuMTQ5ODU1OS43ODg1MDg2LjE2ODU4NzkgMS4xOTE5MzE1LS42MTgxNTU3LjI1NjcyMzgtMS4zMTEyMzkyLjQ1ODQzNTMtMi4wNjA1MTg4LjU4Njc5NzEtLjc0OTI3OTUuMTI4MzYxOS0xLjU3MzQ4Ny4yMDE3MTE1LTIuNDkxMzU0NC4yMDE3MTE1LTEuMzI5OTcxMiAwLTIuNDcyNjIyNS0uMTgzMzc0MS0zLjQwOTIyMTktLjU1MDEyMjItLjk1NTMzMTQtLjM2Njc0ODItMS43MjMzNDMtLjg4MDE5NTYtMi4zNDE0OTg2LTEuNTQwMzQyM3MtMS4wNjc3MjMzLTEuNDQ4NjU1My0xLjM0ODcwMzItMi4zNDcxODgzYy0uMjgwOTc5OC0uODk4NTMzLS40MzA4MzU3LTEuODg4NzUzMS0uNDMwODM1Ny0yLjk3MDY2MDIgMC0xLjA2MzU2OTYuMTMxMTIzOS0yLjA1Mzc4OTcuNDEyMTAzNy0yLjk3MDY2MDEuMjgwOTc5OS0uOTE2ODcwNDIuNjkzMDgzNi0xLjcyMzcxNjM5IDEuMjczNzc1My0yLjQwMjIwMDQ5LjU2MTk1OTYtLjY3ODQ4NDExIDEuMjkyNTA3Mi0xLjIxMDI2ODk1IDIuMTU0MTc4Ni0xLjYxMzY5MTk0Ljg2MTY3MTUtLjQwMzQyMjk4IDEuODkxOTMwOS0uNjA1MTM0NDcgMy4wNTMzMTQyLS42MDUxMzQ0NyAxLjAxMTUyNzMgMCAxLjg5MTkzMDguMTY1MDM2NjcgMi42NDEyMTAzLjQ5NTExMDAyLjc2ODAxMTYuMzMwMDczMzUgMS4zODYxNjcyLjc4ODUwODU2IDEuOTEwNjYyOSAxLjM3NTMwNTYzLjUwNTc2MzYuNTg2Nzk3MDYuODk5MTM1NCAxLjI4MzYxODU4IDEuMTYxMzgzMiAyLjA5MDQ2NDU1LjI2MjI0NzkuODA2ODQ2LjM5MzM3MTggMS42ODcwNDE2LjM5MzM3MTggMi42NDA1ODY4IDAgLjI1NjcyMzctLjAxODczMi41MzE3ODQ4LS4wMzc0NjQuODI1MTgzNC0uMDE4NzMyLjI5MzM5ODUtLjAzNzQ2NC41MzE3ODQ4LS4wNTYxOTU5LjczMzQ5NjNoLTkuOTI3OTUzOXptNy4yMzA1NDc1LTIuMDUzNzg5N2MwLS41MTM0NDc0LS4wNzQ5Mjc5LTEuMDA4NTU3NS0uMjA2MDUxOS0xLjQ4NTMzMDEtLjE0OTg1NTktLjQ3Njc3MjYtLjM1NTkwNzctLjg4MDE5NTU5LS42MTgxNTU2LTEuMjQ2OTQzNzUtLjI4MDk3OTgtLjM0ODQxMDc2LS42MTgxNTU2LS42NDE4MDkyOS0xLjA0ODk5MTMtLjg0MzUyMDc5LS40MzA4MzU4LS4yMjAwNDg5LS45MzY1OTk1LS4zMTE3MzU5NC0xLjUxNzI5MTEtLjMxMTczNTk0LTEuMTYxMzgzMyAwLTIuMDQxNzg2Ny4zNDg0MTA3Ni0yLjY1OTk0MjQgMS4wMjY4OTQ4Ny0uNjE4MTU1Ni42OTY4MjE1MS0uOTkyNzk1MyAxLjY1MDM2NjcxLTEuMTIzOTE5MyAyLjg3ODk3MzExaDcuMTc0MzUxNnoiLz48cGF0aCBkPSJtNTIuNDEwMzg1MyAxOC4xODc1Yy4xNDc0MDM2LjI1NzM1MjkuMjc2MzgxOS41ODgyMzUzLjM4NjkzNDYuOTc0MjY0Ny4xMTA1NTI4LjM4NjAyOTQuMTg0MjU0Ni43OTA0NDEyLjIwMjY4MDEgMS4xOTQ4NTI5LTEuMTA1NTI3Ni40MjI3OTQyLTIuMzU4NDU5LjY0MzM4MjQtMy43NzcyMTk0LjY0MzM4MjQtMi4zOTUzMDk5IDAtNC4yMDEwMDUxLS42ODAxNDcxLTUuMzk4NjYtMi4wMjIwNTg4LTEuMjE2MDgwNC0xLjM0MTkxMTgtMS44MjQxMjA2LTMuMTgwMTQ3MS0xLjgyNDEyMDYtNS40NTk1NTg4IDAtMS4wNjYxNzY1LjE0NzQwMzctMi4wNDA0NDEyLjQ0MjIxMTEtMi45NTk1NTg5LjI5NDgwNzMtLjkxOTExNzYyLjczNzAxODQtMS43MDk1NTg3OSAxLjMyNjYzMzEtMi4zNzEzMjM1LjU4OTYxNDgtLjY2MTc2NDcxIDEuMzI2NjMzMi0xLjE5NDg1Mjk0IDIuMTkyNjI5OC0xLjU5OTI2NDcxLjg4NDQyMjEtLjM4NjAyOTQxIDEuODk3ODIyNS0uNTg4MjM1MjkgMy4wNTg2MjY1LS41ODgyMzUyOS43OTIyOTQ4IDAgMS40NzQwMzY5LjA1NTE0NzA2IDIuMDYzNjUxNi4xNDcwNTg4Mi41ODk2MTQ3LjA5MTkxMTc3IDEuMTYwODA0LjIzODk3MDU5IDEuNzEzNTY3OC40NDExNzY0NyAwIC4zMTI1LS4wMzY4NTA5LjY4MDE0NzA2LS4xMjg5NzgyIDEuMTAyOTQxMThzLS4yMDI2ODAxLjc5MDQ0MTE4LS4zNTAwODM3IDEuMTAyOTQxMThjLS45MjEyNzMxLS4zMTI1LTEuOTUzMDk4OS0uNDc3OTQxMTgtMy4xMzIzMjg0LS40Nzc5NDExOC0xLjQzNzE4NTkgMC0yLjUwNTg2MjYuNDc3OTQxMTgtMy4yMjQ0NTU2IDEuNDMzODIzNTMtLjcxODU5MjkuOTU1ODgyNC0xLjA2ODY3NjcgMi4yMDU4ODI0LTEuMDY4Njc2NyAzLjc2ODM4MjQgMCAxLjc4MzA4ODIuNDA1MzYwMiAzLjA4ODIzNTIgMS4xOTc2NTUgMy45MzM4MjM1LjgxMDcyMDIuODI3MjA1OSAxLjg5NzgyMjQgMS4yNSAzLjI5ODE1NzQgMS4yNS41NTI3NjM4IDAgMS4wODcxMDIyLS4wMzY3NjQ3IDEuNTQ3NzM4Ny0uMTEwMjk0MS41MTU5MTI5LS4wOTE5MTE4Ljk5NDk3NDktLjIyMDU4ODMgMS40NzQwMzY5LS40MDQ0MTE4eiIvPjxwYXRoIGQ9Im01NC4wMTg3NS4xMjk4NTg2NmMuMjA2MjUtLjAzNzEwMjQ4LjQ1LS4wNzQyMDQ5NS42OTM3NS0uMDkyNzU2MTkuMjYyNS0uMDE4NTUxMjMuNDg3NS0uMDM3MTAyNDcuNjkzNzUtLjAzNzEwMjQ3cy40NS4wMTg1NTEyNC42OTM3NS4wMzcxMDI0N2MuMjYyNS4wMTg1NTEyNC40ODc1LjA1NTY1MzcxLjY5Mzc1LjA5Mjc1NjE5djE2LjMwNjUzNzE0YzAgLjUxOTQzNDYuMDU2MjUuOTQ2MTEzLjE1IDEuMjQyOTMyOHMuMjI1LjUzNzk4NTkuMzkzNzUuNjg2Mzk1OGMuMTY4NzUuMTY2OTYxMS4zNTYyNS4yNTk3MTczLjU2MjUuMzE1MzcxLjIyNS4wNTU2NTM3LjQ1LjA3NDIwNS42OTM3NS4wNzQyMDUuMTY4NzUgMCAuMzc1IDAgLjU4MTI1LS4wMzcxMDI1LjIyNS0uMDE4NTUxMy40MTI1LS4wNTU2NTM3LjU2MjUtLjA5Mjc1NjIuMTY4NzUuNjQ5MjkzMy4yNjI1IDEuMzcyNzkxNS4yNjI1IDIuMTUxOTQzNS0uMjYyNS4wOTI3NTYxLS41ODEyNS4xNDg0MDk5LS45NzUuMTg1NTEyMy0uMzc1LjAzNzEwMjUtLjczMTI1LjAzNzEwMjUtMS4wNS4wMzcxMDI1LS41NDM3NSAwLTEuMDY4NzUtLjA3NDIwNDktMS41Mzc1LS4yMDQwNjM2cy0uOS0uMzUyNDczNS0xLjI1NjI1LS42NDkyOTMzLS42Mzc1LS43MDQ5NDctLjg2MjUtMS4yMDU4MzA0Yy0uMjA2MjUtLjUwMDg4MzQtLjMxODc1LTEuMTMxNjI1NC0uMzE4NzUtMS44OTIyMjYxdi0xNi45MTg3Mjc5NHoiLz48cGF0aCBkPSJtNjIuMDk0ODYxNyA4LjA2NDIyODM3aC0xLjk1NjUyMThjLS4wMzk1MjU3LS4xNDI3Mjk3MS0uMDc5MDUxNC0uMzAzMzAwNjMtLjA5ODgxNDItLjQ5OTU1Mzk3LS4wMTk3NjI5LS4xOTYyNTMzNS0uMDM5NTI1Ny0uMzc0NjY1NDgtLjAzOTUyNTctLjU1MzA3NzYxczAtLjM3NDY2NTQ4LjAzOTUyNTctLjU1MzA3NzYxYy4wMTk3NjI4LS4xOTYyNTMzNS4wNTkyODg1LS4zNTY4MjQyNi4wOTg4MTQyLS40OTk1NTM5N2g0Ljg2MTY2MDF2MTMuOTE2MTQ2MjljLS4yMTczOTEzLjAzNTY4MjQtLjQ3NDMwODMuMDcxMzY0OS0uNzMxMjI1My4wODkyMDYxLS4yNzY2Nzk4LjAxNzg0MTItLjUxMzgzNC4wMzU2ODI0LS43MzEyMjUzLjAzNTY4MjQtLjE5NzYyODUgMC0uNDM0NzgyNi0uMDE3ODQxMi0uNzExNDYyNC0uMDM1NjgyNC0uMjc2Njc5OS0uMDE3ODQxMi0uNTEzODM0LS4wNTM1MjM3LS43MzEyMjUzLS4wODkyMDYxem0tLjY1MjE3NC01LjE5MTc5MzA0Yy0uMDM5NTI1Ni0uMjE0MDk0NTYtLjA1OTI4ODUtLjQ0NjAzMDMzLS4wNzkwNTEzLS43MTM2NDg1My0uMDE5NzYyOS0uMjQ5Nzc2OTktLjAxOTc2MjktLjQ4MTcxMjc2LS4wMTk3NjI5LS42Nzc5NjYxIDAtLjE5NjI1MzM1IDAtLjQyODE4OTEyLjAxOTc2MjktLjY3Nzk2NjExIDAtLjI0OTc3Njk4LjAzOTUyNTctLjQ4MTcxMjc1LjA3OTA1MTMtLjY3Nzk2NjEuMjU2OTE3LS4wMzU2ODI0Mi41MzM1OTY5LS4wNzEzNjQ4NS44NDk4MDI0LS4wODkyMDYwNi4yOTY0NDI3LS4wMTc4NDEyMi41NTMzNTk3LS4wMzU2ODI0My43OTA1MTM5LS4wMzU2ODI0My4yMTczOTEzIDAgLjQ3NDMwODMuMDE3ODQxMjEuNzkwNTEzOC4wMzU2ODI0My4yOTY0NDI3LjAxNzg0MTIxLjU3MzEyMjUuMDUzNTIzNjQuODEwMjc2Ny4wODkyMDYwNi4wMzk1MjU3LjE5NjI1MzM1LjA1OTI4ODUuNDI4MTg5MTIuMDc5MDUxMy42Nzc5NjYxLjAxOTc2MjkuMjQ5Nzc2OTkuMDE5NzYyOS40ODE3MTI3Ni4wMTk3NjI5LjY3Nzk2NjExIDAgLjE5NjI1MzM0IDAgLjQyODE4OTExLS4wMTk3NjI5LjY3Nzk2NjEtLjAxOTc2MjguMjQ5Nzc2OTgtLjAzOTUyNTYuNDgxNzEyNzUtLjA3OTA1MTMuNzEzNjQ4NTMtLjIzNzE1NDIuMDM1NjgyNDItLjUxMzgzNC4wNzEzNjQ4NS0uNzkwNTEzOS4wODkyMDYwNi0uMjk2NDQyNy4wMTc4NDEyMS0uNTUzMzU5Ny4wMzU2ODI0My0uNzcwNzUxLjAzNTY4MjQzLS4yMzcxNTQxIDAtLjUxMzgzMzkgMC0uODEwMjc2Ni0uMDM1NjgyNDMtLjMzNTk2ODQtLjAxNzg0MTIxLS42MTI2NDgzLS4wMzU2ODI0Mi0uODY5NTY1My0uMDg5MjA2MDZ6Ii8+PHBhdGggZD0ibTc2LjQxMDM4NTMgMTguMTg3NWMuMTQ3NDAzNi4yNTczNTI5LjI3NjM4MTkuNTg4MjM1My4zODY5MzQ2Ljk3NDI2NDcuMTEwNTUyOC4zODYwMjk0LjE4NDI1NDYuNzkwNDQxMi4yMDI2ODAxIDEuMTk0ODUyOS0xLjEwNTUyNzYuNDIyNzk0Mi0yLjM1ODQ1OS42NDMzODI0LTMuNzc3MjE5NC42NDMzODI0LTIuMzk1MzA5OSAwLTQuMjAxMDA1MS0uNjgwMTQ3MS01LjM5ODY2LTIuMDIyMDU4OC0xLjIxNjA4MDQtMS4zNDE5MTE4LTEuODI0MTIwNi0zLjE4MDE0NzEtMS44MjQxMjA2LTUuNDU5NTU4OCAwLTEuMDY2MTc2NS4xNDc0MDM3LTIuMDQwNDQxMi40NDIyMTExLTIuOTU5NTU4OS4yOTQ4MDczLS45MTkxMTc2Mi43MzcwMTg0LTEuNzA5NTU4NzkgMS4zMjY2MzMxLTIuMzcxMzIzNS41ODk2MTQ4LS42NjE3NjQ3MSAxLjMyNjYzMzItMS4xOTQ4NTI5NCAyLjE5MjYyOTgtMS41OTkyNjQ3MS44ODQ0MjIxLS4zODYwMjk0MSAxLjg5NzgyMjUtLjU4ODIzNTI5IDMuMDU4NjI2NS0uNTg4MjM1MjkuNzkyMjk0OCAwIDEuNDc0MDM2OS4wNTUxNDcwNiAyLjA2MzY1MTYuMTQ3MDU4ODIuNTg5NjE0Ny4wOTE5MTE3NyAxLjE2MDgwNC4yMzg5NzA1OSAxLjcxMzU2NzguNDQxMTc2NDcgMCAuMzEyNS0uMDM2ODUwOS42ODAxNDcwNi0uMTI4OTc4MiAxLjEwMjk0MTE4cy0uMjAyNjgwMS43OTA0NDExOC0uMzUwMDgzNyAxLjEwMjk0MTE4Yy0uOTIxMjczMS0uMzEyNS0xLjk1MzA5ODktLjQ3Nzk0MTE4LTMuMTMyMzI4NC0uNDc3OTQxMTgtMS40MzcxODU5IDAtMi41MDU4NjI2LjQ3Nzk0MTE4LTMuMjI0NDU1NiAxLjQzMzgyMzUzLS43MTg1OTI5Ljk1NTg4MjQtMS4wNjg2NzY3IDIuMjA1ODgyNC0xLjA2ODY3NjcgMy43NjgzODI0IDAgMS43ODMwODgyLjQwNTM2MDIgMy4wODgyMzUyIDEuMTk3NjU1IDMuOTMzODIzNS44MTA3MjAyLjgyNzIwNTkgMS44OTc4MjI0IDEuMjUgMy4yOTgxNTc0IDEuMjUuNTUyNzYzOCAwIDEuMDg3MTAyMi0uMDM2NzY0NyAxLjU0NzczODctLjExMDI5NDEuNTE1OTEyOS0uMDkxOTExOC45OTQ5NzQ5LS4yMjA1ODgzIDEuNDc0MDM2OS0uNDA0NDExOHoiLz48cGF0aCBkPSJtNzggLjEzMDIwMzcyYy4yMDM3MDM3LS4wMzcyMDEwNi40NDQ0NDQ0LS4wNzQ0MDIxMy42ODUxODUyLS4wOTMwMDI2Ni4yNTkyNTkyLS4wMTg2MDA1My40ODE0ODE1LS4wMzcyMDEwNi42ODUxODUyLS4wMzcyMDEwNnMuNDQ0NDQ0NC4wMTg2MDA1My43MDM3MDM3LjAzNzIwMTA2Yy4yNTkyNTkyLjAxODYwMDUzLjUuMDU1ODAxNi43MDM3MDM3LjA5MzAwMjY2djIwLjcyMDk5MTk4Yy0uMjAzNzAzNy4wMzcyMDExLS40NDQ0NDQ1LjA3NDQwMjItLjcwMzcwMzcuMDkzMDAyNy0uMjU5MjU5My4wMTg2MDA1LS41LjAzNzIwMTEtLjcwMzcwMzcuMDM3MjAxMXMtLjQ0NDQ0NDUtLjAxODYwMDYtLjY4NTE4NTItLjAzNzIwMTFjLS4yNTkyNTkzLS4wMTg2MDA1LS40ODE0ODE1LS4wNTU4MDE2LS42ODUxODUyLS4wOTMwMDI3em0zLjU1NTU1NTYgMTMuMjA2Mzc3MjggNC41OTI1OTI1LTYuOTc1MTk5MjVjLjI0MDc0MDgtLjAzNzIwMTA2LjQ4MTQ4MTUtLjA3NDQwMjEyLjc0MDc0MDgtLjA5MzAwMjY1LjI0MDc0MDctLjAxODYwMDUzLjUtLjAzNzIwMTA3Ljc1OTI1OTItLjAzNzIwMTA3LjI3Nzc3NzggMCAuNTU1NTU1Ni4wMTg2MDA1NC43OTYyOTYzLjAzNzIwMTA3LjI1OTI1OTMuMDE4NjAwNTMuNTE4NTE4Ni4wNTU4MDE1OS43Nzc3Nzc4LjA5MzAwMjY1bC00LjU5MjU5MjYgNi43ODkxOTM5NSA1LjM3MDM3MDQgNy43MTkyMjA2Yy0uMjU5MjU5My4wMzcyMDEtLjUxODUxODUuMDc0NDAyMS0uNzU5MjU5My4wOTMwMDI2LS4yNDA3NDA3LjAxODYwMDYtLjUuMDM3MjAxMS0uNzU5MjU5Mi4wMzcyMDExLS4yNTkyNTkzIDAtLjUxODUxODUtLjAxODYwMDUtLjc5NjI5NjMtLjAzNzIwMTEtLjI1OTI1OTMtLjAxODYwMDUtLjUxODUxODUtLjA1NTgwMTYtLjc5NjI5NjMtLjA5MzAwMjZ6Ii8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 60px;
  width: 135px;
}

#hotspot-tron-modal.viewers_variant_demo #htm_audio_wrap #htm_audio_controls #htm_audio_control_play {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_audio_progressfull_slider::-webkit-slider-thumb {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_audio_progressfull_slider::-moz-range-thumb {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_mute {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_volume {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_restorescreen {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_fullscreen {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_progressfull_slider::-webkit-slider-thumb {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_progressfull_slider::-moz-range-thumb {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_pause {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_control_play {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_part {
  color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_full {
  color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_image_wrap #htm_image_controls #htm_image_close {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_image_wrap #htm_image_controls #htm_image_zoomin {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_image_wrap #htm_image_controls #htm_image_zoomout {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_image_wrap #htm_image_controls #htm_image_fullscreen {
  background-color: #0075e1;
}

#hotspot-tron-modal.viewers_variant_demo #htm_image_wrap #htm_image_controls #htm_image_fullscreen_out {
  background-color: #0075e1;
}

/* CUSTOM LIGHTGREEN */
#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_lightgreen {
  background: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_audio_wrap #htm_audio_controls #htm_audio_control_play {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_audio_progressfull_slider::-webkit-slider-thumb {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_audio_progressfull_slider::-moz-range-thumb {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_mute {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_volume {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_restorescreen {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_fullscreen {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_progressfull_slider::-webkit-slider-thumb {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_progressfull_slider::-moz-range-thumb {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_pause {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_control_play {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_part {
  color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_full {
  color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_image_wrap #htm_image_controls #htm_image_close {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_image_wrap #htm_image_controls #htm_image_zoomin {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_image_wrap #htm_image_controls #htm_image_zoomout {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_image_wrap #htm_image_controls #htm_image_fullscreen {
  background-color: #8bc34a;
}

#hotspot-tron-modal.viewers_variant_lightgreen #htm_image_wrap #htm_image_controls #htm_image_fullscreen_out {
  background-color: #8bc34a;
}


/* CUSTOM STYLE WHITE */

.ocvc_pdftron.viewers_variant_white {
  border-top: 1px solid #e5e5e5;
  top: 64px;
  height: calc(100% - 64px);
  box-sizing: border-box;
}

#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_white {
  background: #66af3c;
}

#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_white .progress_loading {
  background-color: transparent;
}

#hotspot-tron-modal #hotspot-tron-content-loading.viewers_variant_white .ftd_logo {
  background-image: url(./logo_loading_fixed_layout.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 60px;
  width: 135px;
}

#hotspot-tron-modal.viewers_variant_white #htm_audio_wrap #htm_audio_controls #htm_audio_control_play {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_audio_progressfull_slider::-webkit-slider-thumb {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_audio_progressfull_slider::-moz-range-thumb {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_mute {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_volume {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_restorescreen {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_fullscreen {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_progressfull_slider::-webkit-slider-thumb {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_progressfull_slider::-moz-range-thumb {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_pause {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_control_play {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_part {
  color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_video_wrap #htm_video_controls #htm_video_times #htm_video_time_full {
  color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_image_wrap #htm_image_controls #htm_image_close {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_image_wrap #htm_image_controls #htm_image_zoomin {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_image_wrap #htm_image_controls #htm_image_zoomout {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_image_wrap #htm_image_controls #htm_image_fullscreen {
  background-color: #66af3c;
}

#hotspot-tron-modal.viewers_variant_white #htm_image_wrap #htm_image_controls #htm_image_fullscreen_out {
  background-color: #66af3c;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_imageLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/image.png);
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_htmlLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/oed.png);
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_audioLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/audio.png);
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_videoLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/video.png);
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_urlLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/link.png);
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_pdfLink .hotspot_tron_list_item_icon.viewers_variant_white {
  background-image: url(./ui/build/assets/viewers_variant_white/pdf.png);
}

/* LISTA */

#hotspot_tron_list {
  background: #f5f5f5;
  padding: 10px 0 15px 0;
}

#hotspot_tron_list .hotspot_tron_list_item {
  width: 100%;
  margin-top: -1px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border: 1px solid #e0e0e0;
  font-size: 13px;
  background: #fff;
  overflow: auto;
  cursor: pointer;
}

#hotspot_tron_list .hotspot_tron_list_item_sep {
  font-size: 14px;
  margin: 10px 0 10px 10px;
}

#hotspot_tron_list .hotspot_tron_list_item .hotspot_tron_list_item_name {
  float: right;
  width: calc(100% - 30px);
  text-align: left;
  margin: 4px 0 0 0;
}

#hotspot_tron_list .hotspot_tron_list_item .hotspot_tron_list_item_icon {
  float: left;
  width: 20px;
  height: 20px;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_imageLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/image.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_htmlLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/oed.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_audioLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/audio.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_videoLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/video.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_lemonadeExerciseLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/ex_lemonade.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_urlLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/link.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#hotspot_tron_list .hotspot_tron_list_item.ht_item_pdfLink .hotspot_tron_list_item_icon {
  background-image: url(./ui/build/assets/pdf.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.Outline .content .title {
  font-size: 13px;
  font-weight: normal;
}

#htm_video_wrap #htm_video_source {
  max-width: 880px;
  max-height: 490px;
}

@media screen and (max-height: 590px) {
  #htm_video_wrap #htm_video_source {
    max-height: 300px;
  }
}

@media screen and (max-height: 410px) {
  #htm_video_wrap #htm_video_source {
    max-height: 215px;
  }
}

@media screen and (max-width: 880px) {
  #htm_video_wrap #htm_video_wrap_content {
    max-width: calc(100% - 10px);
    margin-top: 15px;
    left: 5px;
  }

  #htm_video_wrap #htm_video_source {
    width: 100%;
  }
}

#htm_oed_wrap #htm_oed_close {
  /* right: 0; */
}

.open.ToolStylePopup {
  z-index: 85;
}

.Header.open.ocv_hide_for_inactive {
  height: 0 !important;
  overflow: hidden !important;
}

.DocumentContainer.ocv_hide_for_inactive {
  height: 100% !important;
}

.PageNavOverlay input {
  width: 60px !important;
  text-align: left !important;
}

/* POPUP CONFIRM */

/* POPUP CONFIRM */
#tron-modal-confrmdel-annots {
  position: fixed;
  background: rgba(14, 59, 95, 0.25);
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#tron-modal-confrmdel-annots .modal-confrmdel-annots {
  background-color: #fff;
  border-radius: 9px;
  position: absolute;
  top: 96px;
  right: 50px;
  box-sizing: border-box;
  padding: 20px;
  width: 380px;
}

#tron-modal-confrmdel-annots .modal-confrmdel-annots .mc_annots_title {
  margin-bottom: 20px;
  font-size: 16px;
}

#tron-modal-confrmdel-annots .modal-confrmdel-annots #mc_annots_bt_cancel {
  float: right;
  box-sizing: border-box;
  padding: 5px 15px;
  background: #00a0e6;
  border: 1px solid #00a0e6;
  border-radius: 9px;
  margin-right: 12px;
  color: #ffff;
  cursor: pointer;
  font-size: 15px;
}

#tron-modal-confrmdel-annots .modal-confrmdel-annots #mc_annots_bt_ok {
  float: right;
  box-sizing: border-box;
  padding: 5px 15px;
  border: 1px solid #00a0e6;
  border-radius: 9px;
  cursor: pointer;
  font-size: 15px;
}

@media screen and (max-width: 450px) {
  #tron-modal-confrmdel-annots .modal-confrmdel-annots {
    width: calc(100% - 10px);
    right: 5px;
  }
}

/* DELETE ANNOTS */
#delAnnotsLoading { z-index: 9999999; position: fixed; top: 53px; right: 89px; background: #fff; text-align: center; width: 55px; height: 43px; }
.delAnnotsLoading-spinner { display: inline-block; width: 100%; height: 100%; text-align: center; top: 0; left: -12px; position: absolute; }
.delAnnotsLoading-spinner div { transform-origin: 40px 22px; animation: delAnnotsLoading_spinner 1.2s linear infinite; }
.delAnnotsLoading-spinner div::after { content: " "; display: block; position: absolute; top: 5px; left: 38px; width: 3px; height: 8px; border-radius: 20%; background: #757575; }
.delAnnotsLoading-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.delAnnotsLoading-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.delAnnotsLoading-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.delAnnotsLoading-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.delAnnotsLoading-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.delAnnotsLoading-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.delAnnotsLoading-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.delAnnotsLoading-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.delAnnotsLoading-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.delAnnotsLoading-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.delAnnotsLoading-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.delAnnotsLoading-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes delAnnotsLoading_spinner {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@media screen and (max-width: 640px) { #delAnnotsLoading { top: 52px; right: 0; left: auto; width: 55px; height: 38px; } }

/* DELETE ANNOTS - FEEDBACK */
#feedbackDelAnnotsPop { position: fixed; top: 52px; right: 0; z-index: 999999; background: #fff; width: 350px; height: 44px; text-align: center; line-height: 43px; color: #fff; font-size: 14px; }
#feedbackDelAnnotsPop.__okfeed { background: #52c150; }
#feedbackDelAnnotsPop.__nookfeed { background: #ff6962; }
#feedbackDelAnnotsPop .feedbackDelAnnotsPop_txt{}

@media screen and (max-width: 640px) { #feedbackDelAnnotsPop { width: 100%; height: 39px; line-height: 40px; } }

/* SHARE ICONS */
.Button[data-element="buttonWShareMail"] {
  background-image: url(./images/share_icons/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #7f7f7f;
  height: 29px;
}

.Button[data-element="buttonWShareWhatsapp"] {
  background-image: url(./images/share_icons/icon_whatsapp.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #33b648;
  height: 29px;
}

/* Nuevo panel para mobile */

#overlayPanelCustomMobileElements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.oPCElementsOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.oPCElements {
  z-index: 2;
  top: 0;
  left: 0;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 41px;
  border-bottom: 1px solid #e0e0e0;
}

.oPCElement {
  height: 41px;
  width: 41px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.oPCElement img {
  width: 18px;
  color: #757575;
}

.oPCElement.oxtraOpcy img {
  opacity: 0.6;
}

.oPCElementsClose {
  float: right;
}

.shareWts {
  background-image: url(./images/share_icons/icon_whatsapp.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #33b648;
  height: 30px;
  width: 30px;
  margin: 6px 0 0 0;
}

.shareMails {
  background-image: url(./images/share_icons/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #7f7f7f;
  height: 30px;
  width: 30px;
  margin: 6px 0 0 0;
}

@media screen and (min-width: 640px) {
  #overlayPanelCustomMobileElements {
    display: none;
  }
}

/* Hotspot Nuevo Audio Flotante */
#hotspotAudioFloating {
  width: 320px;
  height: 90px;
  background: #fff;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 12px;
  box-shadow: 3px 3px 7px #aaa;
  box-sizing: border-box;
  padding: 5px 10px;
  cursor: move;
}

#hotspotAudioFloating .haf_header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#hotspotAudioFloating .haf_header .haf_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 29px);
  font-size: 15px;
  color: #395d7b;
  font-weight: bold;
  font-family: 'InterUI', sans-serif;
  margin-top: 4px;
}

#hotspotAudioFloating .haf_header .haf_close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url(./images/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#hotspotAudioFloatingSource {
  opacity: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: -1000;
}

#hotspotAudioFloating .haf_body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 57px;
}

#hotspotAudioFloating .haf_time {
}

#hotspotAudioFloating .haf_time .haf_fulltime {
  display: block;
  font-size: 13px;
  color: #395d7b;
  font-weight: bold;
  font-family: 'InterUI', sans-serif;
}

#hotspotAudioFloating .haf_time .haf_parttime {
  display: block;
  font-size: 11px;
  color: #395d7b;
  font-family: 'InterUI', sans-serif;
}

#hotspotAudioFloating .haf_progress {
  float: right;
  width: 180px;
  margin: 2px -2px 0 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 4px;
  opacity: 1;
  border-radius: 2px 0 0 2px;
  background-color: #a4b5c3;
}

#haf_progress_slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  background: transparent;
  margin: -4px 0 0 0;
  position: absolute;
}

#haf_progress_slider:hover {
}

#haf_progress_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

#haf_progress_slider::-moz-range-thumb {
  background: rgba(0, 160, 230, 1);
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
}

#hotspotAudioFloating .haf_play_pause {
}

#hotspotAudioFloating .haf_play_pause .haf_play {
  background: #00a0e6;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(./images/play.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border-radius: 50%;
}

#hotspotAudioFloating .haf_play_pause .haf_pause {
  background: #a4b5c3;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url(./images/pause.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border-radius: 50%;
}

.htm_audio_control_pause_hidden {
  display: none;
}

#hotspotAudioFloating .haf_reload {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url(./images/replay.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.Button.ActionButton[data-element="hideMagentaLayer"] {
  background: #f0f0f0;
}

.PageNavOverlay.open {
  display: flex;
  height: 40px;
  padding: 9px 12px;
  align-items: flex-start;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}

#left_a {
  padding: 0px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  border-radius: 3px;
  border: 1px solid #8ACEFF;
  background: #F5F5F5;
  height: 22px;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#left_a:focus {
  outline: none;
  border: 1px solid #0296FF;
}

#left_b {
  height: 22px;
  color: #757575;
  display: flex;
  justify-content: center;
  align-items: center;
}

#left_c {
  height: 22px;
  color: #757575;
  display: flex;
  justify-content: center;
  align-items: center;
}

#left_a_over {
  position: absolute;
  z-index: 100;
  display: flex;
  max-width: 336px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  background: #1E1E1E;
  color: #FFF;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

}

#left_a_over::before {
  content: '';
  width: 12px;
  height: 12px;
  background: #1E1E1E;
  position: absolute;
  left: -6px;
  top: calc(50% - 6px);
  transform: rotate(45deg);
}

/* 142482 */

div.ToggleElementButton[data-element="leftPanelButton"]{
  min-width: 75px;
}

div.ToggleElementButton[data-element="leftPanelButton"].active,
div.ToggleElementButton[data-element="leftPanelButton"]:hover{
  border-bottom: 1px solid #BBB;
  background: #CBDBFF;
}

div.ToggleElementButton[data-element="leftPanelButton"]:hover div svg,
div.ToggleElementButton[data-element="leftPanelButton"].active div svg,
div.ToggleElementButton[data-element="leftPanelButton"].active:hover div svg{
  color: #113C5E;
}

.LeftPanel .left-panel-header{
  margin: 0 0 16px 0;
  height: 56px;
}

.LeftPanel .left-panel-header .LeftPanelTabs{
  height: 56px;
  border: 0;
  border-radius: 0;
}

.LeftPanel .left-panel-header .LeftPanelTabs .Button{
  height: 56px;
  border: 0;
  padding: 0;
  margin: 0;
  position: initial;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div{
  display: flex;
  height: 56px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex: 1 0 0;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div:hover{
  background: #E6EDFC;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div > div{
  color: #757575;
  font-family: 'Nunito Regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.84px;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div:hover div{
  color: #113C5E;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div:hover svg path{
  fill: #113C5E;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div.active{
  background-color: #CBDBFF;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div.active div{
  color: #113C5E;
  font-weight: 700;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div.active svg rect:first-child,
div.LeftPanelTabs[data-element="leftPanelTabs"] > div.active svg path{
  fill: #113C5E;
}

.toolTipTab{
  width: 336px;
  max-height: 76px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  box-sizing: border-box;
  background-color: #1E1E1E;
  color: #FFFFFF;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.84px;
  left: 0;
  top: 0;
  border-radius: 16px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.toolTipTab:before{
  content: '';
  position: absolute;
  left: 27px;
  top: -5px;
  width: 12px;
  height: 12px;
  background-color: #1E1E1E;
  transform: rotate(45deg);
}

.toolTipTab[ele="thumbnailsPanelButton"]{
  left: 3px;
  top: 64px;
  position: absolute;  
}

.toolTipTab[ele="outlinesPanelButton"]{
  left: 80px;
  top: 64px;
  position: absolute;
}

.toolTipTab[ele="notesPanelButton"]{
  left: 153px;
  top: 64px;
  position: absolute;
}

.toolTipTab[ele="customPanelTab"]{
  left: 229px;
  top: 64px;
  position: absolute;
}

div.LeftPanelTabs[data-element="leftPanelTabs"] > div:hover .toolTipTab{
  display: flex;
  animation: 2s fadeIn;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  50% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
}

.close-btn{
  display: none;
}

@media  (max-width: 640px) {
  .close-btn {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .close-btn:active {
    background: #E0E0E0;
  }

  .LeftPanel .left-panel-header{
    padding-right: 0;
  }

  .toolTipTab{
    display: none !important;
  }
}