#ap-main-portal
{
    display: flex;
    flex-direction: column;
    flex-wrap:nowrap;
    min-height: 100vh;
}

body.mobile #ap-main-portal
{
    padding-block: var(--vel-fixed-spacing-06);
}

#ap-main-portal>.content
{
    flex:1 1 auto;
}
#ap-main-portal>footer
{
    flex:0 0 auto;
}
#ap-main-portal>.contentHeader
{
    flex:0 0 auto;
}
#ap-main-portal>.contentHeader:not(:empty)
{
    padding-top:1rem;
    margin-bottom: 1rem;
}

body.mobile #ap-main-portal>.contentHeader
{
    padding-top:0;
}
#ap-main-portal>.contentHeader .top
{
    padding:2rem;
    margin-bottom:2rem;
}
#ap-main-portal>.contentHeader p
{
    margin-top:1rem;
}
#ap-main-portal>.contentHeader .top .grid
{
    
    
}
#ap-main-portal>.contentHeader .top .grid .white-box
{
    display:flex;
    flex-direction: column;
    background-color:rgba(255, 255, 255);
    width:40%;
    padding:1rem;
    border-bottom-right-radius:20px;
}

.wait .ap-loader, .preloading .ap-loader {
  display: flex !important;
  align-items:center;
  position: fixed;
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
  width: 7.5em;
  height: 7.5em;
  margin: auto;
  z-index: 9001;
  border-radius: 50%;
}

.wait .ap-loader svg,
.preloading .ap-loader svg
{
  animation: spin 1.25s linear infinite;
}
.ap-loader svg
{
    flex:1 1 auto;
    width:96px;
    height:96px;
}
.ap-loader svg path:nth-child(1) {
    fill: var(--vel-color-neutral-300);
    opacity: 0.7;
}
.ap-loader svg path:nth-child(2) {
    fill: var(--vel-color-primary-400);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}