www/rtemislive.scss

/* rtemislive.scss */

/* rthelp */
.rthelp {
  position: fixed !important;
  top: 33% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  color: $info !important;
  margin: 11px;
  border: 0.5px solid transparent;
  border-radius: 10px;
  padding: 11px;
}

.rthelp-inline {
  display: inline-block;
  color: $info !important;
  margin: 11px;
  border: 0.5px solid transparent;
  border-radius: 10px;
  padding: 11px;
  text-align: left;
}

// modify bs link color only for body links
// card-body a {
//   color: $primary !important;
// }

.rt-tooltip {
  background-color: #282828aa;
  color: orange;
  border-radius: 10px;
}

// Border animation
.rthelp,
.rthelp-inline {
  // animation: highlight-border 1s ease-in-out forwards;
  animation-name: highlight-border;
  animation-duration: 6s;
  animation-timing-function: ease-in-out;
  // animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@keyframes highlight-border {
  0% {
    border-color: transparent;
  }

  50% {
    border-color: $info;
  }

  100% {
    border-color: transparent;
  }
}

// theme switch
#lightson {
  margin-top: auto;
  margin-bottom: auto;
}