body {
   background-color: #ffffff;
   background-image: radial-gradient( circle, rgba(  0, 0, 0, 0 ) 100%, rgba( 0, 0, 0, 0.8 ) 100% );
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   overflow: clip;
}

canvas {
    overflow-clip-margin: content-box;
    overflow: clip;
    overflow-x: ;
    overflow-y: ;
}

.logform{
margin-top: 15%;
}

form {
    display: block;
    margin-top: 0em;
    margin-bottom: 1em;
}

.com-users-reset, .com-users-reset-confirm, .com-users-reset-complete, .com-users-remind{
margin:10%;
}

.com-users-reset-submit-control-group, .com-users-reset-confirm-submit-control-group, .com-users-reset-complete-submit-control-group, .com-users-remind-submit-control-group{
margin-top: 1em;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem;
    color: rgba(108, 117, 125, 0.75);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-top: 1px solid #dee2e6;
}

.footer .footer-links a {
    color: rgba(108, 117, 125, 0.75);
    margin-left: 1.5rem;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.footer .footer-links a:hover {
    color: rgba(108, 117, 125, 0.75);
}

.footer .footer-links a:first-of-type {
    margin-left: 0;
}

.footer-alt {
    border: none;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#system-message-container {
  position: fixed;
  bottom: 0px;
  right: 15px;
  max-width: 350px;
  z-index: 9999;
  .alert {
    font-size: 13px;
    line-height: 1.5;
    > .btn-close {
      position: absolute;
      right: 5px;
      top: 5px;
      cursor: pointer;
    }
  }
  // for joomla4
  joomla-alert {
    font-size: 13px;
  }
}