/* Loading */

.sk-folding-cube {
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotateZ(225deg);
          transform: rotateZ(225deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2c3e50;
  -webkit-animation: sk-foldCubeAngle 2.8s infinite linear both;
          animation: sk-foldCubeAngle 2.8s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube4::before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube2::before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube3::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(0deg);
            transform: perspective(140px) rotateY(0deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(0deg);
            transform: perspective(140px) rotateY(0deg);
    opacity: 0; 
  }
}

#loading-container .sk-folding-cube {
  margin: 0 auto;
}
#loading-container .sk-cube2::before {
  background-color: #f1b4af;
}
#loading-container .sk-cube3::before {
  background-color: #f4c7c3;
}
#loading-container .sk-cube4::before {
  background-color: #f4c7c3;
}

#loadingMessage > div {
  position: absolute;
  margin-top: 5px;
  left: 0;
  right: 0;
  opacity: 0;
  padding: 0 3px;
}

#loadingMessage div.active-msg {
  opacity: 1;
  margin-top: 0;
  transition: all 0.2s linear;
}

#loading-container #loadingMessage,
#loadingCaptcha, #loadingMessage, #errorMessage {
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol' !important;
  color: var(--dark-blue-color);
  font-weight: 500;
}

#errorMessageContainer {
  height: 500px !important;
  background-color: #fff !important;
}

#errorMessage {
  top: 50%;
  transform: translateY(-40px);
}

/* Loading end */
#iframeResults,
#demoV3-results-html,
#iframeResults {
  border-radius: 0 !important;
}

#iframeResultsContainer {
  height: 1300px !important;
}

#loadingCaptcha, #loadingMessage {
  text-align: center;
}

#demoV3-results-html img {
  max-width: 300px;
}