/* Minification failed. Returning unminified contents.
(32,14): run-time error CSS1039: Token not allowed after unary operator: '-dynamic-left'
(76,30): run-time error CSS1039: Token not allowed after unary operator: '-dynamic-translateX'
(80,30): run-time error CSS1039: Token not allowed after unary operator: '-dynamic-translateX'
(86,30): run-time error CSS1039: Token not allowed after unary operator: '-dynamic-translateX'
 */
.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.hidden {
  display: none;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

#security-question .registration-area-content .content {
  margin-left: 35px;
}
@media only screen and (max-width: 767px) {
  #security-question .registration-area-content .sub-text {
    width: 70vw;
  }
}
#security-question .tooltipContainer {
  position: absolute !important;
  top: 0 !important;
  left: var(--dynamic-left, 144px) !important;
  font-size: 1rem;
  transition: transform 0.2s ease-out, color 0.2s ease-out, opacity 0.1s ease-out !important;
  transform: translateY(12px) !important;
  transform-origin: 0% 100% !important;
  will-change: transform !important;
  visibility: visible !important;
}
#security-question .tooltipContainer i {
  padding-right: 0 !important;
}
#security-question .tooltipContainer.positioning {
  opacity: 0 !important;
  visibility: hidden !important;
}
#security-question .material-tooltip-main {
  color: #1D8928;
  font-size: 1rem;
  cursor: pointer !important;
}
#security-question .smile-tooltip {
  display: block !important;
}
#security-question .tooltip {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
#security-question .tooltip .tooltipInner {
  display: block !important;
  top: 0 !important;
  padding: 25px !important;
  left: 20px !important;
  border: 1px solid #1D8928 !important;
}
#security-question .tooltip .md-inner-main {
  background: rgba(97, 97, 97, 0) !important;
  border: none;
}
#security-question .md-form > label.active + span label.tooltipContainer,
#security-question .md-form > input[value]:not([value=""]):not([value=" "]) + label:not(.active) + span label.tooltipContainer,
#security-question .md-form > input[value]:not([value=""]):not([value=" "]) + label.active + span label.tooltipContainer {
  font-size: 1rem !important;
  transform: translateX(var(--dynamic-translateX, -28px)) translateY(-100%) scale(0.8) !important;
  transform-origin: 0% 100% !important;
}
#security-question .md-form > input[type=date]:not(.browser-default) + label + span label.tooltipContainer {
  transform: translateX(var(--dynamic-translateX, -28px)) translateY(-27px) scale(0.8) !important;
  transform-origin: 0 0 !important;
}
#security-question .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label + span label.tooltipContainer,
#security-question .md-form > input[type=time]:not(.browser-default) + label + span label.tooltipContainer {
  font-size: 0.8rem !important;
  transform: translateX(var(--dynamic-translateX, -28px)) translateY(-25px) !important;
  transform-origin: 0 0 !important;
}
#security-question .or-divider {
  position: relative;
  text-align: center;
  padding: 1rem 0;
  color: #1D8928;
  font-weight: 600;
}
#security-question .or-divider::before,
#security-question .or-divider::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 0.75rem;
  background: #ced4da;
  transform: translateX(-50%);
}
#security-question .or-divider::before {
  top: 0;
}
#security-question .or-divider::after {
  bottom: 0;
}
#security-question .set-control-to-right {
  margin-left: auto;
}