html {
   transform: scale(0.7);
   transform-origin: 0 0;
   width: 142.857%; /* 100%/0.7 - компенсируем уменьшение масштаба */
   height: 142.857%;
   overflow-x: hidden;
}

body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

#page {
   height: 870px !important;
}

#kvit {
   background-image: url("/kvitantsiya/kvitantsiya/svg/2-zones-average.svg");
}

#kvit #qr-code {
   top: 50px;
   left: 8px;
   width: 155px;
   height: 155px;
}
#tooltips #qr-code {
   top: 110px;
}

#kvit #counters{
   top: 212px;
   width: 727px;
   height: 84px;
}
#tooltips #counters {
   top: 233px;
}

#kvit #details{
   top: 315px;
   width: 727px;
   height: 111px;
}
#tooltips #details {
   top: 341px;
}

#kvit #ranges{
   top: 434px;
   width: 727px;
   height: 109px;
}
#tooltips #ranges {
   top: 474px;
}

#kvit #values-transfer{
   top: 565px;
   width: 680px;
   height: 115px;
}
#tooltips #values-transfer {
   top: 591px;
}

#kvit #requisites {
   top: 75px;
   height: 90px;
   width: 300px;
}
#tooltips #requisites {
   top: 110px;
}

#kvit #accurals {
   top: 170px;
   height: 250px;
   width: 300px;
}
#tooltips #accurals {
   top: 258px;
}

#tooltips #corrections {
   top: 380px;
}
#tooltips #corrections::before {
   width: 400px;
   right: 0;
   transform: translate(-35vmin, 33%);
}
#tooltips #corrections::after {
   right: 0;
   transform: translate(-35vmin, 33%);
}

#kvit #branch {
   top: 693px;
   left: 263px;
   width: 630px;
   height: 117px;
}
#tooltips #branch {
   top: 720px;
}
#tooltips #branch::before {
   width: 240px;
   left: -240px;
}
#tooltips #branch::after {
   left: -240px;
}