html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
.iframe-container {
    width: 100%;
    height: 100%;
    position: relative;
}
iframe {
    width: 100%;
    height: 100%;
    border: none; 
    overflow: hidden; 
}


.home-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}





.home-main {
  top: 0px;
  width: 905px;
  bottom: 0px;
  height: 879px;
  margin: auto;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-stat;
  margin-bottom: auto;
  flex-direction: column;
  justify-content: center;
  transform-origin: center center;
  pointer-events: none;
  user-select: none;
}

.home-main .home-ed-er-black  {
  pointer-events: auto;
}

.home-main .loader {
  pointer-events: auto;
}

.home-main .warning {
  pointer-events: auto;
}



.iframe-container:hover .home-print-num-con {
    display: flex;
}


.home-ed-er-black {
  top: 50%;
  flex: 0 0 auto;
  left: 50%;
  right: 0px;
  width: 997px;
  height: 979px;
  margin: auto;
  display: flex;
  z-index: 999;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
 display: none;
 
  
  
}
.home-ed-er-con {
  top: 337px;
  flex: 0 0 auto;
  left: 0px;
  right: 0px;
  width: 360px;
  height: 140px;
  margin: auto;
  display: flex;
  position: absolute;
  border-color: rgba(255, 255, 255);
  border-style: solid;
  border-width: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px); 
  -webkit-backdrop-filter: blur(20px); 
  box-shadow:
  inset 0 0 60px rgba(255, 255, 255, 0.5),
  inset 20px 0 80px #fa005c,
  inset -20px 0 80px #7e3fff,
  inset 20px 0 700px #ff285c,
  inset -100px 0 80px #7e3fff,
  0 0 50px rgba(255, 255, 255, 0.2),
  -10px 0 80px #ff285c,
  10px 0 80px #7e3fff;
  filter: hue-rotate(303deg) saturate(100%) brightness(100%) contrast(100%);
}
.home-er-ver {
  top: 15px;
  left: 34px;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  font-size: 12px;
  font-family: "Arial";
}
.home-er-hd {
  top: 37px;
  left: 19px;
  color: rgb(255, 255, 255);
  position: absolute;
  font-size: 24px;
  font-family: "Arial";
}
.home-er-bd {
  top: 72px;
  left: 19px;
  color: rgba(255, 255, 255, 0.7);
  width: 313px;
  height: 60px;
  position: absolute;
  font-size: 11px;
  font-family: "Arial";
  line-height: 1.4;
}
.home-ic-i-c {
  top: 16px;
  flex: 0 0 auto;
  left: 19px;
  width: 10px;
  height: 10px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-radius: 50%;
  background-color: #ffffff;
}
.home-height-input {
  top: 500px;
  left: 318px;
  color: #ffffff;
  width: 277px;
  height: 25px;
  position: absolute;
  box-shadow: 1px 1px 10px 0px rgba(255, 255, 255, 0.37);
  border-color: rgba(255, 255, 255, 0.45);
  border-style: solid;
  border-width: 2px;
  border-radius: 1px;
  
  background-color: rgba(0, 0, 0, 0.2);
  padding-left: 10px;

  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
  
}

.home-height-input:focus {
  outline: none; 
  border-color: rgba(255, 255, 255, 0.45);
}


.home-bt-sub:hover {
  background-image: linear-gradient(90deg, rgba(43, 46, 47, 0.19) 1.00%,rgba(24, 170, 208, 0.57) 100.00%);
}
.home-bt-sub:active {
  
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.19) 1.00%,rgba(215, 31, 31, 0.69) 100.00%);
}



.home-tx-sub {
  top: 8px;
  left: 11px;
  color: rgb(255, 255, 255);
  position: absolute;
  font-size: 12px;
  font-family: "Arial";
  pointer-events: none;
}




.alert-base {
  flex: 0 0 auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-width: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.45);
  border-style: solid;
  
  backdrop-filter: blur(10px); 
  
 -webkit-backdrop-filter: blur(10px); 
}




.warning {
  width: 300px;
  height: 40px;
  top: 22px;
  left: 50%;
  transform: translate(-50%, -50%);

  
}


.warning2 {
  width: 300px;
  height: 40px;
  top: 22px;
  left: 50%;
  transform: translate(-50%, -50%);
 display: none;
  
}








.home-bt-sub {
  top: 500px;
  left: 617px;
  width: 59px;
  height: 27px;
  cursor: pointer;
}







.loader {
  width: 1006px;
  height: 2000px;
  display: inline-block;
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 1px;
  background: linear-gradient(45deg, transparent 100%, #000000 50%, #000000 50%, transparent 51%, transparent), linear-gradient(-45deg, transparent 49%, #000000 50%, #000000 50%, transparent 51%, transparent);
  font-size: 15px;
  background-size: 1em 1em;
  box-sizing: border-box;
  animation: barStripe 0.6s linear infinite;
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translate(-50%, -50%);
  
  
}

@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}





.war {
  font-weight: 400;
  
  color: #ffffff;
  font-family: "Arial";
  position: absolute;
}



.warning__title {
  
 font-size: 14px;
 top: 12px;
 left: 43px;
 animation: blink 2s linear infinite;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}







.loader2 {
  width: 43%;

  height: 1.8%;
  display: inline-block;
  background-color: #a38bff;
  border: 1px solid #FFF;
  border-radius: 1px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  font-size: 30px;
  background-size: 1em 1em;
  box-sizing: border-box;
  animation: barStripe 1s linear infinite;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
}




@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}



.warning2 {
  width: 300px;
  height: 40px;
  top: 22px;
  left: 50%;
  transform: translate(-50%, -50%);
 display: none;
  
}




.err{
  top: 6px;
  height: 25px;
  width: 25px;
  left: 11px;
  position: absolute;
}



.blink{
  top: 6px;
  height: 25px;
  width: 25px;
  right: 11px;
  position: absolute;
  animation: blink 2s linear infinite;
}