/*@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");*/

body {
  padding: 0;
  margin: 0;
}

#app-site {
  display: flex;
  width: 100%;
  height: 100vh;
}
/*# sourceMappingURL=loader.css.map */
progress[value] {
  width: 50%;
 height: 8px;
}

@media screen and (max-width: 573px) {
  progress[value] {
  width: 100%;
}

}
progress[value]::-webkit-progress-value {
  background: var(--spinner-dots, #7dc20f);
    border-radius: 10px; 
}
progress[value]::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 10px;
}
.loader-container {
   position: fixed;
   width: 100vw;
   background: #fff;
   height: 100vh;
   top: 0;
   z-index: 10;
   left: 0;
}
#logoHoppy{
  display: none;
}
#progressBarGlobal{
  display: none;
}
#defaultLoader{
  display: none;
}
.default-loader {
   --default-loader-size: 96px;
   --default-loader-dot-size: 13px;
   --default-loader-dot-radius: 36px;
   position: relative;
   width: var(--default-loader-size);
   height: var(--default-loader-size);
   margin: auto;
   animation: defaultLoaderRotate 0.95s linear infinite;
}

.default-loader-dot {
   position: absolute;
   top: 50%;
   left: 50%;
   width: var(--default-loader-dot-size);
   height: var(--default-loader-dot-size);
   margin-top: calc(var(--default-loader-dot-size) / -2);
   margin-left: calc(var(--default-loader-dot-size) / -2);
   background: var(--spinner-dots, #1c4387);
   border-radius: 50%;
   opacity: 0.2;
}

.default-loader-dot:nth-child(1) {
   transform: rotate(0deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 1;
}
.default-loader-dot:nth-child(2) {
   transform: rotate(30deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.9;
}
.default-loader-dot:nth-child(3) {
   transform: rotate(60deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.8;
}
.default-loader-dot:nth-child(4) {
   transform: rotate(90deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.7;
}
.default-loader-dot:nth-child(5) {
   transform: rotate(120deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.6;
}
.default-loader-dot:nth-child(6) {
   transform: rotate(150deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.5;
}
.default-loader-dot:nth-child(7) {
   transform: rotate(180deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.4;
}
.default-loader-dot:nth-child(8) {
   transform: rotate(210deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.35;
}
.default-loader-dot:nth-child(9) {
   transform: rotate(240deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.3;
}
.default-loader-dot:nth-child(10) {
   transform: rotate(270deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.25;
}
.default-loader-dot:nth-child(11) {
   transform: rotate(300deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.22;
}
.default-loader-dot:nth-child(12) {
   transform: rotate(330deg) translateY(calc(var(--default-loader-dot-radius) * -1));
   opacity: 0.2;
}

@keyframes defaultLoaderRotate {
   to {
      transform: rotate(360deg);
   }
}
.loader-hoppy {
   position: fixed;
   top: 10%;
   left: 25%;
   width: 50%;
   height: 80%;
   z-index: 9999;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}
.loader-hoppy.default-loader-panel {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100vw;
   height: 100vh;
   justify-content: center;
}

.ant-layout.gx-app-layout {
  overflow-x: hidden !important;
}