:root {
    --avantune-color: #E84E0E;
    --avantune-color-rgb: 232, 78, 14;
    --avantune-color-hover: rgba(var(--avantune-color-rgb), 0.72);
    --avantune-color-border-soft: rgba(var(--avantune-color-rgb), 0.5);
    --avantune-color-focus-shadow: rgba(var(--avantune-color-rgb), 0.6);
    --avantune-color-shadow: rgba(var(--avantune-color-rgb), 0.25);
    --avantune-color-shadow-strong: rgba(var(--avantune-color-rgb), 0.4);
    --avantune-color-surface: rgba(var(--avantune-color-rgb), 0.12);
}


body{
    overflow: hidden;
}

footer {
    height: 60px;
    background-color: #0000006e;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

footer a, 
footer a:hover
{
    color: #fff !important;
}

#footer {
    color: #fff;
    width: 100%;
    max-width: 70%;
    margin: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.foot_copyright
{
    padding: 20px 0;
}

.foot_copyright span
{
    float:right;
}
.errorpage .errorimage{
    background-image: url('./images/ErrorPage.png');
    width: 430px;
    height: 270px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.errorpage .firstrow{
    margin-top: 50px;
}

.errorpage .row{
    text-align: center;
}

.errorpage #errordetails{
    margin-top: 10px;
    text-align: left;
    background-color: #f5f5f5;
    border: solid 1px #ccc;
}

.errorpage #errorcontent{
    padding: 8px;
    max-height: 200px;
    overflow: auto;
}
.solgeniaLoading{
    position: fixed;
    right: 0px;
    left: 0px;
    top: 82px;
    bottom: 0px;
    z-index: 5;
    background-color: rgba(255,255,255,0.9);
    cursor: progress;
}

.portalHandshakeContent {
    display: none;
    width: min(460px, calc(100% - 32px));
    margin: auto;
    text-align: center;
}

.portalHandshakeLoading {
    background: rgba(244, 247, 250, 0.58);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.portalHandshakeLoading .solgenia-cube-grid {
    display: none;
}

.portalHandshakeLoading .portalHandshakeContent {
    display: block;
}

.portalHandshakeContent h2 {
    margin: 0 0 34px;
    color: #273142;
    font-size: clamp(18px, 4.5vw, 22px);
    font-weight: 600;
    line-height: 1.35;
}

.portalHandshakeVisual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.portalHandshakeNode {
    display: flex;
    width: clamp(56px, 15vw, 66px);
    height: clamp(56px, 15vw, 66px);
    flex: 0 0 clamp(56px, 15vw, 66px);
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e0e8;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.72);
    color: #667085;
}

.portalHandshakeNode svg {
    width: 27px;
    height: 27px;
}

.portalHandshakeMasterNode {
    border-color: var(--avantune-color);
    background: var(--avantune-color);
    box-shadow: 0 6px 18px rgba(var(--avantune-color-rgb), 0.28);
    color: #fff;
}

.portalHandshakeEdge {
    width: clamp(100px, 31vw, 160px);
    height: 44px;
    margin: 0 8px;
    overflow: visible;
}

.portalHandshakeEdge path {
    fill: none;
    stroke: var(--avantune-color);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-dasharray: 7 7;
    filter: drop-shadow(0 0 3px rgba(var(--avantune-color-rgb), 0.38));
    animation: portalHandshakeEdge 0.55s linear infinite;
}

@keyframes portalHandshakeEdge {
    from { stroke-dashoffset: 28; }
    to { stroke-dashoffset: 0; }
}

.solgenia-cube-grid {
  width: 40px;
  height: 40px;
  margin: auto auto;
}

.solgenia-cube-grid .solgenia-cube {
    width: 33%;
    height: 33%;
    background-color: var(--avantune-color); /*#dee6f1*/
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.solgenia-cube-grid .solgenia-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.solgenia-cube-grid .solgenia-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.solgenia-cube-grid .solgenia-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.solgenia-cube-grid .solgenia-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.solgenia-cube-grid .solgenia-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.solgenia-cube-grid .solgenia-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.solgenia-cube-grid .solgenia-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.solgenia-cube-grid .solgenia-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.solgenia-cube-grid .solgenia-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}