It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://pvgis.com

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  <meta charset="UTF-8">
  7.    <title>pvgis.com - PVGIS24 CALCULATOR</title>
  8.  <meta name="description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  9.  
  10.  
  11.  <meta name="robots" content="index,follow">
  12.  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes">
  13.  <link rel="canonical" href="https://pvgis.com/en">
  14.  
  15.  
  16.  <link rel="alternate" hreflang="en" href="https://pvgis.com/en">
  17. <link rel="alternate" hreflang="fr" href="https://pvgis.com/fr">
  18. <link rel="alternate" hreflang="de" href="https://pvgis.com/de">
  19. <link rel="alternate" hreflang="zh" href="https://pvgis.com/zh">
  20. <link rel="alternate" hreflang="es" href="https://pvgis.com/es">
  21. <link rel="alternate" hreflang="hi" href="https://pvgis.com/hi">
  22. <link rel="alternate" hreflang="ur" href="https://pvgis.com/ur">
  23. <link rel="alternate" hreflang="ar" href="https://pvgis.com/ar">
  24. <link rel="alternate" hreflang="pt" href="https://pvgis.com/pt">
  25. <link rel="alternate" hreflang="nl" href="https://pvgis.com/nl">
  26. <link rel="alternate" hreflang="ru" href="https://pvgis.com/ru">
  27. <link rel="alternate" hreflang="ro" href="https://pvgis.com/ro">
  28. <link rel="alternate" hreflang="it" href="https://pvgis.com/it">
  29. <link rel="alternate" hreflang="bn" href="https://pvgis.com/bn">
  30. <link rel="alternate" hreflang="ja" href="https://pvgis.com/ja">
  31. <link rel="alternate" hreflang="id" href="https://pvgis.com/id">
  32. <link rel="alternate" hreflang="tr" href="https://pvgis.com/tr">
  33. <link rel="alternate" hreflang="ko" href="https://pvgis.com/ko">
  34. <link rel="alternate" hreflang="af" href="https://pvgis.com/af">
  35. <link rel="alternate" hreflang="sq" href="https://pvgis.com/sq">
  36. <link rel="alternate" hreflang="am" href="https://pvgis.com/am">
  37. <link rel="alternate" hreflang="hy" href="https://pvgis.com/hy">
  38. <link rel="alternate" hreflang="az" href="https://pvgis.com/az">
  39. <link rel="alternate" hreflang="eu" href="https://pvgis.com/eu">
  40. <link rel="alternate" hreflang="be" href="https://pvgis.com/be">
  41. <link rel="alternate" hreflang="bs" href="https://pvgis.com/bs">
  42. <link rel="alternate" hreflang="bg" href="https://pvgis.com/bg">
  43. <link rel="alternate" hreflang="ca" href="https://pvgis.com/ca">
  44. <link rel="alternate" hreflang="co" href="https://pvgis.com/co">
  45. <link rel="alternate" hreflang="hr" href="https://pvgis.com/hr">
  46. <link rel="alternate" hreflang="cs" href="https://pvgis.com/cs">
  47. <link rel="alternate" hreflang="da" href="https://pvgis.com/da">
  48. <link rel="alternate" hreflang="eo" href="https://pvgis.com/eo">
  49. <link rel="alternate" hreflang="et" href="https://pvgis.com/et">
  50. <link rel="alternate" hreflang="fi" href="https://pvgis.com/fi">
  51. <link rel="alternate" hreflang="fy" href="https://pvgis.com/fy">
  52. <link rel="alternate" hreflang="gl" href="https://pvgis.com/gl">
  53. <link rel="alternate" hreflang="ka" href="https://pvgis.com/ka">
  54. <link rel="alternate" hreflang="el" href="https://pvgis.com/el">
  55. <link rel="alternate" hreflang="gu" href="https://pvgis.com/gu">
  56. <link rel="alternate" hreflang="ht" href="https://pvgis.com/ht">
  57. <link rel="alternate" hreflang="ha" href="https://pvgis.com/ha">
  58. <link rel="alternate" hreflang="hu" href="https://pvgis.com/hu">
  59. <link rel="alternate" hreflang="is" href="https://pvgis.com/is">
  60. <link rel="alternate" hreflang="ig" href="https://pvgis.com/ig">
  61. <link rel="alternate" hreflang="ga" href="https://pvgis.com/ga">
  62. <link rel="alternate" hreflang="kn" href="https://pvgis.com/kn">
  63. <link rel="alternate" hreflang="kk" href="https://pvgis.com/kk">
  64. <link rel="alternate" hreflang="km" href="https://pvgis.com/km">
  65. <link rel="alternate" hreflang="ku" href="https://pvgis.com/ku">
  66. <link rel="alternate" hreflang="ky" href="https://pvgis.com/ky">
  67. <link rel="alternate" hreflang="lo" href="https://pvgis.com/lo">
  68. <link rel="alternate" hreflang="la" href="https://pvgis.com/la">
  69. <link rel="alternate" hreflang="lv" href="https://pvgis.com/lv">
  70. <link rel="alternate" hreflang="lt" href="https://pvgis.com/lt">
  71. <link rel="alternate" hreflang="lb" href="https://pvgis.com/lb">
  72. <link rel="alternate" hreflang="mk" href="https://pvgis.com/mk">
  73. <link rel="alternate" hreflang="mg" href="https://pvgis.com/mg">
  74. <link rel="alternate" hreflang="ms" href="https://pvgis.com/ms">
  75. <link rel="alternate" hreflang="ml" href="https://pvgis.com/ml">
  76. <link rel="alternate" hreflang="mt" href="https://pvgis.com/mt">
  77. <link rel="alternate" hreflang="mi" href="https://pvgis.com/mi">
  78. <link rel="alternate" hreflang="mr" href="https://pvgis.com/mr">
  79. <link rel="alternate" hreflang="mn" href="https://pvgis.com/mn">
  80. <link rel="alternate" hreflang="my" href="https://pvgis.com/my">
  81. <link rel="alternate" hreflang="ne" href="https://pvgis.com/ne">
  82. <link rel="alternate" hreflang="no" href="https://pvgis.com/no">
  83. <link rel="alternate" hreflang="ny" href="https://pvgis.com/ny">
  84. <link rel="alternate" hreflang="ps" href="https://pvgis.com/ps">
  85. <link rel="alternate" hreflang="fa" href="https://pvgis.com/fa">
  86. <link rel="alternate" hreflang="pl" href="https://pvgis.com/pl">
  87. <link rel="alternate" hreflang="pa" href="https://pvgis.com/pa">
  88. <link rel="alternate" hreflang="sm" href="https://pvgis.com/sm">
  89. <link rel="alternate" hreflang="gd" href="https://pvgis.com/gd">
  90. <link rel="alternate" hreflang="sr" href="https://pvgis.com/sr">
  91. <link rel="alternate" hreflang="st" href="https://pvgis.com/st">
  92. <link rel="alternate" hreflang="sn" href="https://pvgis.com/sn">
  93. <link rel="alternate" hreflang="sd" href="https://pvgis.com/sd">
  94. <link rel="alternate" hreflang="si" href="https://pvgis.com/si">
  95. <link rel="alternate" hreflang="sk" href="https://pvgis.com/sk">
  96. <link rel="alternate" hreflang="sl" href="https://pvgis.com/sl">
  97. <link rel="alternate" hreflang="so" href="https://pvgis.com/so">
  98. <link rel="alternate" hreflang="su" href="https://pvgis.com/su">
  99. <link rel="alternate" hreflang="sw" href="https://pvgis.com/sw">
  100. <link rel="alternate" hreflang="sv" href="https://pvgis.com/sv">
  101. <link rel="alternate" hreflang="tl" href="https://pvgis.com/tl">
  102. <link rel="alternate" hreflang="tg" href="https://pvgis.com/tg">
  103. <link rel="alternate" hreflang="ta" href="https://pvgis.com/ta">
  104. <link rel="alternate" hreflang="te" href="https://pvgis.com/te">
  105. <link rel="alternate" hreflang="th" href="https://pvgis.com/th">
  106. <link rel="alternate" hreflang="uk" href="https://pvgis.com/uk">
  107. <link rel="alternate" hreflang="uz" href="https://pvgis.com/uz">
  108. <link rel="alternate" hreflang="vi" href="https://pvgis.com/vi">
  109. <link rel="alternate" hreflang="cy" href="https://pvgis.com/cy">
  110. <link rel="alternate" hreflang="xh" href="https://pvgis.com/xh">
  111. <link rel="alternate" hreflang="yi" href="https://pvgis.com/yi">
  112. <link rel="alternate" hreflang="yo" href="https://pvgis.com/yo">
  113. <link rel="alternate" hreflang="zu" href="https://pvgis.com/zu">
  114. <link rel="alternate" hreflang="x-default" href="https://pvgis.com/en">
  115.  
  116.  <meta property="og:title" content="PVGIS24 CALCULATOR">
  117.  <meta property="og:description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  118.  <meta property="og:url" content="https://pvgis.com/en">
  119.  <meta property="og:type" content="website"><meta property="og:image" content="https://cdn.pvgis.com/images/logo.png" />
  120. <meta property="og:image:alt" content="Logo PVGIS" />
  121.  
  122.  <style type="text/css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:#fff0}b,strong{font-weight:bolder}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}body{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5{margin-top:10px;margin-bottom:10px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}p{margin:0 0 10px}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}ol,ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-md-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-4,.col-xs-10,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-8{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-10,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-8{float:left}.col-xs-12{width:100%}.col-xs-10{width:83.33333333%}.col-xs-8{width:66.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}@media(min-width:768px){.col-sm-4{float:left}.col-sm-4{width:33.33333333%}}@media(min-width:992px){.col-md-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8{float:left}.col-md-12{width:100%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}}table{background-color:#fff0}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>thead:first-child>tr:first-child>th{border-top:0}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:#fff0;border:0}.form-group{margin-bottom:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;border:1px solid #fff0;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px}.btn.disabled,.btn[disabled]{opacity:.65;-webkit-box-shadow:none;box-shadow:none}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.fade{opacity:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}button.close{padding:0;background:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid;border-radius:6px;-webkit-box-shadow:0 3px 9px rgb(0 0 0 / .5);box-shadow:0 3px 9px rgb(0 0 0 / .5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}@media(min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgb(0 0 0 / .5);box-shadow:0 5px 15px rgb(0 0 0 / .5)}}.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}@-ms-viewport{width:device-width}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Black.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-BlackItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Bold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-BoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraBold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraBoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraLight.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraLightItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Italic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Light.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-LightItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Medium.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-MediumItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Regular.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-SemiBold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-SemiBoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Thin.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ThinItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}h1,h2,h3,h4,h5,li,p,td{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}h1{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:2em;letter-spacing:-.5px}h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:800;font-style:normal;font-size:1.5em;letter-spacing:-.5px}h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:1.17em;letter-spacing:-.5px}h4{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:1em;letter-spacing:-.5px}h5{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-bold,.font-bold-condensed{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-medium{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-condensed-oblique{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.font-bold-condensed-oblique{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:italic;font-size:18px;letter-spacing:-.5px}.dropdown-select-button,.form-control,input,option,select{color:#000;font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:17px;letter-spacing:-.5px}input:disabled{background-color:rgba(238,238,238,.768627451)}.cssloader-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.cssloader-container p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:42px;letter-spacing:-.5px}.font-16{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:-.5px;line-height:1}::-webkit-datetime-edit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:16px;letter-spacing:-.5px}.link-simulation a .btn.btn-warning{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.link-simulation a .btn.btn-primary{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px;color:#707173}.file-registration-container h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#000 !important}.file-registration-container .action-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container .action-container .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container .action-container #cancel{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px;text-decoration:underline;text-decoration-color:#aaa9aa;text-decoration-thickness:2px;color:#000}.file-registration-container .action-container button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.header{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .header-top{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .navigation-menu-container li{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:-.5px}.header .navigation-menu-container li a span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:1px}.header .h-default-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .menu-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:30px;letter-spacing:-.5px}.header .selected-nav-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:1px}.header .side-menu-item-lang{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:1.25px}.header .icon{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .icon.icon-select-lang{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:20px;letter-spacing:-.5px}.header .menu-m-header button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:25px;letter-spacing:-.5px}.header .m-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}@media(max-width:422px){.header .m-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}}.header .lang-selected{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.header .nav-system-link button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.account-menu-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.lang-popover{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:14px;letter-spacing:-.5px}.login-container .message-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container .cancel-button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;text-decoration:underline}.fb-btn span,.g-btn span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:14px;letter-spacing:-.5px}.login-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .create-account{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .create-account p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group a{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.login-container .create-account a{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#333;text-decoration:underline;text-decoration-color:#939da2;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-underline-offset:3px}.login-container .action-container .login-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px;letter-spacing:1px}.tiers-registration-container p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.fb-btn span,.g-btn span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:-.5px}.modal-extranet .cancel-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 input,.pvgis-24 p,.pvgis-24 table{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-bold-condensed{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 #add-simulation-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .geo-lolat-list{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .simulator-section #horizon-legends{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .pv-prod-table th{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .pv-prod-table th:first-child{text-transform:capitalize}.pvgis-24 .barre h2 .project_name{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:italic;font-size:30px;letter-spacing:-.5px}.modal-extranet{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .popup-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .mail-confirm-content{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .btn-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .save-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .page-title h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:24px;letter-spacing:-.5px}.registration-container .btn-submit.disabled{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .message-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .to-login{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.coming-soon-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.dropdown-select-button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .simulator-section div h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .p-24-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:40px;letter-spacing:-.5px}.pvgis-24 .barre h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:30px;letter-spacing:-.5px}.pvgis-24 .p-24-info-form-top-box button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-18{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-16{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .font-700{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .italic{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.pvgis-24 .error-message{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:.875em;letter-spacing:-.5px}.pvgis-24 .annual_pv{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .btn-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .save-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container .action-container .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container .action-container .cancel{color:#005da7;margin-right:20px;position:relative}.pvgis-24 .p-24-input-right div label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-bold-22{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:22px;letter-spacing:-.5px}#registration-form label span{font-weight:400 !important}#registration-form .radio-account-type label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:20px;letter-spacing:-.5px}#registration-form #submit-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px;text-transform:uppercase}#registration-form #cancel-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#333 !important}#registration-form a{font-weight:400 !important;color:#333 !important}#registration-form .required{color:red !important;font-weight:900 !important}#registration-form .check-container label{font-weight:400 !important;color:#333 !important}.average-hours-per-day{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:15px;letter-spacing:-.5px}.width-grid{max-width:1400px}@media screen and (max-width:1300px){.width-grid{width:100%}}.cssloader-container{width:100vw;height:100vh;text-align:center;position:fixed;background:#fff;z-index:99999998;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.cssloader-speeding-wheel{width:50px;height:50px;margin:0 auto;border:3px solid #073769;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:875ms linear infinite cssload-spin;-o-animation:875ms linear infinite cssload-spin;-ms-animation:cssload-spin 875ms infinite linear;-webkit-animation:875ms linear infinite cssload-spin;-moz-animation:875ms linear infinite cssload-spin}.cssloader-container p{margin-top:30px;color:#073769}.custom-loader-text{font-size:18px !important;display:none}.custom-loader-text .dots span{opacity:0;animation:1.5s ease-in-out infinite smooth-blink}.custom-loader-text .dots span:first-child{animation-delay:0s}.custom-loader-text .dots span:nth-child(2){animation-delay:.3s}.custom-loader-text .dots span:nth-child(3){animation-delay:.6s}@keyframes cssload-spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cssload-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cssload-spin{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cssload-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes smooth-blink{0%,50%{opacity:0}70%{opacity:1}100%{opacity:0}}:root{--color-blue-primary:#0065a2;--color-blue-secondary:#073769}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}.to-hide{display:none}.header{height:max-content;width:100%;background:#0065a2;display:flex;flex-direction:column}.header button{padding-inline-start:0;padding-inline-end:0}.header .header-top{height:max-content}@media(min-width:701px)and (max-width:1199px){.header .header-top{margin-inline-start:14px}}.header .header-bottom{min-height:33px;width:100%;background:#074a8b;display:flex;align-items:center;justify-content:flex-end}.header .extra-header{display:none;margin-bottom:-5px}.header .extra-header .active-users-ga{white-space:nowrap;text-align:end;padding-inline-end:14px;padding-top:2px;background-color:#fff;color:#025ea8}.header .c-header{height:90px;display:flex;align-items:center;letter-spacing:3px}.header .c-header .logo-content{display:flex;align-items:center;width:100%}.header .logo-title{color:#f2f2f2;display:flex;align-items:center;width:max-content;margin-inline-end:20px}.header .logo-title .logo-extranet{padding-top:15px;padding-bottom:15px}@media(max-width:412px){.header .logo-title .logo-extranet img{width:96px}}@media(max-width:396px){.header .logo-title .logo-extranet img{width:95px}}.header .logo-title a{text-decoration:none;color:#fff;letter-spacing:3.5px;display:flex;justify-content:center}.header .title-header{display:flex;align-items:end;color:#f2f2f2;padding:0;letter-spacing:2px;padding-top:10px}.header .h-top-right{flex-grow:1;height:100%}.header .side-web-menu{margin-bottom:5px;display:flex;column-gap:4px;align-items:center;justify-content:end;height:100%}.header .side-menu-container{height:30px;display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:0;margin-bottom:0;padding-inline-start:0;list-style:none}.header .side-menu-item-lang{margin-inline-start:4px;background:0;border:0;display:flex;position:relative;align-items:center}.header .icon{margin-inline-start:2px;top:-5.85px;position:absolute;right:-2px;color:#f2f2f2}.header .custom-span{margin-right:12px;color:#f2f2f2;text-transform:uppercase}.header .h-nav-container{width:100%}.header .system-link-container{margin-inline-start:10px;display:inline-flex}.header .system-link-container .nav-system-link button{border-radius:0;height:40px;width:79px;border:none !important}.header .system-link-container .nav-system-link button.btn-warning{font-weight:500}.header .system-link-container .nav-system-link button.btn-primary{background-color:#0065a2}.header .navigation-menu-container{width:100%;max-width:624px;min-width:500px;display:flex;align-items:center;justify-content:end;gap:20px;list-style:none;padding-inline-start:0;margin-top:0;margin-bottom:0;margin-right:15px}.header .navigation-menu-container li{background:0;border:0}.header .navigation-menu-container .nav-button a{text-decoration:none}@media(max-width:1199px){.header .navigation-menu-container{max-width:638px}}.header .nav-menu-item{height:33px;display:flex;align-items:center;text-wrap:nowrap}.header .nav-menu-item span{text-transform:uppercase;height:16px;display:flex;align-items:center;line-height:0}.header .h-default-btn{color:#f2f2f2}.header .nav-menu-item.btn.btn-warning.h-default-btn{color:#074a8b;background-color:#ffd300}.header .lang-label{display:flex;align-items:center}.header .nav-web-menu{display:flex;color:#fff;align-items:center}.header .nav-web-menu .nav-content:last-child{flex:1;letter-spacing:0;text-align:right}.header .active-users-ga{font-size:14px;font-weight:500;color:#fff}.header .link-simulation{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;height:100%}.header .link-simulation a{display:inline-block;height:100%}.header .link-simulation a .btn{text-decoration:none !important}.header .link-simulation .btn{border:none !important;height:100%}.header .link-simulation .btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;border-radius:0 !important;padding-inline:13px !important}.header .link-simulation .btn.btn-primary{background-color:#08498b;color:#fff !important;border-radius:0 !important;padding-inline:10px !important}.header .more-languages{color:var(--color-blue-primary)}.header .back-lang{display:none;color:var(--color-blue-primary);margin-bottom:10px;margin-inline-start:9px}.header .dummy-link{display:none}.header .lang-popover{margin-top:3px;background:#fff;height:auto;width:max-content;position:absolute;top:27px;right:-10px;display:none;justify-content:center;padding:10px;padding-inline-start:0;z-index:999;border:.5px solid rgba(0,0,0,.3)}.header .lang-popover input{padding:10px;display:block;margin-inline-start:18px;margin-bottom:10px !important;box-sizing:border-box}.header .lang-popover .lang-options{width:max-content;display:grid;grid-template-columns:repeat(4,1fr);max-height:400px;overflow-y:auto}.header .lang-popover .more-lang-option{display:flex;align-items:center;justify-content:center;width:max-content;padding-inline:1rem}.header .menu-btn{background:0;border:0;color:#f2f2f2;margin-right:15px;display:none;padding:0;height:max-content;width:max-content}.header .menu-btn-container{display:flex;align-items:center;padding-bottom:15px}.header .selected-nav-container{display:none;height:100%;align-items:center;justify-content:flex-end}.header .menu-mobile{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;display:none}.header .menu-mobile .menu-mobile-container{height:100%;width:100%;background:#073769;display:flex;flex-direction:column;position:absolute;left:-100%;letter-spacing:3px}.header .menu-mobile .menu-mobile-container .menu-mobile-body{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.header .menu-mobile .menu-mobile-container .menu-mobile-body .nav-button{border-bottom:2px solid #074a8b}.header .menu-mobile .menu-mobile-container .menu-mobile-body .navigation-menu-container{gap:0;min-width:unset;max-width:unset}.header .menu-mobile .menu-mobile-container .menu-mobile-body .btn.btn-warning{border-radius:10px;width:max-content}.header .menu-m-header{display:flex;height:max-content;background:#0065a2;padding-inline-start:20px;padding-inline-end:20px;flex-direction:column}.header .menu-m-header button{color:#f2f2f2;background:0;border:0}.header .m-logo-container{display:flex;align-items:center;justify-content:space-between;margin-top:25px;margin-bottom:10px}.header .m-title{color:#f2f2f2;margin-bottom:25px;width:100%}.header .separate{width:100%;height:.5px;margin-top:30px}.floating-btn-container{position:fixed;right:2%;display:flex;justify-content:center;align-items:center;bottom:65px;flex-direction:column;gap:25px;min-width:85px;z-index:1000}.floating-btn-container>*{position:relative !important;top:0 !important;bottom:0 !important;right:0 !important;left:0 !important}.account-menu-container{display:flex;margin-inline-start:8px;color:#fff;text-transform:uppercase;position:relative}.account-menu-container .btn.btn-outline-light{color:#fff;border:1px solid #fff;padding:3px 6px;margin-inline-end:5px;font-size:16px;align-content:center}.btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;padding-inline-start:10px !important;padding-inline-end:10px !important;border:none !important;height:33px;border-radius:0}.container-fluid{max-width:1400px;padding-inline-start:85px;padding-inline-end:85px}.lazy-load-img{width:150px;margin:auto}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}body,html{height:100%}#loading,#loadingPdf{background:url(https://cdn.pvgis.com/images/loading-ps.svg) center center no-repeat rgba(0,0,0,.5);background-size:50px;height:100%;width:100%;position:fixed;z-index:2000;display:none;top:0}.main-content{flex:1}@media screen and (max-width:991px){.header .description-container{width:100%}.header .c-header{padding-inline:14px}.header .c-header .title-header{height:52px;height:unset;display:block;color:#f2f2f2;text-align:end;font-size:18px}.header .content-bottom{padding-inline-end:10px}.header .lang-label{display:flex;align-items:center}.header .side-menu-item-lang{background:0;border:0;column-gap:1px;position:relative;letter-spacing:2px;margin-inline-end:10px}.header .lang-popover{width:320px;position:fixed;right:14px;top:128px}.header .lang-popover .lang-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.header .navigation-menu-container li a span{font-size:14px !important}h1{font-size:36px !important;margin-top:20px}h2{font-size:28px !important}.extra-header{display:block !important}.header .menu-btn{display:block}.header .side-web-menu{display:none}.header .logo-title{margin-top:0}.header .c-header{padding-top:5px;padding-bottom:5px;align-items:stretch}.header .nav-web-menu{display:none}.header .selected-nav-container{display:flex;padding-inline-end:0 !important}.header .navigation-menu-container{flex-direction:column;margin-inline-start:20px;margin-right:20px;width:auto;justify-content:flex-start;margin-top:10px}.header .navigation-menu-container li{margin-inline-start:0;width:100%;border-bottom:0;padding-top:10px;padding-bottom:10px;text-align:left}.header .h-top-right{display:none;padding-bottom:0}.container-fluid{padding-inline:14px !important}}@media(max-width:1047px){.header .navigation-menu-container{max-width:615px}.header .c-header .title-header{font-size:17px}}@media(max-width:1025px){.header .navigation-menu-container{max-width:604px}.header .c-header .title-header{font-size:16.5px}}@media(max-width:1013px){.header .navigation-menu-container{max-width:593px}.header .c-header .title-header{font-size:16px}}@media(max-width:1002px){.header .navigation-menu-container{max-width:571px}.header .c-header .title-header{font-size:15px}}@media(max-width:707px){.header .c-header .title-header{font-size:17.5px}}@media(max-width:682px){.header .c-header .title-header{font-size:16.5px}}@media(max-width:660px){.header .c-header .title-header{font-size:15.5px}}@media(max-width:637px){.header .c-header .title-header{font-size:15px}}@media(max-width:626px){.header .c-header .title-header{font-size:19px}}@media(max-width:497px){.header .c-header .title-header{font-size:18.5px}}@media(max-width:490px){.header .c-header .title-header{font-size:18px}}@media(max-width:484px){.header .c-header .title-header{font-size:17.5px}}@media(max-width:477px){.header .c-header .title-header{font-size:17px}}@media(max-width:471px){.header .c-header .title-header{font-size:16.5px}}@media(max-width:464px){.header .c-header .title-header{font-size:16px}}@media(max-width:458px){.header .c-header .title-header{font-size:15.5px}}@media(max-width:452px){.header .c-header .title-header{font-size:15px}}@media(max-width:446px){.header .c-header .title-header{font-size:14.5px}}@media(max-width:439px){.header .c-header .title-header{font-size:14.5px}}@media(max-width:355px){.header .c-header .title-header{font-size:12.5px}}@media(max-width:336px){.header .c-header .title-header{font-size:10.5px}}@media(max-width:380px){.header .content-bottom{padding-inline-end:0}.header .system-link-container .nav-system-link button{width:73px}}@media(max-width:374px){.header .account-menu-container .btn.btn-outline-light{font-size:14px}.header .lang-selected{font-size:14px}.header .system-link-container .nav-system-link button{width:64px;font-size:14px}}@media(max-width:650px){.header .title-header{font-size:medium;width:100%}.header .logo-title{font-size:45px}}@media(max-width:450px){.menu-mobile-container{width:100%}.header .header-top .c-header{padding-inline:7px}.header .header-top .c-header .logo-content .description-container{left:16px}.header .header-bottom .selected-nav-container{padding-inline:7px}}@media(max-width:400px){.header .title-header{font-size:smaller;width:100%}.header .logo-title{font-size:35px}}@media(max-width:340px){.header .title-header{font-size:x-small;width:100%}.header .side-menu-item-lang{background:0;border:0;column-gap:1px;position:relative;letter-spacing:2px;margin-inline-end:0}}@media screen and (max-width:600px){.container{padding-inline-start:7px;padding-inline-end:7px}.container-fluid{padding-inline-start:7px;padding-inline-end:7px}.logo-content .title-header{font-size:2.7vw}}@media screen and (max-width:624px){h1{font-size:30px !important}h2{font-size:25px !important}}@media screen and (max-width:361px){h1{font-size:25px !important}h2{font-size:21px !important}}@media(max-width:1199px){.container{width:auto}.container-fluid{padding-inline-start:40px;padding-inline-end:40px}.container-fluid.c-header{padding-inline-start:15px;padding-inline-end:0}.container-fluid.nav-web-menu{padding-inline-start:15px}[class^=col-]{padding-inline-start:0;padding-inline-end:0}.row{margin-inline-start:0;margin-right:0}.md-pl-10{padding-inline-start:10px}}@media screen and (max-width:767px){[class^=col-]{padding-inline-start:0;padding-inline-end:0}}.toast-view-container{display:flex;justify-content:center;align-items:center;width:330px;height:80px;position:fixed;bottom:20px;right:5px;z-index:1000;opacity:.9;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.toast-view{display:flex;font-weight:700;flex-direction:row;justify-content:center;align-items:center;border-radius:.25rem;padding:1rem;gap:.5rem}.toast-view p{margin-bottom:0}.toast-view #toast-title{font-weight:700;font-size:1.3rem}.toast-view #toast-message{margin-top:.5rem;font-size:1.3rem}.toast-view .btn-confirm-toast{align-items:center;justify-content:center;background-color:#007bff;color:#fff;border:0;padding:.5rem 1rem;border-radius:.25rem;font-size:1.5rem}.toast-view .toast-header{display:flex;justify-content:space-between;align-items:center}.toast-view .toast-footer{display:flex;justify-content:flex-end}.radio-pvgis{display:none}.radio-pvgis+label{position:relative;padding-left:25px;padding-right:15px;display:inline-block}.radio-pvgis+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;margin:0 !important;padding:0 !important;border-radius:50%;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.radio-pvgis:checked+label:before{box-shadow:0 0 0 1px #0065a5;border-color:#fff;background:#0065a5;border-width:3.2px}.checkbox-pvgis{display:none;display:none}.checkbox-pvgis+label:before{content:"";position:absolute;left:0;top:45%;transform:translateY(-50%);width:20px;height:20px;border-radius:0;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.checkbox-pvgis+label{position:relative;padding-left:25px;display:flex;align-items:end;margin:0}.checkbox-pvgis+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.pvgis-custom-select{position:relative;display:inline-block;width:200px}.pvgis-custom-select .pvgis-select-label{padding:10px;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961);border-radius:5px;color:#0065a5;display:flex;justify-content:space-between;align-items:center}.pvgis-custom-select .pvgis-select-options{display:none;position:absolute;width:100%;background:#fff;border:1px solid #0065a5;list-style:none;padding:0;margin:5px 0;border-radius:5px;overflow:hidden;z-index:10}.pvgis-caret{color:#0065a5;transform:rotate(0);position:absolute;right:12px}:root{--iti-hover-color:rgba(0,0,0,0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("assets/images/intlTel/flags.webp");--iti-path-flags-2x:url("assets/images/intlTel/flags@2x.webp");--iti-path-globe-1x:url("assets/images/intlTel/globe.webp");--iti-path-globe-2x:url("assets/images/intlTel/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.popup-overlay-container{height:100%;background:rgba(0,0,0,.4941176471);align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1200;width:100%;display:flex;padding:10px}.popup-container-wrapper{display:flex;gap:40px;justify-content:center;box-shadow:none;width:100%}.popup-container-wrapper .popup-view-container{all:unset;flex:1;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;background-color:#fff;max-width:350px;width:100%;overflow-y:auto;max-height:90vh}.popup-view-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1200;border-radius:8px;max-width:350px;width:93%;overflow-y:auto;max-height:90vh}.popup-view-container div:not(.toast-popup-header){margin-top:5px}.popup-view-container .toat-popup-content{font-size:16px;text-align:center}.popup-view-container .toat-popup-content p{margin-bottom:0}.popup-view-container .toat-popup-content h3{margin-top:0;margin-bottom:10px;color:#0065a2;font-size:22px}.popup-view-container .toat-popup-content .sub-title{font-size:16px;color:#000;font-weight:700;text-align:center;margin-bottom:5px;max-width:260px;margin-inline:auto}.popup-view-container .toat-popup-content button{margin-block:30px 25px;padding:5px 40px;font-size:15px;background-color:#0065a2;color:#fff;border:0;border-radius:0}.popup-view-container .toast-popup-header{display:flex;justify-content:flex-end;align-items:center;padding:0}.popup-view-container .toast-popup-header .icon-close{width:20px;height:20px;font-size:24px;align-items:center;text-align:center;display:flex;justify-content:center}.popup-view-container.popup-blue{background-color:#0065a2}.popup-view-container.popup-blue *,.popup-view-container.popup-blue .sub-title{color:#fff}.popup-view-container.popup-blue h3{color:#ffd300}.popup-view-container.popup-blue button{background-color:#ffd300;color:#0065a2 !important}.calculator-link{position:fixed;bottom:115px;right:40px;text-align:center;text-decoration:none;color:#074a8b;font-weight:700;text-transform:uppercase;z-index:10;display:flex;flex-direction:column;align-items:center;font-size:18px}.calculator-link.d-none{display:none}.calculator-link .radiating-circle{width:30px;height:30px;background-color:#fed400;border-radius:50%;margin-bottom:8px;position:relative;animation:2s infinite pulsePvgis24}.calculator-link .calculator-text span{display:block;line-height:1.2}@keyframes pulsePvgis24{0%{box-shadow:0 0 0 0 rgba(254,212,0,.7)}70%{box-shadow:0 0 0 10px rgba(254,212,0,0)}100%{box-shadow:0 0 0 0 rgba(254,212,0,0)}}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-arrow-left:before{content:"\f060"}.fa-bars:before{content:"\f0c9"}.fa-download:before{content:"\f019"}.fa-ellipsis-h:before{content:"\f141"}.fa-sort-down:before{content:"\f0dd"}.fa-spinner:before{content:"\f110"}.fa-times:before{content:"\f00d"}.fa-upload:before{content:"\f093"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fas{font-family:"Font Awesome 5 Free"}.fas{font-weight:900}@font-face{font-display:block;font-family:bootstrap-icons;src:url("https://cdn.pvgis.com/assets/css/bootstrap-icons/fonts/bootstrap-icons.woff2?2820a3852bdb9a5832199cc61cec4e65") format("woff2"),url("https://cdn.pvgis.com/assets/css/bootstrap-icons/fonts/bootstrap-icons.woff?2820a3852bdb9a5832199cc61cec4e65") format("woff")}.bi::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-exclamation-triangle::before{content:"\f33b"}.bi-eye::before{content:"\f341"}.bi-stack::before{content:"\f585"}.modal-extranet{position:fixed;background-image:url("https://cdn.pvgis.com/images/pvgis24/extranet-bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;top:90px;left:0;margin:0;padding:0;height:100%;width:100%;z-index:100;visibility:hidden;opacity:0}.modal-extranet.confirm-mail-modal{top:0}.modal-extranet.confirm-mail-modal{z-index:999999}.modal-extranet .popup-container{background:#fff;margin-top:74px;width:100%;padding:30px;position:relative;display:flex;align-items:center;justify-content:center;min-height:250px}.modal-extranet .mail-confirm-content{text-align:center;line-height:45px}.modal-extranet .btn-container{text-transform:uppercase;position:absolute;bottom:0;right:0;border-radius:0;padding:0}.modal-extranet .save-btn{background:#0065a2;color:#fff;text-transform:uppercase;border-radius:0;padding:8px 30px 4px;text-align:center;width:-moz-fit-content;width:fit-content}.modal-extranet .cancel-btn{background-color:#fff;border-radius:0;margin:0;padding:0 15px}.modal-extranet .row{display:flex;justify-content:center}h1,h2,h3,h4,h5{color:#005ea8}.table{margin-bottom:0 !important;width:100%;table-layout:fixed}.table>thead>tr{border-bottom:none !important}.table>thead>tr>th{border-bottom:none !important}.custom-help-modal{background:rgba(0,0,0,.4941176471)}.custom-help-modal .modal-body{padding:15px 22px 22px 20px;display:flex;align-items:flex-start;gap:10px}.custom-help-modal div{margin-bottom:5px !important}.custom-help-modal table{text-align:left !important}.custom-help-modal table td{background:#fff}.custom-help-modal .p-0{padding:0 !important}.custom-help-modal .title-cell{padding-inline:10px !important;width:100%}.custom-help-modal .content-cell{padding-top:15px}.custom-help-modal .modal-title,.custom-help-modal h4{color:#005ea8 !important}.custom-help-modal .help-icon-btn{background:#ed792d;color:#fff;padding:3px 19px 2px;border-radius:50%;font-weight:700;font-size:40px;text-align:center}.custom-help-modal .close-col{display:none}.custom-help-modal .close-col span{color:#000;font-size:22px}.custom-help-modal,.custom-help-modal .modal-content-text,.custom-help-modal h4{color:#000;font-size:16px;letter-spacing:.1px;line-height:1.3}.error-message{color:red}.hidden{display:none}::-webkit-datetime-edit{position:absolute;right:0}:focus::-webkit-datetime-edit{position:absolute;right:0}input{position:relative}.link-simulation{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;height:100%}.link-simulation a .btn{text-decoration:none !important}.link-simulation a:nth-child(2){display:inline-block;height:100%}.link-simulation .btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;padding-left:15px !important;padding-right:15px !important;padding-top:3px !important;padding-bottom:3px !important;border-radius:10px !important;border:none !important}.link-simulation .btn.btn-primary{background-color:#08498b;color:#fff !important;height:100%;padding-left:10px !important;padding-right:10px !important;border:none !important;border-radius:0 !important}.simulator-section{border:2px solid #2e6493;padding:18px 8px;margin:10px 0 20px}.info-pv ul{padding:0}.info-pv ul.info-pv-data,.info-pv ul.info-pv-desc{width:100%;padding:0}.info-pv ul.info-pv-data li,.info-pv ul.info-pv-desc li{line-height:normal}.info-pv ul.info-pv-data li::before,.info-pv ul.info-pv-desc li::before{background-color:#006498}.info-pv ul.info-pv-data li ul{padding:0 15px}.info-pv ul.info-pv-data li ul li{line-height:normal}.info-pv ul.info-pv-data li ul li::before{background-color:#2e2f30}.pdf-editor .modal-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;padding-right:2px}.pdf-editor .modal-title .left-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pdf-editor .modal-title span{display:inline-block;text-align:end;padding-right:3px}.pdf-editor .zoom-container{padding:2px;float:right;align-items:center;display:flex;justify-content:center;flex-direction:row}.pdf-editor .zoom-container .zoom-button{width:30px;font-size:30pt;color:gray;border-radius:5px;padding:3px;align-items:flex-end;display:flex;justify-content:center;flex-direction:row}.pdf-editor .zoom-container .zoom-left{margin-right:10px;align-items:center;display:flex;justify-content:center;flex-direction:row}.pdf-editor .organise{margin-right:20px}.pdf-editor .preview-container{display:flex;width:100%;height:95%}.pdf-editor .thumbnail-wrapper .thumbnail-container{width:350px;height:86vh;overflow-y:scroll;overflow-x:hidden;position:relative;padding-right:20px}.pdf-editor .page-container{width:100%;height:91vh;overflow-y:scroll;border:1px solid rgba(212,209,209,.774);box-shadow:0 0 20px rgba(167,167,167,.315) inset;background-color:#f5f5f5;display:flex;align-items:center;position:relative}.modal-backdrop .modal{background-color:#fff;border-radius:8px;padding:20px;width:480px;z-index:9999;position:absolute;top:125px;left:50%;height:fit-content;transform:translateX(-50%);display:flex;gap:16px}#edit-mode{display:none}@media(max-width:768px){#edit-mode{display:block;font-size:20px;color:gray;border:1px solid rgba(128,128,128,.685);border-radius:5px;padding:0 7px}#pdf-modal{width:100%;height:100%;top:0;border-radius:0;padding:0}#pdf-modal .pdf-editor{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div>div{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div>div .modal-info{height:100%;max-height:100vh}#pdf-modal .modal-title{flex-direction:column-reverse;align-items:flex-start;gap:10px;padding-block:15px;height:120px}#pdf-modal .modal-title .left-title{padding:5px 15px}#pdf-modal .modal-title .left-title h4{margin:0}#pdf-modal .modal-title .zoom-container{padding:5px 15px;gap:20px}#pdf-modal .modal-title .zoom-container .organise{margin:0;font-size:20px}#pdf-modal .modal-title .zoom-container .zoom-button[onclick="closePdfEditorModal('editor-1')"]{position:fixed;top:20px;right:20px}#pdf-modal .modal-title .zoom-container .zoom-left span{width:37px;height:30px}#pdf-modal .modal-title .zoom-container .zoom-left span:not(#download):not(#edit-mode){display:none}#pdf-modal .modal-title .zoom-container .zoom-left #download{display:flex;border:1px solid rgba(128,128,128,.685);border-radius:5px}#pdf-modal .modal-title .zoom-container .zoom-left #download svg{width:25px;height:25px}#pdf-modal .preview-container{position:relative;height:calc(100% - 120px)}#pdf-modal .preview-container .thumbnail-wrapper{height:45px;display:none}#pdf-modal .preview-container .page-container,#pdf-modal .preview-container .thumbnail-container{height:100%;max-height:calc(100vh - 120px);overflow-y:scroll}}.my-20{margin-block:20px 40px !important}.pvgis-24{color:#050505}.pvgis-24 .error-msg-glbl{color:#ff4141;font-weight:400;font-size:16px}.pvgis-24 .error-msg-glbl .bi{padding-inline-end:10px}.pvgis-24 .p-24-title{width:max-content;margin-top:0 !important}.pvgis-24 .hidden{visibility:hidden;opacity:0}.pvgis-24 .primary-blue{color:#005da7}.pvgis-24 .blue-2{color:#1871bb}.pvgis-24 .bg-blue{background:#0065a2}.pvgis-24 .bg-orange{background:#eb8034}.pvgis-24 .bg-yellow{background:#fed400}.pvgis-24 .annualHours{color:#050505 !important}.pvgis-24 .uppercase{text-transform:uppercase}.pvgis-24 .p-24-calculator-container{display:flex;justify-content:space-between;margin-top:45px;column-gap:45px;row-gap:50px}.pvgis-24 .p-24-cal-box{min-height:200px;flex:1}.pvgis-24 .p-24-top{height:max-content;width:100%;display:flex;align-items:center;position:relative}.pvgis-24 .barre{height:40px;border-radius:3px;width:100%;display:flex;align-items:center;padding-inline-start:130px;padding-bottom:10px;text-wrap-mode:nowrap}.pvgis-24 .barre h2{color:#fff}.pvgis-24 .picto{width:95px;height:95px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0}.pvgis-24 .picto img{height:100%;width:100%;border-radius:50%}.pvgis-24 .p-24-form{margin-top:50px;width:100%}.pvgis-24 .spacing-tl{margin-top:18px}.pvgis-24 .spacing-tl .heading{color:#005ea8;font-weight:800;font-size:22px;margin-block:22px 0}.pvgis-24 .spacing-bl{margin-bottom:18px}.pvgis-24 .p-24-location{background:#d3d3d3;height:400px;width:100%;position:relative}.pvgis-24 .p-24-input-container{margin-top:10px;width:100%;min-height:200px;border:1.6px solid #005da7;position:relative;padding-inline-start:15px;padding-inline-end:15px;padding-bottom:65px}.pvgis-24 input[disabled]{border:1px solid #d1d1d1 !important;background-color:rgba(0,0,0,.1) !important}.pvgis-24 .input-container-left{margin-top:20px;width:100%;min-height:276px !important;border:1.6px solid #005da7;position:relative;padding-inline-start:15px;padding-inline-end:15px}.pvgis-24 .location-submit{height:40px;border:0;width:172px;position:absolute;bottom:0;right:0;color:#fff}.pvgis-24 .p-24-result-container{margin-top:40px;width:100%}.pvgis-24 .p-24-location-input-container{display:flex;width:100%;gap:15px}.pvgis-24 .p-24-l-input-left{margin-inline-end:20px;width:40%}.pvgis-24 .p-24-black{color:#050505}.pvgis-24 .p-24-input-right{flex-grow:1}.pvgis-24 .p-24-input-right div{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;margin-top:0}.pvgis-24 .p-24-input-right div input{width:79%;height:23px;border-radius:3px;border:1.5px solid #0065a2;outline:0;text-align:right;padding-top:3px;padding-inline-end:15px}.pvgis-24 .p-24-input-left{margin-top:-10px}.pvgis-24 .p-24-input-left.input-container{margin-bottom:40px}.pvgis-24 .p-24-input-left input{width:46%;height:23px;border-radius:3px;border:1.5px solid #0065a2;outline:0;text-align:right;padding-top:3px;padding-inline-end:10px}.pvgis-24 input{outline:0}.pvgis-24 .solar_project_folder_name_input{width:55%;height:28px;border-radius:3px;border:1px solid rgba(0,93,167,.2);outline:0;text-align:right;padding-inline-end:15px;text-align:end;padding-inline-end:10px}.pvgis-24 .p-24-info-form-top{display:flex;justify-content:space-between;align-items:center}.pvgis-24 .p-24-info-form-top-box{margin-inline-start:20px;display:flex;align-items:center}.pvgis-24 .p-24-info-form-top-box #add-simulation-btn{padding:0;padding-inline:10px;height:24px;width:24px;border-radius:2px;color:#fff;border:1.5px solid #0065a2}.pvgis-24 .bg-grey{background:#9c9ea0}.pvgis-24 .p-24-info-container{display:flex;flex-direction:column}.pvgis-24 .p-24-info-container .p-24-form{display:flex;flex-direction:column;flex-grow:1}.pvgis-24 .p-24-info-container p{display:flex;align-items:center}.pvgis-24 .p-24-info-form-container{flex-grow:1;display:flex;flex-direction:column}.pvgis-24 .p-24-info-form-container .p-24-input-container{flex-grow:1}.pvgis-24 .p-24-info-form-container .error-message{padding-top:20px}.pvgis-24 .top-50{margin-top:50px}.pvgis-24 .top-20{margin-top:20px}.pvgis-24 .cursor-pointer{margin-inline-start:10px}.pvgis-24 .p-24-black-2{color:rgba(0,0,0,.9)}.pvgis-24 .p-24-number-input{height:28px;width:52px;outline:0;border-radius:3px;border:1.5px solid #0065a2;color:rgba(0,0,0,.7);text-align:center}.pvgis-24 .system-loss-container #loss-error{display:none;color:#f53b3b}.pvgis-24 .p-24-location-container{display:flex;flex-direction:column}.pvgis-24 .p-24-location-container .p-24-form{display:flex;flex-direction:column;flex-grow:1}.pvgis-24 .bottom-25{margin-bottom:25px}.pvgis-24 #line-horizon{width:100%;height:280px;margin:auto}.pvgis-24 #pvTable{border-collapse:collapse;border-spacing:0;margin:20px 0 !important;width:90%}.pvgis-24 #pvTable th{text-align:center;text-transform:capitalize;vertical-align:middle}.pvgis-24 .simulator-section #mapResult{width:104%;height:100%}.pvgis-24 .simulator-section .map-container{position:relative;width:95%;height:450px}.pvgis-24 .simulator-section .geo-horizon-container{width:90%;height:fit-content;margin:auto;position:relative}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends{line-height:normal}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item{display:flex;align-items:center;gap:7px}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-heigh{width:28px;height:14px;background:#636363}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-june{width:28px;display:flex;justify-content:space-between;align-items:center}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-june .tiret{width:8px;height:3px;background:#636363}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-dec{height:3px;background:#636363;width:28px}.pvgis-24 .simulator-section .geo-horizon-container #geo-horizon{margin:auto;width:250px;height:218px;display:flex;justify-content:center}.pvgis-24 .simulator-section .geo-lolat-list{padding-inline-start:20px;font-weight:600}.pvgis-24 .simulator-section ul{list-style:none}.pvgis-24 .simulator-section ul li{position:relative;padding-inline-start:12px}.pvgis-24 .simulator-section ul li:not(.spacing-tl)::before{content:"";position:absolute;left:0;top:13px;transform:translateY(-50%);width:6px;height:6px;background-color:#2e6493;border-radius:50%}.pvgis-24 .simulator-section .info-pv ul.info-pv-data li,.pvgis-24 .simulator-section .info-pv ul.info-pv-desc li{line-height:inherit}.pvgis-24 .annual_pv{width:100%;border-radius:2px;color:#fff;padding-inline:15px 5px;height:auto;padding-block:9px}.pvgis-24 .top-15{margin-top:15px}.pvgis-24 #sunshine-hours-graph-bar{margin-top:18px;height:380px}.pvgis-24 .pv-prod-table{border-collapse:separate;border-spacing:17px 3.15px;width:90%;white-space:nowrap;line-height:1;border-spacing:5px 1.2px}.pvgis-24 .pv-prod-table th{height:25px !important}.pvgis-24 .pv-prod-table th:nth-child(2),.pvgis-24 .pv-prod-table th:nth-child(3){text-align:center !important;min-width:77px}.pvgis-24 #monthly-e-datatable,.pvgis-24 #monthly-e-datatable-ir{margin-top:-6px}.pvgis-24 #monthly-e-datatable th,.pvgis-24 #monthly-e-datatable-ir th{width:80px}.pvgis-24 #monthly-e-datatable .custom-th,.pvgis-24 #monthly-e-datatable-ir .custom-th{padding-inline-end:7px}.pvgis-24 .pdf-btn-container{display:flex;justify-content:end;margin-top:15px}.pvgis-24 .pdf-btn-container button{height:35px;width:200px;border-radius:3px;color:#fff;border:0}.pvgis-24 #map{background-image:url("https://cdn.pvgis.com/images/loading-ps.svg");background-repeat:no-repeat;background-position:center;height:100% !important}.pvgis-24 #map-placeholder{background-image:url("https://cdn.pvgis.com/images/loading-ps.svg");background-repeat:no-repeat;background-position:center;height:100% !important}.pvgis-24 .relative{position:relative}.pvgis-24 .d-none{display:none !important}.pvgis-24 #simulation{height:24px;width:200px;border-radius:3px;outline:0;border:1px solid #0065a2;color:rgba(0,0,0,.7);margin-inline-end:10px;text-align:end;padding-inline-end:10px;background:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pvgis-24 .lazy-load-img{background-color:#fff !important}.pvgis-24 button{position:relative;padding:12px 24px;display:flex;align-items:center;justify-content:center;color:#fff}.pvgis-24 button span{color:#fff}.pvgis-24 .error-message{color:red;display:none}.pvgis-24 .azimuth input:not([type=checkbox]):not([type=radio]){width:52px}.pvgis-24 .azimuth td{padding-inline-end:20px}.pvgis-24 .visualize-floating{visibility:hidden;padding:10px;position:fixed !important;bottom:20px;right:0;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#0065a2;color:#fff;border:0;z-index:1;scale:.85}.pvgis-24 .select-container{position:relative}.pvgis-24 .select-container.mounting-select .radio-pvgis+label{display:flex;align-items:center;column-gap:2px}.pvgis-24 .select-container .mounting-container .section-icon{width:42px !important;height:20px !important}.pvgis-24 .monthly_energy_production_result{min-height:200px;width:100%;border:1.6px solid #005da7;padding:15px}.pvgis-24 .custom-th{text-align:center}.pvgis-24 .fa-spinner{display:none;animation:2s linear infinite spin;margin-inline-start:10px;margin-inline-end:10px}.pvgis-24 .disabled{opacity:.5 !important}.pvgis-24 .save-btn{color:#fff}.pvgis-24 .file-registration-container{display:flex;align-items:center;justify-content:center;padding-bottom:25px}.pvgis-24 .file-registration-container .box{height:fit-content;min-height:150px;width:800px;padding-top:50px;padding-bottom:80px;margin-top:90px;background:#fff;position:relative;text-align:center}.pvgis-24 .file-registration-container .text-black{color:rgba(0,0,0,.7)}.pvgis-24 .file-registration-container p{margin-bottom:0}.pvgis-24 .file-registration-container .action-container{position:absolute;bottom:0;right:0;display:flex;align-items:center}.pvgis-24 .file-registration-container .action-container .location-submit{position:relative}.pvgis-24 .file-registration-container .action-container .cancel{color:#005da7;margin-inline-end:20px;position:relative}.pvgis-24 #lat-lon-container{display:none}.pvgis-24 #input-container{display:block}.pvgis-24 .radio-custom{display:flex;flex-direction:column}.pvgis-24 input{color:#000 !important;padding-block:0}.pvgis-24 .simulator-section{padding:15px 0;border:1.6px solid #005da7}.pvgis-24 .simulator-section>div{padding-inline:15px !important}.pvgis-24 .simulator-section h3{margin:0 0 10px;color:#1871bb}.pvgis-24 .flex-container{display:flex;align-items:center}.pvgis-24 .flex-container:not(.peak-power-section){margin-bottom:10px}.pvgis-24 .custom-input-number-container{position:relative;display:flex;width:52px;margin-inline:5px 5px}.pvgis-24 .custom-input-number-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;padding-inline-end:10px;background-image:none !important}.pvgis-24 .custom-input-number-container input:disabled+.icons{display:none}.pvgis-24 .custom-input-number-container .icons{display:flex;flex-direction:column;position:absolute;right:3px;margin-top:2px}.pvgis-24 .custom-input-number-container .icons button{background:0;border:0;padding:0;height:12px;color:#a7b7d1}.pvgis-24 .locked_n_b{opacity:.5 !important}.modal-backdrop{z-index:9998;position:fixed;right:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0) !important;opacity:0;visibility:hidden}.modal-backdrop .modal{background-color:#fff;border-radius:8px;padding:20px;width:480px;z-index:9999;position:absolute;top:125px;height:fit-content;display:flex;gap:16px}.modal-backdrop .modal input{text-align:left !important;padding-inline:16px;padding-block:2px;height:auto}.modal-backdrop .modal>div:last-child{flex-grow:1}.modal-backdrop .modal>div .modal-info{margin-bottom:16px}.modal-backdrop #pdf-modal{width:100%;top:0;border-radius:0}#modal-backdrop-pdf{display:none}#modal-backdrop-pdf input{all:revert}.loading-modal>div .message-container .loading-dots span{opacity:0;animation:1.5s ease-in-out infinite smooth-blink}.loading-modal>div .message-container .loading-dots span:first-child{animation-delay:0s}.loading-modal>div .message-container .loading-dots span:nth-child(2){animation-delay:.3s}.loading-modal>div .message-container .loading-dots span:nth-child(3){animation-delay:.6s}.pic-power-total{display:flex;align-items:center}.first-pente-content .row-section .container-slope .custom_azimuth_container input{width:63px}.first-pente-content .row-section .container-slope .custom_azimuth_container .icons{right:-7px}.first-pente-content .sectionErrorContainer p{display:block;margin:0}#peak-power-error.peak-power-error-message{display:none;color:red}.w-full{width:100% !important}@media screen and (max-width:479px){.pvgis-24 .p-24-input-left.input-container.locked_n_b{margin-top:25px;margin-bottom:70px}.pvgis-24 .p-24-input-left.input-container.locked_n_b p{margin-bottom:0}.pvgis-24 .p-24-input-left.input-container.locked_n_b input{width:100% !important}}@media screen and (max-width:533px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-input-container#visualisation .relative .select-container.mounting-select .mounting-container label{line-height:normal !important}}@media screen and (max-width:343px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-input-container#visualisation .relative .select-container.mounting-select .mounting-container label{font-size:15px !important}}@media screen and (max-width:526px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b{flex-direction:column;align-items:self-start}.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b .p-24-info-form-top-box{margin-inline-start:0 !important}}@media screen and (max-width:427px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b h3 .font-bold-condensed,.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b h3 .font-bold-condensed-oblique{font-size:15px !important}.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b .p-24-info-form-top-box #simulation{width:130px !important}}@media screen and (max-width:384px){.pvgis-24 .p-24-result-container .p-24-top .barre h2{font-size:15px !important}.pvgis-24 .p-24-result-container .p-24-result-content .c-simulator-section .simulator-section .info-pv #pvTable th{font-size:13px}}.horizon-container .radio-cont{display:flex;margin-bottom:15px;gap:10px;align-items:center}.horizon-container .radio-cont .radio-r{width:auto}.horizon-container .radio-cont .downloadHorizon-btn{display:flex;align-items:center;justify-content:center;gap:30px}.horizon-container .radio-cont .downloadHorizon-btn button{border-radius:3px;background:#0065a2;height:30px;width:70px;display:inline-block;padding:0;font-size:15px;color:#fff}.horizon-container .radio-cont #horizon_file{display:none}.horizon-container .radio-cont .horizon-input-cont{opacity:1;flex:1;display:flex;align-items:center;position:relative}.horizon-container .radio-cont .custom-file-upload{border-radius:3px;background:#0065a2;height:30px;width:fit-content;display:inline-flex;padding:0 10px;font-size:15px;color:hsla(0,0%,100%,.9529411765);font-weight:600;align-items:center;white-space:nowrap}.horizon-container .radio-cont #file-name{margin-left:10px;font-size:16px;width:50%;text-overflow:ellipsis;overflow-x:hidden}.horizon-container .error-message{display:none;color:rgba(255,0,0,.774);position:absolute;top:100%}.save-btn{background:#0065a2;color:#fff;text-transform:uppercase;border-radius:0;padding:8px 30px 4px;text-align:center;min-width:175px}.advanced-modal{display:none;visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6156862745);z-index:300}.advanced-modal .advanced-modal-container{position:relative;background-color:#fff;padding:0 30px 50px;min-width:30vw;border:1px solid #0065a2;box-shadow:0 0 25px rgba(31,31,31,.637)}.advanced-modal .advanced-modal-container h3.adv-title{font-size:24px;margin-bottom:15px}.advanced-modal .advanced-modal-container .close-button{position:absolute;top:2px;right:15px;font-size:22px}.advanced-modal .advanced-modal-container .db-container{display:flex;flex-direction:column;gap:15px}@media screen and (max-width:761px){.radio-cont{flex-direction:column}}.text-center{text-align:center}.hidden{display:none !important}.logToPdfModal{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0}.logToPdfModal .logToPdfModal-dialog{position:relative;top:-5%;padding:20px;width:100%;max-width:550px;margin:1.75rem auto;background-color:#fff;border-radius:.3rem;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-close{position:absolute;top:3px;right:14px;font-size:21px;color:#979a98}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-header{color:#005ea8;display:flex;justify-content:start;align-items:center;gap:10px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-header img{width:50px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer{display:flex;justify-content:space-around;align-items:center;margin-top:20px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body .fa-spinner{animation:2s linear infinite spin;margin-inline-start:15px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body a,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body button,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer button{background-color:#005ea8;color:#fff;border:0;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:600;min-width:200px;text-align:center}.bg-login{position:absolute !important;top:0;left:0;width:100%;height:100%;z-index:-1}#auth-form-modal{position:fixed;display:flex;align-items:baseline;justify-content:center;background:rgba(0,0,0,.4941176471);overflow:auto;top:0;left:0;width:100%;height:100%;z-index:99999;visibility:hidden;opacity:0}#auth-form-modal .auth-form-modal-dialog{position:relative;width:65%;padding-bottom:40px;box-shadow:0 0 20px 0 rgba(0,0,0,.699);top:40px;margin-bottom:10rem}#auth-form-modal .login-content,#auth-form-modal .register-content{display:none}#auth-form-modal .log-header{width:100%;background-color:#0065a2;height:65px;display:flex;padding:10px 20px;justify-content:space-between;align-items:center}#auth-form-modal .log-header .log-header-title{font-weight:700;font-size:25px;color:#fff}#auth-form-modal .log-header .close-button{font-size:25px;color:#fff;opacity:.8}.toast-view-container{display:none}@media screen and (max-width:991px){.logToPdfModal .logToPdfModal-dialog{width:90%}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer{flex-direction:column;gap:15px;margin-bottom:14px}#auth-form-modal .auth-form-modal-dialog{top:30px;height:90%}#auth-form-modal .auth-form-modal-dialog .container-fluid{padding-inline:10px}#auth-form-modal .auth-form-modal-dialog .login-container .create-account{display:block;text-align:left}#auth-form-modal .auth-form-modal-dialog .login-container .login-forms-container{display:flex;flex-direction:column;gap:30px}#auth-form-modal .auth-form-modal-dialog .login-container .form-group-container{flex-direction:column}#auth-form-modal .auth-form-modal-dialog .login-container .form-group-container .form-group{width:100%}#auth-form-modal .auth-form-modal-dialog .login-container-fluid{overflow:auto;max-height:80vh}#auth-form-modal .auth-form-modal-dialog .registration-container{overflow:scroll;max-height:80vh}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form{padding:5px 20px 50px}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type{display:flex;flex-direction:column;gap:10px}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type .radio-pvgis+label{padding-right:0}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type .col-sm-4{display:flex;align-items:center;white-space:nowrap;gap:0;text-align:left}#auth-form-modal .auth-form-modal-dialog .registration-container input{width:100% !important}#auth-form-modal .auth-form-modal-dialog .registration-container label[for=accept-cgu]{display:inline;white-space:wrap;font-size:16px}#auth-form-modal .auth-form-modal-dialog .registration-container .message-container{padding-bottom:10px}#auth-form-modal .auth-form-modal-dialog .registration-container .radio-account-type{margin-bottom:10px}#auth-form-modal .auth-form-modal-dialog .registration-container .page-title h2{display:none}#auth-form-modal .auth-form-modal-dialog .registration-container .form-group{margin-bottom:5px}#auth-form-modal .auth-form-modal-dialog .registration-container .user-info-container{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}#auth-form-modal .auth-form-modal-dialog .registration-container .user-info-container .form-group.nickname-container{grid-column:span 1}}.bg-login{background-image:url("https://cdn.pvgis.com/images/pvgis24/extranet-bg.webp?v=080820241500");background-size:cover;background-repeat:no-repeat;background-position:fixed;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.login-container{display:flex;flex-direction:column;margin-top:20px}.login-container .create-account{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;height:auto;text-align:right;margin-bottom:25px}.login-container .create-account>p{grid-column:1/9}.login-container .create-account a{color:#000 !important}.login-container .box{height:fit-content;background:#fff;position:relative;text-align:center;grid-column:1/9}.login-container .message-container{padding-bottom:20px}.login-container .form-group-container{display:flex;justify-content:space-between;padding:20px 20px 0}.login-container .form-group{display:flex;flex-direction:column;align-items:flex-start;width:48%}.login-container .form-group label{margin-bottom:5px}.login-container .form-group input:not([type=radio]):not([type=checkbox]){width:100%;border:1px solid #386ca7;outline:0;padding:10px;height:30px;color:gray !important}.login-container .form-group .pwd-input{width:100%;position:relative}.login-container .form-group .pwd-input .password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:8px}.login-container .form-group a{color:#005da7;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px;margin-top:10px}.login-container .form-group .error-form-message{color:red;font-size:14px;padding-top:5px;display:none}.login-container .action-container{display:flex;justify-content:flex-end !important;width:100%}.login-container .action-container .cancel-button{background:#fff;border:1px solid #fff;border-radius:0;text-transform:capitalize;width:auto;outline:0;text-decoration:none;color:#333}.login-container .action-container button{border:0;outline:0;border-radius:0;background:#005da7;color:#fff;min-width:100px;height:40px;text-transform:uppercase}.login-container .action-container .fa-spinner{display:none;animation:2s linear infinite spin;margin-right:10px}.login-container .error-message{color:red;text-align:center;font-weight:700}.login-container .success-message{color:green;text-align:center;font-weight:700}.login-container input[type=password]::-ms-clear,.login-container input[type=password]::-ms-reveal{display:none}.login-container .login-forms-container{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}.login-container .tiers-registration-container{background-color:hsla(0,0%,100%,.4862745098);border-radius:10px;padding:25px 20px 30px;text-align:center;color:#005ea8;grid-column:9/-1}.login-container .tiers-registration-container h3{margin:0}.login-container .tiers-registration-container button{flex:1}.login-container .tiers-registration-container img{width:28px;height:28px;float:left;border-radius:4px}.login-container .button-container{display:flex;flex-direction:column}.login-container .g-btn{background:#4861ac;color:#fff;text-align:center;max-width:280px;width:100%;padding:2px;display:flex;align-items:center;margin:auto;gap:4px;border-radius:0 !important}.login-container .g-btn{background:#5582ec}.login-container .g-btn span{width:100%;padding-top:2px;white-space:normal}@media screen and (max-width:991px){.container-fluid{padding-inline:10px}.login-container .create-account{display:block;text-align:left}.login-container .login-forms-container{display:flex;flex-direction:column;gap:30px}.login-container .form-group-container{flex-direction:column}.login-container .form-group-container .form-group{width:100%}}.registration-container .page-title{display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:30px}.registration-container .page-title h2{margin:0}.registration-container .form-group.register-accept-terms{margin-block:0 10px;position:absolute;bottom:0}.registration-container .btn-submit{border-radius:0 !important}.registration-container .btn-submit.disabled{background:#82919b;color:#fff;border:1px solid #7493a7;width:100%}.registration-container .btn-submit .fa-spinner{display:none;animation:2s linear infinite spin;margin-right:10px}.registration-container .to-login{margin:0;text-decoration:none;text-align:right;color:#000 !important}.registration-container .to-login a{color:#000 !important;text-decoration:underline;text-decoration-color:#939da2;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-underline-offset:3px}.registration-container .required{color:red}.registration-container label{margin-bottom:0;text-transform:capitalize}.registration-container .message-container{padding-bottom:20px}.registration-container .error-message-register{color:red;text-align:center;font-weight:700}.registration-container input:not([type=radio]):not([type=checkbox]){height:30px;border:1px solid #386ca7}.registration-container .radio-account-type{margin-bottom:28px;line-height:1}.registration-container .radio-account-type .font-bold-condensed{text-transform:capitalize}.registration-container .password-container{position:relative}.registration-container .password-container .eye-toogler{position:absolute;right:10px;top:4px;font-size:18px;font-weight:900;z-index:1}.registration-container .check-container{margin-bottom:15px;margin-top:5px}.registration-container .btn-container{position:absolute;bottom:0;right:0;display:flex}.registration-container .btn-container .cancel-button{background:#fff;border:1px solid #fff;border-radius:0}.registration-container .tiers-registration-container{background-color:hsla(0,0%,100%,.4862745098);border-radius:10px;padding:25px 20px 30px;text-align:center;color:#005ea8}.registration-container .tiers-registration-container h3{margin:0}.registration-container .tiers-registration-container img{width:28px;height:28px;float:left;border-radius:4px}.registration-container .tiers-registration-container .divider{display:flex;align-items:center;text-align:center;width:200px;position:relative;margin:20px auto}.registration-container .tiers-registration-container .divider span{padding:0 10px;white-space:nowrap;color:#285798}.registration-container .fb-btn{background:#4861ac;color:#fff;text-align:center;width:200px;padding:2px;display:flex;align-items:center;margin:auto;border-radius:0 !important}.registration-container .g-btn{background:#4861ac;color:#fff;text-align:center;max-width:280px;width:100%;padding:2px;display:flex;align-items:center;margin:auto;gap:4px;border-radius:0 !important}.registration-container .btn-submit{background:#0065a2;color:#fff;border:1px solid #0065a2;width:100%;padding:0 30px}.registration-container .error-message{color:red;font-size:.875em;display:none}.registration-container #registration-form{background:#fff;padding:20px 30px 50px;position:relative;margin-bottom:25px}.registration-container #registration-form .user-info-container label span{text-transform:capitalize}.registration-container .fb-btn span,.registration-container .g-btn span{width:100%;padding-top:2px;white-space:normal}.registration-container .tiers-registration-container .divider::after,.registration-container .tiers-registration-container .divider::before{content:"";flex:1;border-bottom:2px solid #2e64a1}.dropdown-select-container{padding-inline-end:18px}.dropdown-select-container .dropdown-select-button{border:1px solid #4079aa}.dropdown-select-container .dropdown-select-list{width:95.3%}.dropdown-select-container .dropdown-select-list .item-list-container{max-height:350px}.mb-15{margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:991px){.container-fluid{padding-inline:10px}.registration-container{overflow:scroll;max-height:100vh}.registration-container #registration-form{padding:5px 20px 50px}.registration-container #registration-form .radio-account-type{display:flex;flex-direction:column;gap:10px}.registration-container #registration-form .radio-account-type .radio-pvgis+label{padding-right:0}.registration-container #registration-form .radio-account-type .col-sm-4{display:flex;align-items:center;white-space:nowrap;gap:0;text-align:left}.registration-container #registration-form .form-group.register-accept-terms{margin-block:5px 15px;position:relative}.registration-container input{width:100% !important}.registration-container label[for=accept-cgu]{display:inline;white-space:wrap;font-size:16px}.registration-container .message-container{padding-bottom:10px}.registration-container .radio-account-type{margin-bottom:10px}.registration-container .page-title h2{display:none}.registration-container .form-group{margin-bottom:5px}.registration-container .user-info-container{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.registration-container .user-info-container .form-group.nickname-container{grid-column:span 1}.country-container,.language-container{grid-column:span 2}.country-container .dropdown-select-container,.language-container .dropdown-select-container{padding:0}}.dropdown-select-container{position:relative}.close-button{margin-inline-end:10px}.dropdown-select-button{border:1px solid #4079aa;border-radius:3px;width:100%;margin:auto;height:25px;color:#000;width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;background-image:url(/assets/images/icon/arrow_down.png) !important;background-repeat:no-repeat;background-size:11px;background-position:calc(100% - 5px) calc(100% - 10px);height:34px;border:1px solid #ccc}.dropdown-select-list{width:100%;border:1px solid #ccc;overflow-y:auto;display:none;position:absolute;top:100%;left:0;z-index:11;padding:0;list-style-type:none;background-color:#e1dddc;font-style:italic !important;color:#000}.dropdown-select-list .item-list-container{max-height:400px;overflow-y:auto}.dropdown-select-list .search-input{width:100% !important;padding:10px;display:block;margin:0 !important;margin-bottom:10px;box-sizing:border-box}
  123. </style>
  124.  <link rel="apple-touch-icon" sizes="180x180" href="https://pvgis.com/assets/images/icon/apple-touch-icon.png">
  125.  <link rel="icon" type="image/png" sizes="32x32" href="https://pvgis.com/assets/images/icon/favicon-32x32.png">
  126.  <link rel="icon" type="image/png" sizes="16x16" href="https://pvgis.com/assets/images/icon/favicon-16x16.png">
  127.  <link rel="manifest" href="https://pvgis.com/assets/images/icon/site.webmanifest">
  128.  
  129.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/jquery_ui.min.css?v=050620251335">
  130.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/normalize.min.css?v=050620251335">
  131.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/bootstrap.min.css?v=050620251335">
  132.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/fonts.css?v=050620251335">
  133.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/width_grid.css?v=050620251335">
  134.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/loader.css?v=050620251335">
  135.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/color.css?v=050620251335">
  136.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/cookieconsent.css?v=050620251335">
  137.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/header.css?v=050620251335">
  138.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/footer.css?v=050620251335">
  139.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/testimony.css?v=050620251335">
  140.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/account.css?v=050620251335">
  141.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/custom_radio_checkbox.css?v=050620251335">
  142.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/css/intlTelInput.min.css?v=050620251335">
  143.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toastr.css?v=050620251335">
  144.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toast_popup.css?v=050620251335">
  145.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/floating_btn_pvgis24.css?v=050620251335">
  146.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/floating_btn_connected_user.css?v=050620251335">
  147.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/how_do_i_do.css?v=050620251335">
  148.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  149.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css">
  150.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  151.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.pvgis.com/assets/css/bootstrap-icons/bootstrap-icons-1-11.css">
  152.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/popup.css?v=050620251335">
  153.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/account_menu.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/extranet_dashboard.main.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/information_photovoltaic.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pdf_editor.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pvgis24.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/horizon_comp.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pricing.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/subscription_modal.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/log_to_pdf_modal.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/login.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/register.css?v=050620251335' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/components/dropdown-select.css?v=050620251335' >  <style>
  154.      </style>
  155.  
  156. <script>
  157.    window.env = {
  158.        UI_BASE_URL: "https://pvgis.com",
  159.        AUTH_API_URL: "https://auth.pvgis.com",
  160.        PVGIS_AUTH_API: "https://auth.pvgis.com",
  161.        BASE_URL: "https://api.pvgis.com",
  162.        TRANSLATION_API_URL: "https://ts.pvgis.com",
  163.        PRINT_URL: "https://print.pvgis.com/pvgis",
  164.        MAP_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoBackground/EPSG3857/{z}/{x}/{y}.png",
  165.        LABEL_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoLabels/EPSG3857/{z}/{x}/{y}.png",
  166.        SENTINEL_LAYER_URL: "https://tiles.maps.eox.at/",
  167.        SATELLITE_LAYER_URL: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
  168.        SOLAR_LAYER_URL: "https://re.jrc.ec.europa.eu/pvg_tiles/api5_2/{z}/{x}/{-y}.png",
  169.        ELEVATION_URL: "https://api.open-meteo.com/v1/elevation?",
  170.        GEOCODE_URL: "https://gisco-services.ec.europa.eu/api?lang=en&limit=1&q=",
  171.        GA_MEASUREMENT_ID: "G-7160PCEY5S",
  172.        KISS_2_PVGIS: "https://kiss2pvgis.com",
  173.        SOLAR_DROP_SHIPPING: "https://solardropshipping.com",
  174.        CMS_URL: "https://cms.pvgis.com/content-management-system",
  175.        CURRENT_CLIENT_IP: "3.237.223.94",
  176.        COUNTRY_LIST: "https://restcountries.com/v3.1/all",
  177.        PRODUCTION: true,
  178.        FILE_UPLOAD_URL: "https://fs.pvgis.com",
  179.        BROADCAST_URL: "https://bs.pvgis.com",
  180.        BP_BASE_URL: "https://bp.pvgis.com",
  181.        EXCHANGE_RATE_URL: "https://cs.pvgis.com",
  182.        LATEST_PVGIS_API_VERSION: "5.3",
  183.        MINIFY_CSS_JS: true,
  184.        CDN_URL: "https://cdn.pvgis.com",
  185.        SETTING_URL: "https://cfg.pvgis.com",
  186.        STRIPE_PUBLISHABLE_KEY: "pk_live_51Psh8RCNxPSZy3wjNk3YeGrTrJVP2vKEonxodiALZYaYhCbpukHxWITjoFqbaH5DxHhUx2ZuJNqRdFJzrwZH8eo800cpfHoWeG",
  187.        RESOURCE_VERSION: "050620251335",
  188.        GOOGLE_LABELS_LAYER_LINK: "https://mt1.google.com/vt/lyrs=h&x={x}&y={y}&z={zoom}",
  189.        GOOGLE_SATELLITE_LAYER_LINK: "https://khms2.google.com/kh/v=991?x={x}&y={y}&z={zoom}",
  190.        GOOGLE_MAPS_API_KEY: "AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  191.        GOOGLE_STATIC_MAPS_URL: "https://maps.googleapis.com/maps/api/staticmap?center={lat},{lng}&zoom={zoom}&size={size}&maptype={mapTypeId}&markers=color:red%7Clabel:+%7C{markerLat},{markerLng}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  192.        GOOGLE_GEOCODE_URL: "https://maps.googleapis.com/maps/api/geocode/json?address={city},{country}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  193.        GOOGLE_TIMEZONE_URL: "https://maps.googleapis.com/maps/api/timezone/json?language=es&location={lat},{lng}&timestamp={timestamp}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  194.        ENABLE_STATIC_RESULTS_MAP: "true" === "true",
  195.        GOOGLE_MAPS_MAP_ID: "e1b4b31e9c1e44e9",
  196.        REDIRECT_TO_INVITATION_FORM_AT:  null,
  197.        PVGIS_API_VERSION: "5.3",
  198.        PVGIS_API_DATABASES: "PVGIS-SARAH3,PVGIS-ERA5",
  199.        PVGIS_LEGACY_API_VERSION: "5.2",
  200.        PVGIS_LEGACY_API_DATABASES: "PVGIS-SARAH2,PVGIS-ERA5",
  201.        HELPDESK_URL: "https://hd.pvgis.com",
  202.        URL_PREFIX: "/en/",
  203.        USE_FULL_24H: false,
  204.        ACCOUNT_TYPE_PARTICULIER: 2,
  205.        MAX_PROJECT_GPS_UPDATE: 3    };
  206.  
  207.      
  208.  
  209.  
  210.    window.simulatorPvgisMeta = {
  211.        apiVersion: "5.3",
  212.        databases: "PVGIS-SARAH3,PVGIS-ERA5".split(',')
  213.    };
  214.    window.clientIpInfo = {"countryName":"United States","countryCode":"US","lat":39.0438,"lon":-77.4874,"timezone":"America\/New_York","status":"success"};
  215. </script>
  216.  <script>
  217.    let isConnected = false;
  218.    const _SESSION = {};
  219.    const customerAccountTypeId = "" ;
  220.  
  221.    function isSafari() {
  222.      return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  223.    }
  224.  
  225.    function isEpiphany() {
  226.      return /epiphany/i.test(navigator.userAgent);
  227.    }
  228.  
  229.    if(isSafari() || isSafari()) {
  230.      addCSSLinkDynamically("safari.css");
  231.    }
  232.  
  233.    function addCSSLinkDynamically(cssFile) {
  234.      let existingLink = document.querySelector(`link[href*="${cssFile}"]`);
  235.      if (existingLink) return;
  236.      let linkElem = document.createElement('link');
  237.      linkElem.rel = 'stylesheet';
  238.      linkElem.href = `https://pvgis.com/assets/min-css/${cssFile}?v=050620251335` ;
  239.      document.head.appendChild(linkElem);
  240.    }
  241.  </script>
  242.  </head><body>
  243.    <div class="cssloader-container">
  244.  <div class="cssloader-speeding-wheel"></div>
  245.  <p>
  246.    <!-- <img width="285" height="44" src="http://ssdg.mu/wp-content/uploads/2021/08/cropped-logo-ssdg.mu_.png" alt="ssdg.mu"> -->
  247.    PVGIS.COM
  248.  </p>
  249.  <p id="custom-loader-text" class="custom-loader-text">
  250.    <span id="custom-loader-text-content">
  251.      Loading simulation    </span>
  252.    <span class="dots">
  253.      <span>.</span>
  254.      <span>.</span>
  255.      <span>.</span>
  256.    </span>
  257.  </p>
  258. </div>
  259.  
  260.    <div id="loadingPdf"></div>
  261.    <div class="main-content">
  262.        <div class="header" id="header">
  263.    <div class="header-top">
  264.        <div class="container-fluid c-header">
  265.            <div class="menu-btn-container">
  266.                <button class="menu-btn" aria-label="humbergerMenu"><i class="fas fa-bars"></i></button>
  267.            </div>
  268.            <div class="logo-content">
  269.                <div class="logo-title">
  270.                    <a href="/en" data-cms-link id="nav-link" class="logo-extranet">
  271.                        <img src="/assets/images/icon/logo_extranet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="" width="113px" height="50px">
  272.                    </a>
  273.                </div>
  274.                <div class="description-container">
  275.                    <p class="title-header" data-ts="pvgis.header_title">PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM</p>
  276.                </div>
  277.            </div>
  278.  
  279.        
  280.  
  281.            <div class="h-top-right">
  282.                <div class="side-web-menu font-medium">
  283.                    <div class="side-menu-item-lang">
  284.                        <span class="lang-label">
  285.                            <span class="custom-span lang-selected">
  286.                                en                            </span>
  287.                            <i class="fas fa-sort-down icon icon-select-lang"></i>
  288.                        </span>
  289.                        <div class="lang-popover">
  290.                            <div class="back-lang">
  291.                                <span>&nbsp;&nbsp;<i class="fas fa-arrow-left"></i>&nbsp;&nbsp;<span class="back-button"></span></span>
  292.                            </div>
  293.                            <input type="text" id="searchLang" class="more-lang-input" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  294.                            <div class="lang-options">
  295.                                <div class="more-lang-option more-languages">
  296.                                    <span>&nbsp;&nbsp;<i class="fas fa-ellipsis-h"></i>&nbsp;&nbsp;<span data-ts="pvgis.more_language">More Languages</span></span>
  297.                                </div>
  298.                            </div>
  299.                        </div>
  300.                        <div class="dummy-link">
  301.                        </div>
  302.                    </div>
  303.                    <div class="account-menu-container account-menu-large">
  304.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">Register</a>&nbsp;&nbsp;
  305.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">Login</a>
  306.                                            </div>
  307.                    <div class="link-simulation">
  308.                        <a href="/en" data-cms-link rel="noopener noreferrer">
  309.                            <button class="btn btn-warning text-uppercase">pvgis24</button>
  310.                        </a>
  311.                        <a href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  312.                            <button class="btn btn-primary text-uppercase">pvgis
  313.                                5.3</button>
  314.                        </a>
  315.                                            </div>
  316.                </div>
  317.            </div>
  318.        </div>
  319.    </div>
  320.    <div class="content-bottom">
  321.    <div class="header-bottom">
  322.        <div class="h-nav-container font-bold">
  323.            <div class="container-fluid selected-nav-container">
  324.                <!-- <div class="seleted-nav"></div> -->
  325.                <div class="side-menu-item-lang">
  326.                    <span class="lang-label">
  327.                        <span class="custom-span lang-selected">en</span>
  328.                        <i class="fas fa-sort-down icon icon-select-lang"></i>
  329.                    </span>
  330.                    <div class="lang-popover">
  331.                    </div>
  332.                    <div class="more-lang-popover"></div>
  333.                </div>
  334.                <div class="account-menu-container account-menu-mobile">
  335.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">
  336.                            Register                        </a>&nbsp;&nbsp;
  337.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">
  338.                            Login                        </a>
  339.                                        </div>
  340.                <div class="system-link-container">
  341.                    <a class="nav-system-link" href="/en" data-cms-link rel="noopener noreferrer">
  342.                        <button class="btn btn-warning text-uppercase">pvgis24</button>
  343.                    </a>
  344.                    <a class="nav-system-link" href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  345.                        <button class="btn btn-primary text-uppercase">pvgis
  346.                            5.3</button>
  347.                    </a>
  348.                </div>
  349.            </div>
  350.            <nav class="container-fluid nav-web-menu">
  351.                <ul class="navigation-menu-container nav-content">
  352.                    <li class="nav-button">
  353.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  354.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  355.                        </a>
  356.                    </li>
  357.                    <li class="nav-button">
  358.                        <a class="nav-menu-item h-default-btn" href="/en/solar-calculator" data-cms-link>
  359.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  360.                        </a>
  361.                    </li>
  362.                    <li class="nav-button">
  363.                        <a class="nav-menu-item btn btn-warning  h-default-btn" href="/en/subscription" data-cms-link>
  364.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  365.                        </a>
  366.                    </li>
  367.                </ul>
  368.                </ul>
  369.                <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  370.                    {{user_count}} active users*                </div>
  371.            </nav>
  372.        </div>
  373.    </div>
  374.    </div>
  375.    <div class="extra-header">
  376.        <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  377.            {{user_count}} active users*        </div>
  378.    </div>
  379.    <div class="menu-mobile">
  380.        <div class="menu-mobile-container">
  381.            <div class="menu-m-header">
  382.                <div class="m-logo-container">
  383.                    <a href="/en" data-cms-link>
  384.                        <img class="logo-internet" loading="lazy" width="200" src="/assets/images/icon/logo_internet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="">
  385.                    </a>
  386.                    <button><i class="fas fa-times"></i></button>
  387.                </div>
  388.                <div class="m-title" data-ts="pvgis.header_title">
  389.                    PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM                </div>
  390.            </div>
  391.            <div class="menu-mobile-body">
  392.                <ul class="navigation-menu-container font-bold">
  393.                    <li class="nav-button">
  394.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  395.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  396.                        </a>
  397.                    </li>
  398.                    <li class="nav-button">
  399.                        <a class="nav-menu-item h-default-btn" href="/en/solar-calculator" data-cms-link>
  400.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  401.                        </a>
  402.                    </li>
  403.                    <li class="nav-button">
  404.                        <a class="nav-menu-item btn btn-warning h-default-btn" href="/en/subscription" data-cms-link>
  405.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  406.                        </a>
  407.                    </li>
  408.                </ul>
  409.                <div class="separate"></div>
  410.                <ul class="side-menu-container font-medium"></ul>
  411.            </div>
  412.        </div>
  413.    </div>
  414.  
  415.    <script>var customerIdToast = '';</script><div id="toast" class="toast-view-container">
  416.    <div class="toast-view">
  417.        <div class="toast-body">
  418.            <div class="toast-header">
  419.                <strong id="toast-title">
  420.                    Confirm profile information                </strong>
  421.                <!-- <button type="button" class="btn-close-toast" onclick="hideToast()">&times;</button>  -->
  422.            </div>
  423.            <span>
  424.                <p id="toast-message">
  425.                    Please Confirm some Profile Information before proceeding                </p>
  426.            </span>
  427.        </div>
  428.        <div class="toast-footer" id="confirm-toast">
  429.            <button type="button" class="btn-confirm-toast" onclick="redirectToAccountInfo()">
  430.                <span>
  431.                    Confirm                </span>
  432.            </button>
  433.        </div>
  434.    </div>
  435. </div>    <div id="toast_popup">
  436.    <div class="popup-overlay-container">
  437.        <div class="popup-container-wrapper">
  438.            <div class="popup-view-container popup-pro popup-white">
  439.                <div class="toat-popup-content" data-ts="pvgis.popup.pro_content">
  440.                    <div class="toast-popup-header">
  441.  <icon class="icon-close" id="close">&times;</icon>
  442. </div>
  443. <h3>« I want to work more efficiently and gain credibility »</h3>
  444. <p class="sub-title">The essential tool for solar professionals</p>
  445. <p class="sub-title">More than {{user_count}} active users already trust us.</p>
  446. <div> Registration is free and without commitment, you get immediate access to all 4 sections of the tool. </div>
  447. <button class="registerButton">REGISTER NOW</button>                </div>
  448.            </div>
  449.            <div class="popup-view-container popup-part popup-blue">
  450.                <div class="toat-popup-content" data-ts="pvgis.popup.part_content">
  451.                    <div class="toast-popup-header">
  452.  <icon class="icon-close" id="close">&times;</icon>
  453. </div>
  454. <h3>« I want to understand, verify or prepare my solar project »</h3>
  455. <p class="sub-title">Your solar project deserves reliable and independent tools</p>
  456. <p class="sub-title">More than {{user_count}} active users already trust us.</p>
  457. <div>
  458.  Registration is free and without commitment, you get immediate access to all 4 sections of the tool.
  459. </div>
  460. <button class="registerButton">REGISTER NOW</button>                </div>
  461.            </div>
  462.        </div>
  463.    </div>
  464. </div>    
  465.    
  466.    <div class="modal-extranet logout-modal">
  467.    <div class="container">
  468.        <div class="row">
  469.            <div class="col-xs-12 col-md-8">
  470.                <div class="popup-container">
  471.                    <div class="row modal-extranet-content">
  472.                        <p data-ts="pvgis.logout.confirm_text">Are you sure you want to disconnect?</p>
  473.                    </div>
  474.                    <div class="btn-container">
  475.                        <button type="button" class="btn cancel-btn" data-ts="pvgis.registration.cancel">Cancel</button>
  476.                        <button onclick="handlelogout()" class="btn save-btn" data-ts="pvgis.logout.logout">LOG OUT</button>
  477.                    </div>
  478.                </div>
  479.            </div>
  480.        </div>
  481.    </div>
  482. </div>
  483.    <script src="https://pvgis.com/assets/min-js/toast/toast.js?v=050620251335">
  484.    </script>
  485.    <script src="https://pvgis.com/assets/min-js/toast/popup.js?v=050620251335">
  486.    </script>
  487. </div>
  488.  
  489.  
  490. <div class="floating-btn-container intranet-container">
  491.    
  492.    <a href="/en" class="calculator-link d-none" data-cms-link>
  493.    <div class="radiating-circle"></div>
  494.    <div class="calculator-text">
  495.      <span>PVGIS24</span>
  496.      <span data-ts="pvgis.common.calculator">Calculator</span>
  497.    </div>
  498. </a>    </div>
  499.  
  500.  
  501.    
  502.        <div class="container-fluid width-grid w-full">
  503.            <div class="container pvgis-24 my-20">
  504.                <h1 class="p-24-title primary-blue uppercase" data-ts="pvgis.pvgis24-calculator">
  505.                    PVGIS24 CALCULATOR                </h1>
  506.  
  507.                <!-- <div id="notAllowedLocationMsgContainer">
  508.                    <div id="notAllowedLocationMsg" class="location-msg"></div>
  509.                    <div class="location-msg">
  510.                        <span data-ts="pvgis.how_do_i_do.title" class="how-do-i-do-msg" onclick='openModal("how_do_i_do_modal")'>
  511.                            How do I do that ?                        </span>
  512.                                            </div>
  513.                </div> -->
  514.                <div class="p-24-calculator-container" id="p-24-calculator-container-id">
  515.                    <div class="p-24-location-container p-24-cal-box">
  516.                        <div class="p-24-top">
  517.                            <div class="barre bg-blue">
  518.                                <h2 class="primary-blue uppercase" data-ts="pvgis.geolocation">geolocation</h2>
  519.                            </div>
  520.                            <div class="picto">
  521.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  522.                                    data-src="https://cdn.pvgis.com/images/pvgis24/location-icon.png?v=18102024"
  523.                                    class="lazyLoad lazy-load-img" alt="picto location">
  524.                            </div>
  525.                        </div>
  526.                        <form id="file-form" class="p-24-form ">
  527.                            <div class="p-24-location">
  528.                                <div id="map-placeholder">
  529.                                </div>
  530.                                <div id="map" class="d-none">
  531.                                </div>
  532.                            </div>
  533.                            <div class="input-container-left">
  534.                                <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.production_point_location">Production point location</span></p>
  535.                                <div class="p-24-location-input-container">
  536.                                    <div class="p-24-l-input-left">
  537.                                        <div class="radio-custom">
  538.                                        </div>
  539.                                    </div>
  540.                                    <div class="p-24-input-right" id="input-container">
  541.                                    </div>
  542.                                    <div class="p-24-input-right" id="lat-lon-container">
  543.                                        <div>
  544.                                            <label class="p-24-black" for="latitude" data-ts="pvgis.latitude">Latitude</label>
  545.                                            <input class="p-24-black" id="latitude" name="latitude" placeholder="Latitude" type="text" data-tstype="placeholder" data-ts="pvgis.latitude">
  546.                                        </div>
  547.                                        <div>
  548.                                            <label class="p-24-black" for="longitude" data-ts="pvgis.longitude">Longitude</label>
  549.                                            <input class="p-24-black" id="longitude" name="longitude" placeholder="Longitude" type="text" data-tstype="placeholder" data-ts="pvgis.longitude">
  550.                                        </div>
  551.                                    </div>
  552.                                </div>
  553.                                <div class="input-container p-24-input-left locked_n_b">
  554.                                    <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.solar_projects_folder_name">Solar Projects Name</span></p>
  555.                                    <input type="text" class="solar_project_folder_name_input text-input" disabled='true'                                        id="solar_project_folder_name_input" name="name" placeholder="Folder Name" data-tstype="placeholder" data-ts="pvgis.folder_name">
  556.                                    <div class="error-message" id="name-error" style="display: none; color: red;" data-ts="pvgis.form.required">This field is required.</div>
  557.                                </div>
  558.                                <div class="save-btn-cont">
  559.                                                                            <button type="button" class="btn bg-blue uppercase visualize-result">
  560.                                            <i style="display: none;" class="fas fa-spinner"></i>
  561.                                            <span data-ts="pvgis.simulation.simulate">Simulate</span>
  562.                                        </button>
  563.                                                                    </div>
  564.                            </div>
  565.                        </form>
  566.                    </div>
  567.                    <div class="p-24-info-container p-24-cal-box">
  568.                        <div class="p-24-top">
  569.                            <div class="barre bg-blue">
  570.                                <h2 class="primary-blue uppercase" data-ts="pvgis.informations_system">SYSTEM INFORMATION</h2>
  571.                            </div>
  572.                            <div class="picto">
  573.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  574.                                    data-src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024"
  575.                                    class="lazyLoad lazy-load-img" alt="picto info system">
  576.                            </div>
  577.                        </div>
  578.                        <form class="p-24-form" id="info-system">
  579.                            <h3 style="margin-top: 0px;font-weight: 700;" class="blue-2" data-ts="pvgis.info_system_title">
  580.                                Performance Simulations of Crystalline Photovoltaic Systems Connected to the Public Grid Installed on Roofs                            </h3>
  581.                            <div class="p-24-info-form-container">
  582.                                <div class="p-24-info-form-top locked_n_b">
  583.                                    <h3 class="blue-2 font-bold-condensed uppercase">
  584.                                        <label class="font-bold-condensed" for="simulation">
  585.                                            <span data-ts="pvgis.solar_folder"> SOLAR PROJECT</span> ”<span
  586.                                                class="font-bold-condensed-oblique" id="folder-name"> SOLAR PROJECT</span>”
  587.                                        </label>
  588.                                    </h3>
  589.                                    <div class="p-24-info-form-top-box">
  590.                                        <select id="simulation" class="uppercase italic disabled">
  591.                                            <option value="1">SIMULATION 1</option>
  592.                                        </select>
  593.                                        <button class="bg-grey" id="add-simulation-btn">+</button>
  594.                                    </div>
  595.                                </div>
  596.                                <div class="p-24-input-container" id="visualisation">
  597.                                    <div class="error-message" id="visualisation-error"
  598.                                        style="display: none; color: red;" data-ts="pvgis.registration.error.unexpected_error">An unexpected error occurred. Please try again.</div>
  599.                                    <div class="relative">
  600.                                        <p class="top-20">
  601.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.mounting_position">Mounting position</span>
  602.                                            <span class="cursor-pointer">
  603.                                                
  604.  
  605.    <span
  606.        class='help-icon-btn-sm  question-icon'
  607.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  608.        onclick='openModal("mounting_position_modal")'>
  609.        ?
  610.    </span>
  611.  
  612.    <div id='mounting_position_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  613.        <div class='modal-dialog'>
  614.            <div class='modal-content'>
  615.                <div class='modal-body' id='mounting_position_modal_content'>
  616.                    <table class='modal-table-container'>
  617.                        <tbody>
  618.                            <tr>
  619.                                <td class='p-0 icon-column'>
  620.                                    <span class='help-icon-btn question-icon'>
  621.                                        ?
  622.                                    </span>
  623.                                </td>
  624.                                <td class='title-cell'>
  625.                                    <h4 class='modal-title' data-ts='pvgis.mounting_position'></h4>
  626.                                </td>
  627.                                <td class='close-col p-0'>
  628.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  629.                                        <span aria-hidden='true'>&times;</span>
  630.                                    </button>
  631.                                </td>
  632.                            </tr>
  633.                            <tr>
  634.                                <td class='content-cell modal-content-text' colspan='2'>
  635.                                    <div>
  636.    <div
  637.        data-ts="pvgis.mounting_position_helper_1">
  638.        Default “FREE STANDIN”    </div>
  639.    <div
  640.        data-ts="pvgis.mounting_position_helper_2">
  641.        For fixed systems, the way modules are mounted will influence module temperature, which in turn affects efficiency. Experiments have shown that if air movement behind the modules is restricted, the modules can become significantly hotter (up to 15°C at 1000W/m2 sunlight).    </div>
  642.    <div
  643.        data-ts="pvgis.mounting_position_helper_3">
  644.        In the application there are two possibilities: stand-alone, which means the modules are mounted on a rack with air circulating freely behind the modules; and roof added/building integrated, which means the modules are completely integrated into the wall or roof structure of a building, with little or no air movement behind the modules.    </div>
  645.    <div
  646.        data-ts="pvgis.mounting_position_helper_4">
  647.        Some mounting types fall between these two extremes, for example if the modules are mounted on a roof with curved roof tiles, which allows air to move behind the modules. In such cases, the performance will lie somewhere between the results of the two calculations that are possible here. In such cases, to be conservative, the added roof/building integrated option can be used.    </div>
  648. </div>
  649.                                </td>
  650.                            </tr>
  651.                        </tbody>
  652.                    </table>
  653.                </div>
  654.            </div>
  655.        </div>
  656.    </div>
  657.                                                </span>
  658.                                        </p>
  659.                                        <!-- <div class="mounting-postion-container radio-custom"></div> -->
  660.                                        <div class="select-container mounting-select">
  661.                                            <div class="mounting-container">
  662.                                                <input checked type="radio"
  663.                                                    class="radio-pvgis file-info-radio mountingPosition"
  664.                                                    name="mounting_position" value="free_standing_new"
  665.                                                    id="mounting-position">
  666.                                                <label class="font-bold-condensed" for="mounting-position">&nbsp;<img
  667.                                                    src="/assets/images/icon/s1-1.png" class="section-icon"
  668.                                                    alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.free_standing_new">One-section overlay mounting system</span>
  669.                                                </label>
  670.                                            </div>
  671.                                            <div class="mounting-container">
  672.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  673.                                                    name="mounting_position" value="roof_added_new" id="roof-added">
  674.                                                <label class="font-bold-condensed" for="roof-added">&nbsp;<img
  675.                                                        src="/assets/images/icon/s1-2.png" class="section-icon"
  676.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.roof_added_new">Roof-integrated mounting system</span></label>
  677.                                            </div>
  678.                                            <div class="mounting-container">
  679.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  680.                                                    name="mounting_position" value="imposition_sec_1"
  681.                                                    id="imposition_sec_1">
  682.                                                <label class="font-bold-condensed" for="imposition_sec_1">&nbsp;<img
  683.                                                        src="/assets/images/icon/s1-3.png" width="52px" height="21px" class="section-icon"
  684.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_1">Triangle mounting system on flat roof or slab on grade</span></label>
  685.                                            </div>
  686.                                            <div class="mounting-container">
  687.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  688.                                                    name="mounting_position" value="imposition_sec_2"
  689.                                                    id="imposition_sec_2">
  690.                                                <label class="font-bold-condensed" for="imposition_sec_2">&nbsp;<img
  691.                                                        src="/assets/images/icon/s2-1.png" class="section-icon"
  692.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2">Two roof sections overlay mounting system</span></label>
  693.                                            </div>
  694.                                            <div class="mounting-container">
  695.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  696.                                                    name="mounting_position" value="imposition_sec_2_e_o"
  697.                                                    id="imposition_sec_2_e_o">
  698.                                                <label class="font-bold-condensed" for="imposition_sec_2_e_o">&nbsp;<img
  699.                                                        src="/assets/images/icon/s2-2.png" width="42px" height="20px" class="section-icon"
  700.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_e_o">East-West mounting system on flat roof or slab on grade</span></label>
  701.                                            </div>
  702.                                            <div class="mounting-container">
  703.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  704.                                                    name="mounting_position" value="imposition_sec_2_n_s"
  705.                                                    id="imposition_sec_2_n_s">
  706.                                                <label class="font-bold-condensed" for="imposition_sec_2_n_s">&nbsp;<img
  707.                                                        src="/assets/images/icon/s2-2.png" width="42px" height="20px" class="section-icon"
  708.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_n_s">North-South mounting system on flat roof or slab on grade</span></label>
  709.                                            </div>
  710.                                            <div class="mounting-container">
  711.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  712.                                                    name="mounting_position" value="imposition_sec_3"
  713.                                                    id="imposition_sec_3">
  714.                                                <label class="font-bold-condensed" for="imposition_sec_3">&nbsp;<img
  715.                                                        src="/assets/images/icon/new-s3.png" class="section-icon"
  716.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_3">Three-section roof-mounting system</span></label>
  717.                                            </div>
  718.                                            <div class="mounting-container">
  719.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  720.                                                    name="mounting_position" value="imposition_sec_4"
  721.                                                    id="imposition_sec_4">
  722.                                                <label class="font-bold-condensed" for="imposition_sec_4">&nbsp;<img
  723.                                                        src="/assets/images/icon/new-s4.png" class="section-icon"
  724.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_4">Four-section roof-mounting system</span></label>
  725.                                            </div>
  726.                                        </div>
  727.                                    </div>
  728.                                                                        <div class="relative">
  729.                                        <p class="top-20">
  730.                                            <span
  731.                                                class="blue-2 font-18 font-700" data-ts="pvgis.peack_installed_photovoltaic_power">Peak installed photovoltaic power (kWp)</span>
  732.                                            <span class="cursor-pointer">
  733.                                                
  734.    <span
  735.        class='help-icon-btn-sm  question-icon'
  736.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  737.        onclick='openModal("peack_installed_power_modal")'>
  738.        ?
  739.    </span>
  740.  
  741.    <div id='peack_installed_power_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  742.        <div class='modal-dialog'>
  743.            <div class='modal-content'>
  744.                <div class='modal-body' id='peack_installed_power_modal_content'>
  745.                    <table class='modal-table-container'>
  746.                        <tbody>
  747.                            <tr>
  748.                                <td class='p-0 icon-column'>
  749.                                    <span class='help-icon-btn question-icon'>
  750.                                        ?
  751.                                    </span>
  752.                                </td>
  753.                                <td class='title-cell'>
  754.                                    <h4 class='modal-title' data-ts='pvgis.peack_installed_photovoltaic_power'></h4>
  755.                                </td>
  756.                                <td class='close-col p-0'>
  757.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  758.                                        <span aria-hidden='true'>&times;</span>
  759.                                    </button>
  760.                                </td>
  761.                            </tr>
  762.                            <tr>
  763.                                <td class='content-cell modal-content-text' colspan='2'>
  764.                                    <div data-ts="pvgis.default_1_label">Default “1”</div>
  765. <div data-ts="pvgis.power_manufacturer_states_label">
  766.    This is the power that the manufacturer states that
  767. the photovoltaic array can produce under standard test conditions, which are a constant solar irradiance of 1000 W per square meter in the array plane, at an array temperature
  768. of 25°C. Peak power must be entered
  769. in peak kilowatt (kWp).</div>
  770.                                </td>
  771.                            </tr>
  772.                        </tbody>
  773.                    </table>
  774.                </div>
  775.            </div>
  776.        </div>
  777.    </div>
  778.                                                </span>
  779.                                        </p>
  780.                                        <div class="pic-power-total">
  781.                                            <p id="title-power-sec-2">
  782.                                                <span class="font-700 p-24-black-2 font-16" data-ts="pvgis.peak_power_must_be_entered_in_kilowatt_peak">Peak power must be entered in kilowatt-peak</span>
  783.                                            </p>&nbsp;
  784.                                            <div class="flex-container-peak-power-container">
  785.                                                <div class="flex-container">
  786.                                                    <div class="custom-input-number-container">
  787.                                                        <input class="p-24-number-input" name="peak-power-total" id="peak-power-total"
  788.                                                            step="0.5" min="0.01" value="1" placeholder="0">
  789.                                                        <div class="icons">
  790.                                                            <button type="button" class="increment">
  791.                                                                <img src="/assets/images/icon/arrow_up.png"
  792.                                                                    alt="arrow_up" height="11" width="11">
  793.                                                            </button>
  794.                                                            <button type="button" class="decrement">
  795.                                                                <img src="/assets/images/icon/arrow_down.png"
  796.                                                                    alt="arrow_down" height="11" width="11">
  797.                                                            </button>
  798.                                                        </div>
  799.                                                    </div>
  800.                                                    <span class="p-24-black-2 font-16">kWp</span>
  801.                                                </div>
  802.                                            </div>
  803.                                        </div>
  804.                                    </div>
  805.  
  806.                                    <div class="relative azimuth">
  807.                                        <p class="top-20">
  808.                                            <span
  809.                                                class="blue-2 font-18 font-700" data-ts="pvgis.slope_azimut">Slope & Azimut</span>
  810.                                            <span class="cursor-pointer">
  811.                                                
  812.    <span
  813.        class='help-icon-btn-sm  question-icon'
  814.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  815.        onclick='openModal("slope_azimut_modal")'>
  816.        ?
  817.    </span>
  818.  
  819.    <div id='slope_azimut_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  820.        <div class='modal-dialog'>
  821.            <div class='modal-content'>
  822.                <div class='modal-body' id='slope_azimut_modal_content'>
  823.                    <table class='modal-table-container'>
  824.                        <tbody>
  825.                            <tr>
  826.                                <td class='p-0 icon-column'>
  827.                                    <span class='help-icon-btn question-icon'>
  828.                                        ?
  829.                                    </span>
  830.                                </td>
  831.                                <td class='title-cell'>
  832.                                    <h4 class='modal-title' data-ts='pvgis.slope_azimut'></h4>
  833.                                </td>
  834.                                <td class='close-col p-0'>
  835.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  836.                                        <span aria-hidden='true'>&times;</span>
  837.                                    </button>
  838.                                </td>
  839.                            </tr>
  840.                            <tr>
  841.                                <td class='content-cell modal-content-text' colspan='2'>
  842.                                    <div>
  843.    <div data-ts="pvgis.slope_azimut_helper_1">
  844.        If you have the possibility to choose the angle and azimuth or orientation of your mounting system for your solar installation, whether on a flat roof or on the ground (concrete slab), you will check the optimization both angle and azimuth.
  845. PVGIS24 can calculate optimal values ​​for slope and aspect (assuming fixed angles throughout the year).    </div>
  846.    <div style="margin-top: 10px;">
  847.        •
  848.        <b data-ts="pvgis.slope_label">
  849.            Slope        </b>
  850.    </div>
  851.    <div data-ts="pvgis.slope_azimut_default_2"></div>
  852.    <div data-ts="pvgis.slope_azimut_helper_2">
  853.        15 if southern hemisphere / Optimize the slope
  854. This concerns the angle of the photovoltaic modules in relation to the horizontal plane, for a fixed installation (without monitoring).    </div>
  855.    <div style="margin-top: 10px;">
  856.        •
  857.        <b data-ts="pvgis.azimuth_label">
  858.            Azimuth        </b>
  859.    </div>
  860.    <div data-ts="pvgis.slope_azimut_default_1"></div>
  861.    <div data-ts="pvgis.slope_azimut_helper_3">
  862.        180 if southern hemisphere / Optimize the angle.
  863. The azimuth, or orientation, is the angle of the photovoltaic modules relative to the direction:    </div>
  864.    <div style="margin-top: 20px;" data-ts="pvgis.north_180">
  865.        NORTH 180°    </div>
  866.    <div data-ts="pvgis.north_whest_135">
  867.        NORTH-WEST 135°    </div>
  868.    <div data-ts="pvgis.whest_90">
  869.        WHEST 90°    </div>
  870.    <div data-ts="pvgis.south_whest_45">
  871.        SOUTH-WHEST 45°    </div>
  872.    <div data-ts="pvgis.south_0">
  873.        SOUTH 0°    </div>
  874.    <div data-ts="pvgis.south_east_45">
  875.        SOUTH-EAST 45°    </div>
  876.    <div data-ts="pvgis.east_90">
  877.        EAST 90°    </div>
  878.    <div data-ts="pvgis.north_east_135">
  879.        NORTH-EAST 135°    </div>
  880. </div>
  881.                                </td>
  882.                            </tr>
  883.                        </tbody>
  884.                    </table>
  885.                </div>
  886.            </div>
  887.        </div>
  888.    </div>
  889.                                                </span>
  890.                                        </p>
  891.                                        <p>
  892.                                            <span class="p-24-black-2 font-16" data-ts="pvgis.slope_azimut_desc">PVGIS24 can calculate optimal values ​​for slope and aspect (assuming fixed angles throughout the year).</span>
  893.                                        </p>
  894.                                        
  895.                                        <p class="peak-power-error-message" id="peak-power-error">
  896.                                            <span data-ts="pvgis.extranet.error_power_value">The sum of the power of the sections must not be greater or less than the power crete</span>&nbsp;:&nbsp;<span id="peakPowerTotalPvgis24"></span>&nbsp;kWp
  897.                                        </p>
  898.  
  899.                                        <div id="sec1">  
  900.                                            <div class="first-pente-content">
  901.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  902.                                                <div class="row-section">
  903.                                                    <div class="flex-container" style="padding:0">
  904.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  905.                                                        <div class="custom-input-number-container">
  906.                                                            <input class="p-24-number-input" min="0.01"
  907.                                                                value="1" name="peak-power-1" step="0.5"
  908.                                                                id="peak-power" placeholder="0" disabled>
  909.                                                            <div class="icons">
  910.                                                                <button type="button" class="increment">
  911.                                                                    <img src="/assets/images/icon/arrow_up.png"
  912.                                                                        alt="arrow_up" height="11" width="11">
  913.                                                                </button>
  914.                                                                <button type="button" class="decrement">
  915.                                                                    <img src="/assets/images/icon/arrow_down.png"
  916.                                                                        alt="arrow_down" height="11" width="11">
  917.                                                                </button>
  918.                                                            </div>
  919.                                                        </div>
  920.                                                        <p class="p">kWp</p>
  921.                                                    </div>
  922.                                                    <div>
  923.                                                        <div class="flex-container container-slope slope-row" style="padding:0">
  924.                                                            <div class="flex-container">
  925.                                                                <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  926.                                                                <div class="custom-input-number-container">
  927.                                                                    <input class="p-24-number-input" min="0" max="90"
  928.                                                                        value="0" name="slope"
  929.                                                                        id="slope" placeholder="0">
  930.                                                                    <div class="icons">
  931.                                                                        <button type="button" class="increment">
  932.                                                                            <img src="/assets/images/icon/arrow_up.png"
  933.                                                                                alt="arrow_up" height="11" width="11">
  934.                                                                        </button>
  935.                                                                        <button type="button" class="decrement">
  936.                                                                            <img src="/assets/images/icon/arrow_down.png"
  937.                                                                                alt="arrow_down" height="11" width="11">
  938.                                                                        </button>
  939.                                                                    </div>
  940.                                                                    °
  941.                                                                </div>
  942.                                                            </div>
  943.                                                            <div class="pente-radio-content">
  944.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  945.                                                                name="optimize_pente"
  946.                                                                id="optimize-pente" value="true"><label
  947.                                                                class="font-medium" for="optimize-pente" data-ts="pvgis.optimization">Optimization</label>
  948.                                                            </div>
  949.                                                        </div>
  950.                                                        <div class="flex-container container-slope azimuth-row">
  951.                                                            <div class="flex-container">
  952.                                                                <p class="p">
  953.                                                                    <label for="azimuth" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  954.                                                                </p>
  955.                                                                <p class="p">
  956.                                                                    &nbsp;<select name="azimuth" id="azimuth" >
  957. <option value="180"  >N</option>
  958. <option value="0"  >S</option>
  959. <option value="-90"  >E</option>
  960. <option value="90"  >W</option>
  961. <hr><option value="-135"  >NE</option>
  962. <option value="-45"  >SE</option>
  963. <option value="45"  >SW</option>
  964. <option value="135"  >NW</option>
  965. <hr><option value="-157.5"  >NNE</option>
  966. <option value="-112.5"  >ENE</option>
  967. <option value="-67.5"  >ESE</option>
  968. <option value="-22.5"  >SSE</option>
  969. <option value="22.5"  >SSW</option>
  970. <option value="67.5"  >WSW</option>
  971. <option value="112.5"  >WNW</option>
  972. <option value="157.5"  >NNW</option>
  973. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  974. </select>                                                                </p>
  975.                                                                <div class="custom-input-number-container custom_azimuth_container hidden">
  976.                                                                    <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  977.                                                                        value="0" name="custom_azimuth"
  978.                                                                        id="custom_azimuth" placeholder="0"
  979.                                                                        step='0.5'>
  980.                                                                    <div class="icons">
  981.                                                                        <button type="button" class="increment">
  982.                                                                            <img src="/assets/images/icon/arrow_up.png"
  983.                                                                                alt="arrow_up" height="11" width="11">
  984.                                                                        </button>
  985.                                                                        <button type="button" class="decrement">
  986.                                                                            <img src="/assets/images/icon/arrow_down.png"
  987.                                                                                alt="arrow_down" height="11" width="11">
  988.                                                                        </button>
  989.                                                                    </div>
  990.                                                                    °
  991.                                                                </div>
  992.                                                            </div>    
  993.                                                            <div class="pente-radio-content">
  994.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  995.                                                                name="optimize_azimuth"
  996.                                                                id="optimize-azimuth" value="true"><label
  997.                                                                class="font-medium" for="optimize-azimuth" data-ts="pvgis.optimization" >Optimization</label>
  998.                                                            </div>
  999.                                                        </div>
  1000.                                                    </div>
  1001.                                                </div>
  1002.                                                <div class="sectionErrorContainer">
  1003.                                                    <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1004.                                                    <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1005.                                                </div>
  1006.                                            </div>
  1007.                                        </div>
  1008.                                                                                    <div id="sec2">
  1009.                                                                                                    <div class="first-pente-content">
  1010.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1011.                                                        <div class="row-section">
  1012.                                                            <div class="flex-container" style="padding:0">
  1013.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1014.                                                                <div class="custom-input-number-container">
  1015.                                                                    <input class="p-24-number-input" min="0.01"
  1016.                                                                        value="1" name="peak-power-1" step="0.5"
  1017.                                                                        id="peak-power_sec_2_1" placeholder="0">
  1018.                                                                    <div class="icons">
  1019.                                                                        <button type="button" class="increment">
  1020.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1021.                                                                                alt="arrow_up" height="11" width="11">
  1022.                                                                        </button>
  1023.                                                                        <button type="button" class="decrement">
  1024.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1025.                                                                                alt="arrow_down" height="11" width="11">
  1026.                                                                        </button>
  1027.                                                                    </div>
  1028.                                                                </div>
  1029.                                                                <p class="p">kWp</p>
  1030.                                                            </div>
  1031.                                                            <div>
  1032.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1033.                                                                    <div class="flex-container">
  1034.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1035.                                                                        <div class="custom-input-number-container">
  1036.                                                                            <input class="p-24-number-input" min="0" max="90"
  1037.                                                                                value="0" name="slope_sec_2_1"
  1038.                                                                                id="slope_sec_2_1" placeholder="0">
  1039.                                                                            <div class="icons">
  1040.                                                                                <button type="button" class="increment">
  1041.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1042.                                                                                        alt="arrow_up" height="11" width="11">
  1043.                                                                                </button>
  1044.                                                                                <button type="button" class="decrement">
  1045.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1046.                                                                                        alt="arrow_down" height="11" width="11">
  1047.                                                                                </button>
  1048.                                                                            </div>
  1049.                                                                            °
  1050.                                                                        </div>
  1051.                                                                    </div>
  1052.                                                                    <div class="pente-radio-content">
  1053.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1054.                                                                        name="optimize_pente_sec_2_1"
  1055.                                                                        id="optimize-pente_sec_2_1" value="true"><label
  1056.                                                                        class="font-medium" for="optimize-pente_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1057.                                                                    </div>
  1058.                                                                </div>
  1059.                                                                <div class="flex-container container-slope azimuth-row">
  1060.                                                                    <div class="flex-container">
  1061.                                                                        <p class="p">
  1062.                                                                            <label for="azimuth_sec_2_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1063.                                                                        </p>
  1064.                                                                        <p class="p">
  1065.                                                                            &nbsp;<select name="azimuth_sec_2_1" id="azimuth_sec_2_1" >
  1066. <option value="180"  >N</option>
  1067. <option value="0"  >S</option>
  1068. <option value="-90"  >E</option>
  1069. <option value="90"  >W</option>
  1070. <hr><option value="-135"  >NE</option>
  1071. <option value="-45"  >SE</option>
  1072. <option value="45"  >SW</option>
  1073. <option value="135"  >NW</option>
  1074. <hr><option value="-157.5"  >NNE</option>
  1075. <option value="-112.5"  >ENE</option>
  1076. <option value="-67.5"  >ESE</option>
  1077. <option value="-22.5"  >SSE</option>
  1078. <option value="22.5"  >SSW</option>
  1079. <option value="67.5"  >WSW</option>
  1080. <option value="112.5"  >WNW</option>
  1081. <option value="157.5"  >NNW</option>
  1082. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1083. </select>                                                                        </p>
  1084.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1085.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1086.                                                                                step='0.5'
  1087.                                                                                value="0" name="custom_azimuth_sec_2_1"
  1088.                                                                                id="custom_azimuth_sec_2_1" placeholder="0">
  1089.                                                                            <div class="icons">
  1090.                                                                                <button type="button" class="increment">
  1091.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1092.                                                                                        alt="arrow_up" height="11" width="11">
  1093.                                                                                </button>
  1094.                                                                                <button type="button" class="decrement">
  1095.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1096.                                                                                        alt="arrow_down" height="11" width="11">
  1097.                                                                                </button>
  1098.                                                                            </div>
  1099.                                                                            °
  1100.                                                                        </div>
  1101.                                                                    </div>    
  1102.                                                                    <div class="pente-radio-content">
  1103.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1104.                                                                        name="optimize_azimuth_sec_2_1"
  1105.                                                                        id="optimize-azimuth_sec_2_1" value="true"><label
  1106.                                                                        class="font-medium" for="optimize-azimuth_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1107.                                                                    </div>
  1108.                                                                </div>
  1109.                                                            </div>
  1110.                                                        </div>
  1111.                                                        <div class="sectionErrorContainer">
  1112.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1113.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1114.                                                        </div>
  1115.                                                    </div>
  1116.                                                                                                    <div class="first-pente-content">
  1117.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  1118.                                                        <div class="row-section">
  1119.                                                            <div class="flex-container" style="padding:0">
  1120.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1121.                                                                <div class="custom-input-number-container">
  1122.                                                                    <input class="p-24-number-input" min="0.01"
  1123.                                                                        value="1" name="peak-power-2" step="0.5"
  1124.                                                                        id="peak-power_sec_2_2" placeholder="0">
  1125.                                                                    <div class="icons">
  1126.                                                                        <button type="button" class="increment">
  1127.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1128.                                                                                alt="arrow_up" height="11" width="11">
  1129.                                                                        </button>
  1130.                                                                        <button type="button" class="decrement">
  1131.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1132.                                                                                alt="arrow_down" height="11" width="11">
  1133.                                                                        </button>
  1134.                                                                    </div>
  1135.                                                                </div>
  1136.                                                                <p class="p">kWp</p>
  1137.                                                            </div>
  1138.                                                            <div>
  1139.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1140.                                                                    <div class="flex-container">
  1141.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1142.                                                                        <div class="custom-input-number-container">
  1143.                                                                            <input class="p-24-number-input" min="0" max="90"
  1144.                                                                                value="0" name="slope_sec_2_2"
  1145.                                                                                id="slope_sec_2_2" placeholder="0">
  1146.                                                                            <div class="icons">
  1147.                                                                                <button type="button" class="increment">
  1148.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1149.                                                                                        alt="arrow_up" height="11" width="11">
  1150.                                                                                </button>
  1151.                                                                                <button type="button" class="decrement">
  1152.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1153.                                                                                        alt="arrow_down" height="11" width="11">
  1154.                                                                                </button>
  1155.                                                                            </div>
  1156.                                                                            °
  1157.                                                                        </div>
  1158.                                                                    </div>
  1159.                                                                    <div class="pente-radio-content">
  1160.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1161.                                                                        name="optimize_pente_sec_2_2"
  1162.                                                                        id="optimize-pente_sec_2_2" value="true"><label
  1163.                                                                        class="font-medium" for="optimize-pente_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1164.                                                                    </div>
  1165.                                                                </div>
  1166.                                                                <div class="flex-container container-slope azimuth-row">
  1167.                                                                    <div class="flex-container">
  1168.                                                                        <p class="p">
  1169.                                                                            <label for="azimuth_sec_2_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1170.                                                                        </p>
  1171.                                                                        <p class="p">
  1172.                                                                            &nbsp;<select name="azimuth_sec_2_2" id="azimuth_sec_2_2" >
  1173. <option value="180"  >N</option>
  1174. <option value="0"  >S</option>
  1175. <option value="-90"  >E</option>
  1176. <option value="90"  >W</option>
  1177. <hr><option value="-135"  >NE</option>
  1178. <option value="-45"  >SE</option>
  1179. <option value="45"  >SW</option>
  1180. <option value="135"  >NW</option>
  1181. <hr><option value="-157.5"  >NNE</option>
  1182. <option value="-112.5"  >ENE</option>
  1183. <option value="-67.5"  >ESE</option>
  1184. <option value="-22.5"  >SSE</option>
  1185. <option value="22.5"  >SSW</option>
  1186. <option value="67.5"  >WSW</option>
  1187. <option value="112.5"  >WNW</option>
  1188. <option value="157.5"  >NNW</option>
  1189. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1190. </select>                                                                        </p>
  1191.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1192.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1193.                                                                                step='0.5'
  1194.                                                                                value="0" name="custom_azimuth_sec_2_2"
  1195.                                                                                id="custom_azimuth_sec_2_2" placeholder="0">
  1196.                                                                            <div class="icons">
  1197.                                                                                <button type="button" class="increment">
  1198.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1199.                                                                                        alt="arrow_up" height="11" width="11">
  1200.                                                                                </button>
  1201.                                                                                <button type="button" class="decrement">
  1202.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1203.                                                                                        alt="arrow_down" height="11" width="11">
  1204.                                                                                </button>
  1205.                                                                            </div>
  1206.                                                                            °
  1207.                                                                        </div>
  1208.                                                                    </div>    
  1209.                                                                    <div class="pente-radio-content">
  1210.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1211.                                                                        name="optimize_azimuth_sec_2_2"
  1212.                                                                        id="optimize-azimuth_sec_2_2" value="true"><label
  1213.                                                                        class="font-medium" for="optimize-azimuth_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1214.                                                                    </div>
  1215.                                                                </div>
  1216.                                                            </div>
  1217.                                                        </div>
  1218.                                                        <div class="sectionErrorContainer">
  1219.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1220.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1221.                                                        </div>
  1222.                                                    </div>
  1223.                                                                                            </div>
  1224.                                                                                    <div id="sec3">
  1225.                                                                                                    <div class="first-pente-content">
  1226.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1227.                                                        <div class="row-section">
  1228.                                                            <div class="flex-container" style="padding:0">
  1229.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1230.                                                                <div class="custom-input-number-container">
  1231.                                                                    <input class="p-24-number-input" min="0.01"
  1232.                                                                        value="1" name="peak-power-1" step="0.5"
  1233.                                                                        id="peak-power_sec_3_1" placeholder="0">
  1234.                                                                    <div class="icons">
  1235.                                                                        <button type="button" class="increment">
  1236.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1237.                                                                                alt="arrow_up" height="11" width="11">
  1238.                                                                        </button>
  1239.                                                                        <button type="button" class="decrement">
  1240.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1241.                                                                                alt="arrow_down" height="11" width="11">
  1242.                                                                        </button>
  1243.                                                                    </div>
  1244.                                                                </div>
  1245.                                                                <p class="p">kWp</p>
  1246.                                                            </div>
  1247.                                                            <div>
  1248.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1249.                                                                    <div class="flex-container">
  1250.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1251.                                                                        <div class="custom-input-number-container">
  1252.                                                                            <input class="p-24-number-input" min="0" max="90"
  1253.                                                                                value="0" name="slope_sec_3_1"
  1254.                                                                                id="slope_sec_3_1" placeholder="0">
  1255.                                                                            <div class="icons">
  1256.                                                                                <button type="button" class="increment">
  1257.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1258.                                                                                        alt="arrow_up" height="11" width="11">
  1259.                                                                                </button>
  1260.                                                                                <button type="button" class="decrement">
  1261.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1262.                                                                                        alt="arrow_down" height="11" width="11">
  1263.                                                                                </button>
  1264.                                                                            </div>
  1265.                                                                            °
  1266.                                                                        </div>
  1267.                                                                    </div>
  1268.                                                                    <div class="pente-radio-content">
  1269.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1270.                                                                        name="optimize_pente_sec_3_1"
  1271.                                                                        id="optimize-pente_sec_3_1" value="true"><label
  1272.                                                                        class="font-medium" for="optimize-pente_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1273.                                                                    </div>
  1274.                                                                </div>
  1275.                                                                <div class="flex-container container-slope azimuth-row">
  1276.                                                                    <div class="flex-container">
  1277.                                                                        <p class="p">
  1278.                                                                            <label for="azimuth_sec_3_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1279.                                                                        </p>
  1280.                                                                        <p class="p">
  1281.                                                                            &nbsp;<select name="azimuth_sec_3_1" id="azimuth_sec_3_1" >
  1282. <option value="180"  >N</option>
  1283. <option value="0"  >S</option>
  1284. <option value="-90"  >E</option>
  1285. <option value="90"  >W</option>
  1286. <hr><option value="-135"  >NE</option>
  1287. <option value="-45"  >SE</option>
  1288. <option value="45"  >SW</option>
  1289. <option value="135"  >NW</option>
  1290. <hr><option value="-157.5"  >NNE</option>
  1291. <option value="-112.5"  >ENE</option>
  1292. <option value="-67.5"  >ESE</option>
  1293. <option value="-22.5"  >SSE</option>
  1294. <option value="22.5"  >SSW</option>
  1295. <option value="67.5"  >WSW</option>
  1296. <option value="112.5"  >WNW</option>
  1297. <option value="157.5"  >NNW</option>
  1298. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1299. </select>                                                                        </p>
  1300.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1301.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1302.                                                                                step='0.5'
  1303.                                                                                value="0" name="custom_azimuth_sec_3_1"
  1304.                                                                                id="custom_azimuth_sec_3_1" placeholder="0">
  1305.                                                                            <div class="icons">
  1306.                                                                                <button type="button" class="increment">
  1307.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1308.                                                                                        alt="arrow_up" height="11" width="11">
  1309.                                                                                </button>
  1310.                                                                                <button type="button" class="decrement">
  1311.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1312.                                                                                        alt="arrow_down" height="11" width="11">
  1313.                                                                                </button>
  1314.                                                                            </div>
  1315.                                                                            °
  1316.                                                                        </div>
  1317.                                                                    </div>    
  1318.                                                                    <div class="pente-radio-content">
  1319.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1320.                                                                        name="optimize_azimuth_sec_3_1"
  1321.                                                                        id="optimize-azimuth_sec_3_1" value="true"><label
  1322.                                                                        class="font-medium" for="optimize-azimuth_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1323.                                                                    </div>
  1324.                                                                </div>
  1325.                                                            </div>
  1326.                                                        </div>
  1327.                                                        <div class="sectionErrorContainer">
  1328.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1329.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1330.                                                        </div>
  1331.                                                    </div>
  1332.                                                                                                    <div class="first-pente-content">
  1333.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  1334.                                                        <div class="row-section">
  1335.                                                            <div class="flex-container" style="padding:0">
  1336.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1337.                                                                <div class="custom-input-number-container">
  1338.                                                                    <input class="p-24-number-input" min="0.01"
  1339.                                                                        value="1" name="peak-power-2" step="0.5"
  1340.                                                                        id="peak-power_sec_3_2" placeholder="0">
  1341.                                                                    <div class="icons">
  1342.                                                                        <button type="button" class="increment">
  1343.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1344.                                                                                alt="arrow_up" height="11" width="11">
  1345.                                                                        </button>
  1346.                                                                        <button type="button" class="decrement">
  1347.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1348.                                                                                alt="arrow_down" height="11" width="11">
  1349.                                                                        </button>
  1350.                                                                    </div>
  1351.                                                                </div>
  1352.                                                                <p class="p">kWp</p>
  1353.                                                            </div>
  1354.                                                            <div>
  1355.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1356.                                                                    <div class="flex-container">
  1357.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1358.                                                                        <div class="custom-input-number-container">
  1359.                                                                            <input class="p-24-number-input" min="0" max="90"
  1360.                                                                                value="0" name="slope_sec_3_2"
  1361.                                                                                id="slope_sec_3_2" placeholder="0">
  1362.                                                                            <div class="icons">
  1363.                                                                                <button type="button" class="increment">
  1364.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1365.                                                                                        alt="arrow_up" height="11" width="11">
  1366.                                                                                </button>
  1367.                                                                                <button type="button" class="decrement">
  1368.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1369.                                                                                        alt="arrow_down" height="11" width="11">
  1370.                                                                                </button>
  1371.                                                                            </div>
  1372.                                                                            °
  1373.                                                                        </div>
  1374.                                                                    </div>
  1375.                                                                    <div class="pente-radio-content">
  1376.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1377.                                                                        name="optimize_pente_sec_3_2"
  1378.                                                                        id="optimize-pente_sec_3_2" value="true"><label
  1379.                                                                        class="font-medium" for="optimize-pente_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1380.                                                                    </div>
  1381.                                                                </div>
  1382.                                                                <div class="flex-container container-slope azimuth-row">
  1383.                                                                    <div class="flex-container">
  1384.                                                                        <p class="p">
  1385.                                                                            <label for="azimuth_sec_3_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1386.                                                                        </p>
  1387.                                                                        <p class="p">
  1388.                                                                            &nbsp;<select name="azimuth_sec_3_2" id="azimuth_sec_3_2" >
  1389. <option value="180"  >N</option>
  1390. <option value="0"  >S</option>
  1391. <option value="-90"  >E</option>
  1392. <option value="90"  >W</option>
  1393. <hr><option value="-135"  >NE</option>
  1394. <option value="-45"  >SE</option>
  1395. <option value="45"  >SW</option>
  1396. <option value="135"  >NW</option>
  1397. <hr><option value="-157.5"  >NNE</option>
  1398. <option value="-112.5"  >ENE</option>
  1399. <option value="-67.5"  >ESE</option>
  1400. <option value="-22.5"  >SSE</option>
  1401. <option value="22.5"  >SSW</option>
  1402. <option value="67.5"  >WSW</option>
  1403. <option value="112.5"  >WNW</option>
  1404. <option value="157.5"  >NNW</option>
  1405. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1406. </select>                                                                        </p>
  1407.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1408.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1409.                                                                                step='0.5'
  1410.                                                                                value="0" name="custom_azimuth_sec_3_2"
  1411.                                                                                id="custom_azimuth_sec_3_2" placeholder="0">
  1412.                                                                            <div class="icons">
  1413.                                                                                <button type="button" class="increment">
  1414.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1415.                                                                                        alt="arrow_up" height="11" width="11">
  1416.                                                                                </button>
  1417.                                                                                <button type="button" class="decrement">
  1418.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1419.                                                                                        alt="arrow_down" height="11" width="11">
  1420.                                                                                </button>
  1421.                                                                            </div>
  1422.                                                                            °
  1423.                                                                        </div>
  1424.                                                                    </div>    
  1425.                                                                    <div class="pente-radio-content">
  1426.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1427.                                                                        name="optimize_azimuth_sec_3_2"
  1428.                                                                        id="optimize-azimuth_sec_3_2" value="true"><label
  1429.                                                                        class="font-medium" for="optimize-azimuth_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1430.                                                                    </div>
  1431.                                                                </div>
  1432.                                                            </div>
  1433.                                                        </div>
  1434.                                                        <div class="sectionErrorContainer">
  1435.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1436.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1437.                                                        </div>
  1438.                                                    </div>
  1439.                                                                                                    <div class="first-pente-content">
  1440.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 3</p>
  1441.                                                        <div class="row-section">
  1442.                                                            <div class="flex-container" style="padding:0">
  1443.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1444.                                                                <div class="custom-input-number-container">
  1445.                                                                    <input class="p-24-number-input" min="0.01"
  1446.                                                                        value="1" name="peak-power-3" step="0.5"
  1447.                                                                        id="peak-power_sec_3_3" placeholder="0">
  1448.                                                                    <div class="icons">
  1449.                                                                        <button type="button" class="increment">
  1450.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1451.                                                                                alt="arrow_up" height="11" width="11">
  1452.                                                                        </button>
  1453.                                                                        <button type="button" class="decrement">
  1454.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1455.                                                                                alt="arrow_down" height="11" width="11">
  1456.                                                                        </button>
  1457.                                                                    </div>
  1458.                                                                </div>
  1459.                                                                <p class="p">kWp</p>
  1460.                                                            </div>
  1461.                                                            <div>
  1462.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1463.                                                                    <div class="flex-container">
  1464.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1465.                                                                        <div class="custom-input-number-container">
  1466.                                                                            <input class="p-24-number-input" min="0" max="90"
  1467.                                                                                value="0" name="slope_sec_3_3"
  1468.                                                                                id="slope_sec_3_3" placeholder="0">
  1469.                                                                            <div class="icons">
  1470.                                                                                <button type="button" class="increment">
  1471.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1472.                                                                                        alt="arrow_up" height="11" width="11">
  1473.                                                                                </button>
  1474.                                                                                <button type="button" class="decrement">
  1475.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1476.                                                                                        alt="arrow_down" height="11" width="11">
  1477.                                                                                </button>
  1478.                                                                            </div>
  1479.                                                                            °
  1480.                                                                        </div>
  1481.                                                                    </div>
  1482.                                                                    <div class="pente-radio-content">
  1483.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1484.                                                                        name="optimize_pente_sec_3_3"
  1485.                                                                        id="optimize-pente_sec_3_3" value="true"><label
  1486.                                                                        class="font-medium" for="optimize-pente_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1487.                                                                    </div>
  1488.                                                                </div>
  1489.                                                                <div class="flex-container container-slope azimuth-row">
  1490.                                                                    <div class="flex-container">
  1491.                                                                        <p class="p">
  1492.                                                                            <label for="azimuth_sec_3_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1493.                                                                        </p>
  1494.                                                                        <p class="p">
  1495.                                                                            &nbsp;<select name="azimuth_sec_3_3" id="azimuth_sec_3_3" >
  1496. <option value="180"  >N</option>
  1497. <option value="0"  >S</option>
  1498. <option value="-90"  >E</option>
  1499. <option value="90"  >W</option>
  1500. <hr><option value="-135"  >NE</option>
  1501. <option value="-45"  >SE</option>
  1502. <option value="45"  >SW</option>
  1503. <option value="135"  >NW</option>
  1504. <hr><option value="-157.5"  >NNE</option>
  1505. <option value="-112.5"  >ENE</option>
  1506. <option value="-67.5"  >ESE</option>
  1507. <option value="-22.5"  >SSE</option>
  1508. <option value="22.5"  >SSW</option>
  1509. <option value="67.5"  >WSW</option>
  1510. <option value="112.5"  >WNW</option>
  1511. <option value="157.5"  >NNW</option>
  1512. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1513. </select>                                                                        </p>
  1514.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1515.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1516.                                                                                step='0.5'
  1517.                                                                                value="0" name="custom_azimuth_sec_3_3"
  1518.                                                                                id="custom_azimuth_sec_3_3" placeholder="0">
  1519.                                                                            <div class="icons">
  1520.                                                                                <button type="button" class="increment">
  1521.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1522.                                                                                        alt="arrow_up" height="11" width="11">
  1523.                                                                                </button>
  1524.                                                                                <button type="button" class="decrement">
  1525.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1526.                                                                                        alt="arrow_down" height="11" width="11">
  1527.                                                                                </button>
  1528.                                                                            </div>
  1529.                                                                            °
  1530.                                                                        </div>
  1531.                                                                    </div>    
  1532.                                                                    <div class="pente-radio-content">
  1533.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1534.                                                                        name="optimize_azimuth_sec_3_3"
  1535.                                                                        id="optimize-azimuth_sec_3_3" value="true"><label
  1536.                                                                        class="font-medium" for="optimize-azimuth_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1537.                                                                    </div>
  1538.                                                                </div>
  1539.                                                            </div>
  1540.                                                        </div>
  1541.                                                        <div class="sectionErrorContainer">
  1542.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1543.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1544.                                                        </div>
  1545.                                                    </div>
  1546.                                                                                            </div>
  1547.                                                                                    <div id="sec4">
  1548.                                                                                                    <div class="first-pente-content">
  1549.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1550.                                                        <div class="row-section">
  1551.                                                            <div class="flex-container" style="padding:0">
  1552.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1553.                                                                <div class="custom-input-number-container">
  1554.                                                                    <input class="p-24-number-input" min="0.01"
  1555.                                                                        value="1" name="peak-power-1" step="0.5"
  1556.                                                                        id="peak-power_sec_4_1" placeholder="0">
  1557.                                                                    <div class="icons">
  1558.                                                                        <button type="button" class="increment">
  1559.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1560.                                                                                alt="arrow_up" height="11" width="11">
  1561.                                                                        </button>
  1562.                                                                        <button type="button" class="decrement">
  1563.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1564.                                                                                alt="arrow_down" height="11" width="11">
  1565.                                                                        </button>
  1566.                                                                    </div>
  1567.                                                                </div>
  1568.                                                                <p class="p">kWp</p>
  1569.                                                            </div>
  1570.                                                            <div>
  1571.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1572.                                                                    <div class="flex-container">
  1573.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1574.                                                                        <div class="custom-input-number-container">
  1575.                                                                            <input class="p-24-number-input" min="0" max="90"
  1576.                                                                                value="0" name="slope_sec_4_1"
  1577.                                                                                id="slope_sec_4_1" placeholder="0">
  1578.                                                                            <div class="icons">
  1579.                                                                                <button type="button" class="increment">
  1580.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1581.                                                                                        alt="arrow_up" height="11" width="11">
  1582.                                                                                </button>
  1583.                                                                                <button type="button" class="decrement">
  1584.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1585.                                                                                        alt="arrow_down" height="11" width="11">
  1586.                                                                                </button>
  1587.                                                                            </div>
  1588.                                                                            °
  1589.                                                                        </div>
  1590.                                                                    </div>
  1591.                                                                    <div class="pente-radio-content">
  1592.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1593.                                                                        name="optimize_pente_sec_4_1"
  1594.                                                                        id="optimize-pente_sec_4_1" value="true"><label
  1595.                                                                        class="font-medium" for="optimize-pente_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1596.                                                                    </div>
  1597.                                                                </div>
  1598.                                                                <div class="flex-container container-slope azimuth-row">
  1599.                                                                    <div class="flex-container">
  1600.                                                                        <p class="p">
  1601.                                                                            <label for="azimuth_sec_4_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1602.                                                                        </p>
  1603.                                                                        <p class="p">
  1604.                                                                            &nbsp;<select name="azimuth_sec_4_1" id="azimuth_sec_4_1" >
  1605. <option value="180"  >N</option>
  1606. <option value="0"  >S</option>
  1607. <option value="-90"  >E</option>
  1608. <option value="90"  >W</option>
  1609. <hr><option value="-135"  >NE</option>
  1610. <option value="-45"  >SE</option>
  1611. <option value="45"  >SW</option>
  1612. <option value="135"  >NW</option>
  1613. <hr><option value="-157.5"  >NNE</option>
  1614. <option value="-112.5"  >ENE</option>
  1615. <option value="-67.5"  >ESE</option>
  1616. <option value="-22.5"  >SSE</option>
  1617. <option value="22.5"  >SSW</option>
  1618. <option value="67.5"  >WSW</option>
  1619. <option value="112.5"  >WNW</option>
  1620. <option value="157.5"  >NNW</option>
  1621. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1622. </select>                                                                        </p>
  1623.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1624.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1625.                                                                                step='0.5'
  1626.                                                                                value="0" name="custom_azimuth_sec_4_1"
  1627.                                                                                id="custom_azimuth_sec_4_1" placeholder="0">
  1628.                                                                            <div class="icons">
  1629.                                                                                <button type="button" class="increment">
  1630.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1631.                                                                                        alt="arrow_up" height="11" width="11">
  1632.                                                                                </button>
  1633.                                                                                <button type="button" class="decrement">
  1634.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1635.                                                                                        alt="arrow_down" height="11" width="11">
  1636.                                                                                </button>
  1637.                                                                            </div>
  1638.                                                                            °
  1639.                                                                        </div>
  1640.                                                                    </div>    
  1641.                                                                    <div class="pente-radio-content">
  1642.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1643.                                                                        name="optimize_azimuth_sec_4_1"
  1644.                                                                        id="optimize-azimuth_sec_4_1" value="true"><label
  1645.                                                                        class="font-medium" for="optimize-azimuth_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1646.                                                                    </div>
  1647.                                                                </div>
  1648.                                                            </div>
  1649.                                                        </div>
  1650.                                                        <div class="sectionErrorContainer">
  1651.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1652.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1653.                                                        </div>
  1654.                                                    </div>
  1655.                                                                                                    <div class="first-pente-content">
  1656.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  1657.                                                        <div class="row-section">
  1658.                                                            <div class="flex-container" style="padding:0">
  1659.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1660.                                                                <div class="custom-input-number-container">
  1661.                                                                    <input class="p-24-number-input" min="0.01"
  1662.                                                                        value="1" name="peak-power-2" step="0.5"
  1663.                                                                        id="peak-power_sec_4_2" placeholder="0">
  1664.                                                                    <div class="icons">
  1665.                                                                        <button type="button" class="increment">
  1666.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1667.                                                                                alt="arrow_up" height="11" width="11">
  1668.                                                                        </button>
  1669.                                                                        <button type="button" class="decrement">
  1670.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1671.                                                                                alt="arrow_down" height="11" width="11">
  1672.                                                                        </button>
  1673.                                                                    </div>
  1674.                                                                </div>
  1675.                                                                <p class="p">kWp</p>
  1676.                                                            </div>
  1677.                                                            <div>
  1678.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1679.                                                                    <div class="flex-container">
  1680.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1681.                                                                        <div class="custom-input-number-container">
  1682.                                                                            <input class="p-24-number-input" min="0" max="90"
  1683.                                                                                value="0" name="slope_sec_4_2"
  1684.                                                                                id="slope_sec_4_2" placeholder="0">
  1685.                                                                            <div class="icons">
  1686.                                                                                <button type="button" class="increment">
  1687.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1688.                                                                                        alt="arrow_up" height="11" width="11">
  1689.                                                                                </button>
  1690.                                                                                <button type="button" class="decrement">
  1691.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1692.                                                                                        alt="arrow_down" height="11" width="11">
  1693.                                                                                </button>
  1694.                                                                            </div>
  1695.                                                                            °
  1696.                                                                        </div>
  1697.                                                                    </div>
  1698.                                                                    <div class="pente-radio-content">
  1699.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1700.                                                                        name="optimize_pente_sec_4_2"
  1701.                                                                        id="optimize-pente_sec_4_2" value="true"><label
  1702.                                                                        class="font-medium" for="optimize-pente_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1703.                                                                    </div>
  1704.                                                                </div>
  1705.                                                                <div class="flex-container container-slope azimuth-row">
  1706.                                                                    <div class="flex-container">
  1707.                                                                        <p class="p">
  1708.                                                                            <label for="azimuth_sec_4_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1709.                                                                        </p>
  1710.                                                                        <p class="p">
  1711.                                                                            &nbsp;<select name="azimuth_sec_4_2" id="azimuth_sec_4_2" >
  1712. <option value="180"  >N</option>
  1713. <option value="0"  >S</option>
  1714. <option value="-90"  >E</option>
  1715. <option value="90"  >W</option>
  1716. <hr><option value="-135"  >NE</option>
  1717. <option value="-45"  >SE</option>
  1718. <option value="45"  >SW</option>
  1719. <option value="135"  >NW</option>
  1720. <hr><option value="-157.5"  >NNE</option>
  1721. <option value="-112.5"  >ENE</option>
  1722. <option value="-67.5"  >ESE</option>
  1723. <option value="-22.5"  >SSE</option>
  1724. <option value="22.5"  >SSW</option>
  1725. <option value="67.5"  >WSW</option>
  1726. <option value="112.5"  >WNW</option>
  1727. <option value="157.5"  >NNW</option>
  1728. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1729. </select>                                                                        </p>
  1730.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1731.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1732.                                                                                step='0.5'
  1733.                                                                                value="0" name="custom_azimuth_sec_4_2"
  1734.                                                                                id="custom_azimuth_sec_4_2" placeholder="0">
  1735.                                                                            <div class="icons">
  1736.                                                                                <button type="button" class="increment">
  1737.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1738.                                                                                        alt="arrow_up" height="11" width="11">
  1739.                                                                                </button>
  1740.                                                                                <button type="button" class="decrement">
  1741.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1742.                                                                                        alt="arrow_down" height="11" width="11">
  1743.                                                                                </button>
  1744.                                                                            </div>
  1745.                                                                            °
  1746.                                                                        </div>
  1747.                                                                    </div>    
  1748.                                                                    <div class="pente-radio-content">
  1749.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1750.                                                                        name="optimize_azimuth_sec_4_2"
  1751.                                                                        id="optimize-azimuth_sec_4_2" value="true"><label
  1752.                                                                        class="font-medium" for="optimize-azimuth_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1753.                                                                    </div>
  1754.                                                                </div>
  1755.                                                            </div>
  1756.                                                        </div>
  1757.                                                        <div class="sectionErrorContainer">
  1758.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1759.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1760.                                                        </div>
  1761.                                                    </div>
  1762.                                                                                                    <div class="first-pente-content">
  1763.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 3</p>
  1764.                                                        <div class="row-section">
  1765.                                                            <div class="flex-container" style="padding:0">
  1766.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1767.                                                                <div class="custom-input-number-container">
  1768.                                                                    <input class="p-24-number-input" min="0.01"
  1769.                                                                        value="1" name="peak-power-3" step="0.5"
  1770.                                                                        id="peak-power_sec_4_3" placeholder="0">
  1771.                                                                    <div class="icons">
  1772.                                                                        <button type="button" class="increment">
  1773.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1774.                                                                                alt="arrow_up" height="11" width="11">
  1775.                                                                        </button>
  1776.                                                                        <button type="button" class="decrement">
  1777.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1778.                                                                                alt="arrow_down" height="11" width="11">
  1779.                                                                        </button>
  1780.                                                                    </div>
  1781.                                                                </div>
  1782.                                                                <p class="p">kWp</p>
  1783.                                                            </div>
  1784.                                                            <div>
  1785.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1786.                                                                    <div class="flex-container">
  1787.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1788.                                                                        <div class="custom-input-number-container">
  1789.                                                                            <input class="p-24-number-input" min="0" max="90"
  1790.                                                                                value="0" name="slope_sec_4_3"
  1791.                                                                                id="slope_sec_4_3" placeholder="0">
  1792.                                                                            <div class="icons">
  1793.                                                                                <button type="button" class="increment">
  1794.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1795.                                                                                        alt="arrow_up" height="11" width="11">
  1796.                                                                                </button>
  1797.                                                                                <button type="button" class="decrement">
  1798.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1799.                                                                                        alt="arrow_down" height="11" width="11">
  1800.                                                                                </button>
  1801.                                                                            </div>
  1802.                                                                            °
  1803.                                                                        </div>
  1804.                                                                    </div>
  1805.                                                                    <div class="pente-radio-content">
  1806.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1807.                                                                        name="optimize_pente_sec_4_3"
  1808.                                                                        id="optimize-pente_sec_4_3" value="true"><label
  1809.                                                                        class="font-medium" for="optimize-pente_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1810.                                                                    </div>
  1811.                                                                </div>
  1812.                                                                <div class="flex-container container-slope azimuth-row">
  1813.                                                                    <div class="flex-container">
  1814.                                                                        <p class="p">
  1815.                                                                            <label for="azimuth_sec_4_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1816.                                                                        </p>
  1817.                                                                        <p class="p">
  1818.                                                                            &nbsp;<select name="azimuth_sec_4_3" id="azimuth_sec_4_3" >
  1819. <option value="180"  >N</option>
  1820. <option value="0"  >S</option>
  1821. <option value="-90"  >E</option>
  1822. <option value="90"  >W</option>
  1823. <hr><option value="-135"  >NE</option>
  1824. <option value="-45"  >SE</option>
  1825. <option value="45"  >SW</option>
  1826. <option value="135"  >NW</option>
  1827. <hr><option value="-157.5"  >NNE</option>
  1828. <option value="-112.5"  >ENE</option>
  1829. <option value="-67.5"  >ESE</option>
  1830. <option value="-22.5"  >SSE</option>
  1831. <option value="22.5"  >SSW</option>
  1832. <option value="67.5"  >WSW</option>
  1833. <option value="112.5"  >WNW</option>
  1834. <option value="157.5"  >NNW</option>
  1835. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1836. </select>                                                                        </p>
  1837.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1838.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1839.                                                                                step='0.5'
  1840.                                                                                value="0" name="custom_azimuth_sec_4_3"
  1841.                                                                                id="custom_azimuth_sec_4_3" placeholder="0">
  1842.                                                                            <div class="icons">
  1843.                                                                                <button type="button" class="increment">
  1844.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1845.                                                                                        alt="arrow_up" height="11" width="11">
  1846.                                                                                </button>
  1847.                                                                                <button type="button" class="decrement">
  1848.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1849.                                                                                        alt="arrow_down" height="11" width="11">
  1850.                                                                                </button>
  1851.                                                                            </div>
  1852.                                                                            °
  1853.                                                                        </div>
  1854.                                                                    </div>    
  1855.                                                                    <div class="pente-radio-content">
  1856.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1857.                                                                        name="optimize_azimuth_sec_4_3"
  1858.                                                                        id="optimize-azimuth_sec_4_3" value="true"><label
  1859.                                                                        class="font-medium" for="optimize-azimuth_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1860.                                                                    </div>
  1861.                                                                </div>
  1862.                                                            </div>
  1863.                                                        </div>
  1864.                                                        <div class="sectionErrorContainer">
  1865.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1866.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1867.                                                        </div>
  1868.                                                    </div>
  1869.                                                                                                    <div class="first-pente-content">
  1870.                                                        <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 4</p>
  1871.                                                        <div class="row-section">
  1872.                                                            <div class="flex-container" style="padding:0">
  1873.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1874.                                                                <div class="custom-input-number-container">
  1875.                                                                    <input class="p-24-number-input" min="0.01"
  1876.                                                                        value="1" name="peak-power-4" step="0.5"
  1877.                                                                        id="peak-power_sec_4_4" placeholder="0">
  1878.                                                                    <div class="icons">
  1879.                                                                        <button type="button" class="increment">
  1880.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1881.                                                                                alt="arrow_up" height="11" width="11">
  1882.                                                                        </button>
  1883.                                                                        <button type="button" class="decrement">
  1884.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1885.                                                                                alt="arrow_down" height="11" width="11">
  1886.                                                                        </button>
  1887.                                                                    </div>
  1888.                                                                </div>
  1889.                                                                <p class="p">kWp</p>
  1890.                                                            </div>
  1891.                                                            <div>
  1892.                                                                <div class="flex-container container-slope slope-row" style="padding:0">
  1893.                                                                    <div class="flex-container">
  1894.                                                                        <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1895.                                                                        <div class="custom-input-number-container">
  1896.                                                                            <input class="p-24-number-input" min="0" max="90"
  1897.                                                                                value="0" name="slope_sec_4_4"
  1898.                                                                                id="slope_sec_4_4" placeholder="0">
  1899.                                                                            <div class="icons">
  1900.                                                                                <button type="button" class="increment">
  1901.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1902.                                                                                        alt="arrow_up" height="11" width="11">
  1903.                                                                                </button>
  1904.                                                                                <button type="button" class="decrement">
  1905.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1906.                                                                                        alt="arrow_down" height="11" width="11">
  1907.                                                                                </button>
  1908.                                                                            </div>
  1909.                                                                            °
  1910.                                                                        </div>
  1911.                                                                    </div>
  1912.                                                                    <div class="pente-radio-content">
  1913.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1914.                                                                        name="optimize_pente_sec_4_4"
  1915.                                                                        id="optimize-pente_sec_4_4" value="true"><label
  1916.                                                                        class="font-medium" for="optimize-pente_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1917.                                                                    </div>
  1918.                                                                </div>
  1919.                                                                <div class="flex-container container-slope azimuth-row">
  1920.                                                                    <div class="flex-container">
  1921.                                                                        <p class="p">
  1922.                                                                            <label for="azimuth_sec_4_4" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1923.                                                                        </p>
  1924.                                                                        <p class="p">
  1925.                                                                            &nbsp;<select name="azimuth_sec_4_4" id="azimuth_sec_4_4" >
  1926. <option value="180"  >N</option>
  1927. <option value="0"  >S</option>
  1928. <option value="-90"  >E</option>
  1929. <option value="90"  >W</option>
  1930. <hr><option value="-135"  >NE</option>
  1931. <option value="-45"  >SE</option>
  1932. <option value="45"  >SW</option>
  1933. <option value="135"  >NW</option>
  1934. <hr><option value="-157.5"  >NNE</option>
  1935. <option value="-112.5"  >ENE</option>
  1936. <option value="-67.5"  >ESE</option>
  1937. <option value="-22.5"  >SSE</option>
  1938. <option value="22.5"  >SSW</option>
  1939. <option value="67.5"  >WSW</option>
  1940. <option value="112.5"  >WNW</option>
  1941. <option value="157.5"  >NNW</option>
  1942. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  1943. </select>                                                                        </p>
  1944.                                                                        <div class="custom-input-number-container custom_azimuth_container hidden">
  1945.                                                                            <input class="p-24-number-input oneAfter allow-negatif" min="-180" max="180"
  1946.                                                                                step='0.5'
  1947.                                                                                value="0" name="custom_azimuth_sec_4_4"
  1948.                                                                                id="custom_azimuth_sec_4_4" placeholder="0">
  1949.                                                                            <div class="icons">
  1950.                                                                                <button type="button" class="increment">
  1951.                                                                                    <img src="/assets/images/icon/arrow_up.png"
  1952.                                                                                        alt="arrow_up" height="11" width="11">
  1953.                                                                                </button>
  1954.                                                                                <button type="button" class="decrement">
  1955.                                                                                    <img src="/assets/images/icon/arrow_down.png"
  1956.                                                                                        alt="arrow_down" height="11" width="11">
  1957.                                                                                </button>
  1958.                                                                            </div>
  1959.                                                                            °
  1960.                                                                        </div>
  1961.                                                                    </div>    
  1962.                                                                    <div class="pente-radio-content">
  1963.                                                                        <input type="checkbox" class="radio-pvgis file-info-radio"
  1964.                                                                        name="optimize_azimuth_sec_4_4"
  1965.                                                                        id="optimize-azimuth_sec_4_4" value="true"><label
  1966.                                                                        class="font-medium" for="optimize-azimuth_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1967.                                                                    </div>
  1968.                                                                </div>
  1969.                                                            </div>
  1970.                                                        </div>
  1971.                                                        <div class="sectionErrorContainer">
  1972.                                                            <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  1973.                                                            <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  1974.                                                        </div>
  1975.                                                    </div>
  1976.                                                                                            </div>
  1977.                                                                                <div id="sec2eo">
  1978.                                            <div class="first-pente-content">
  1979.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1980.                                                <div class="row-section">
  1981.                                                    <div class="flex-container" style="padding:0">
  1982.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1983.                                                        <div class="custom-input-number-container">
  1984.                                                            <input class="p-24-number-input" min="0.01"
  1985.                                                                value="1" name="peak-power-1" step="0.5"
  1986.                                                                id="peak-power-e" placeholder="0">
  1987.                                                            <div class="icons">
  1988.                                                                <button type="button" class="increment">
  1989.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1990.                                                                        alt="arrow_up" height="11" width="11">
  1991.                                                                </button>
  1992.                                                                <button type="button" class="decrement">
  1993.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1994.                                                                        alt="arrow_down" height="11" width="11">
  1995.                                                                </button>
  1996.                                                            </div>
  1997.                                                        </div>
  1998.                                                        <p class="p">kWp</p>
  1999.                                                    </div>
  2000.                                                    <div>
  2001.                                                        <div class="flex-container container-slope slope-row" style="padding:0">
  2002.                                                            <div class="flex-container">
  2003.                                                                <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2004.                                                                <div class="custom-input-number-container">
  2005.                                                                    <input class="p-24-number-input" min="0" max="90"
  2006.                                                                        value="0" name="slope_sec_2_eo_e"
  2007.                                                                        id="slope_sec_2_eo_e" placeholder="0">
  2008.                                                                    <div class="icons">
  2009.                                                                        <button type="button" class="increment">
  2010.                                                                            <img src="/assets/images/icon/arrow_up.png"
  2011.                                                                                alt="arrow_up" height="11" width="11">
  2012.                                                                        </button>
  2013.                                                                        <button type="button" class="decrement">
  2014.                                                                            <img src="/assets/images/icon/arrow_down.png"
  2015.                                                                                alt="arrow_down" height="11" width="11">
  2016.                                                                        </button>
  2017.                                                                    </div>
  2018.                                                                    °
  2019.                                                                </div>
  2020.                                                            </div>
  2021.                                                            <div class="pente-radio-content">
  2022.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2023.                                                                name="optimize_pente_sec_2_eo_e"
  2024.                                                                id="optimize-pente_sec_2_eo_e" value="true"><label
  2025.                                                                class="font-medium" for="optimize-pente_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  2026.                                                            </div>
  2027.                                                        </div>
  2028.                                                        <div class="flex-container container-slope azimuth-row">
  2029.                                                            <div class="flex-container">
  2030.                                                                <p class="p">
  2031.                                                                    <label for="azimuth_sec_2_eo_e" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2032.                                                                </p>
  2033.                                                                <p class="p">
  2034.                                                                    &nbsp;<select name="azimuth_sec_2_eo_e" id="azimuth_sec_2_eo_e" disabled>
  2035. <option value="180"  >N</option>
  2036. <option value="0"  >S</option>
  2037. <option value="-90" selected >E</option>
  2038. <option value="90"  >W</option>
  2039. <hr><option value="-135"  >NE</option>
  2040. <option value="-45"  >SE</option>
  2041. <option value="45"  >SW</option>
  2042. <option value="135"  >NW</option>
  2043. <hr><option value="-157.5"  >NNE</option>
  2044. <option value="-112.5"  >ENE</option>
  2045. <option value="-67.5"  >ESE</option>
  2046. <option value="-22.5"  >SSE</option>
  2047. <option value="22.5"  >SSW</option>
  2048. <option value="67.5"  >WSW</option>
  2049. <option value="112.5"  >WNW</option>
  2050. <option value="157.5"  >NNW</option>
  2051. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  2052. </select>                                                                </p>
  2053.                                                            </div>    
  2054.                                                            <div class="pente-radio-content">
  2055.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2056.                                                                name="optimize_azimuth_sec_2_eo_e" disabled
  2057.                                                                id="optimize-azimuth_sec_2_eo_e" value="true"><label
  2058.                                                                class="font-medium" for="optimize-azimuth_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  2059.                                                            </div>
  2060.                                                        </div>
  2061.                                                    </div>
  2062.                                                </div>
  2063.                                                <div class="sectionErrorContainer">
  2064.                                                    <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  2065.                                                    <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  2066.                                                </div>
  2067.                                            </div>
  2068.                                            <div class="first-pente-content">
  2069.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  2070.                                                <div class="row-section">
  2071.                                                    <div class="flex-container" style="padding:0">
  2072.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2073.                                                        <div class="custom-input-number-container">
  2074.                                                            <input class="p-24-number-input" min="0.01"
  2075.                                                                value="1" name="peak-power-2" step="0.5"
  2076.                                                                id="peak-power-w" placeholder="0">
  2077.                                                            <div class="icons">
  2078.                                                                <button type="button" class="increment">
  2079.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2080.                                                                        alt="arrow_up" height="11" width="11">
  2081.                                                                </button>
  2082.                                                                <button type="button" class="decrement">
  2083.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2084.                                                                        alt="arrow_down" height="11" width="11">
  2085.                                                                </button>
  2086.                                                            </div>
  2087.                                                        </div>
  2088.                                                        <p class="p">kWp</p>
  2089.                                                    </div>
  2090.                                                    <div>
  2091.                                                        <div class="flex-container container-slope slope-row" style="padding:0">
  2092.                                                            <div class="flex-container">
  2093.                                                                <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2094.                                                                <div class="custom-input-number-container">
  2095.                                                                    <input class="p-24-number-input" min="0" max="90"
  2096.                                                                        value="0" name="slope_sec_2_eo_w"
  2097.                                                                        id="slope_sec_2_eo_w" placeholder="0">
  2098.                                                                    <div class="icons">
  2099.                                                                        <button type="button" class="increment">
  2100.                                                                            <img src="/assets/images/icon/arrow_up.png"
  2101.                                                                                alt="arrow_up" height="11" width="11">
  2102.                                                                        </button>
  2103.                                                                        <button type="button" class="decrement">
  2104.                                                                            <img src="/assets/images/icon/arrow_down.png"
  2105.                                                                                alt="arrow_down" height="11" width="11">
  2106.                                                                        </button>
  2107.                                                                    </div>
  2108.                                                                    °
  2109.                                                                </div>
  2110.                                                            </div>
  2111.                                                            <div class="pente-radio-content">
  2112.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2113.                                                                name="optimize_pente_sec_2_eo_w"
  2114.                                                                id="optimize-pente_sec_2_eo_w" value="true"><label
  2115.                                                                class="font-medium" for="optimize-pente_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  2116.                                                            </div>
  2117.                                                        </div>
  2118.                                                        <div class="flex-container container-slope azimuth-row">
  2119.                                                            <div class="flex-container">
  2120.                                                                <p class="p">
  2121.                                                                    <label for="azimuth_sec_2_eo_w" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2122.                                                                </p>
  2123.                                                                <p class="p">
  2124.                                                                    &nbsp;<select name="azimuth_sec_2_eo_w" id="azimuth_sec_2_eo_w" disabled>
  2125. <option value="180"  >N</option>
  2126. <option value="0"  >S</option>
  2127. <option value="-90"  >E</option>
  2128. <option value="90" selected >W</option>
  2129. <hr><option value="-135"  >NE</option>
  2130. <option value="-45"  >SE</option>
  2131. <option value="45"  >SW</option>
  2132. <option value="135"  >NW</option>
  2133. <hr><option value="-157.5"  >NNE</option>
  2134. <option value="-112.5"  >ENE</option>
  2135. <option value="-67.5"  >ESE</option>
  2136. <option value="-22.5"  >SSE</option>
  2137. <option value="22.5"  >SSW</option>
  2138. <option value="67.5"  >WSW</option>
  2139. <option value="112.5"  >WNW</option>
  2140. <option value="157.5"  >NNW</option>
  2141. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  2142. </select>                                                                </p>
  2143.                                                            </div>    
  2144.                                                            <div class="pente-radio-content">
  2145.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2146.                                                                name="optimize_azimuth_sec_2_eo_w" disabled
  2147.                                                                id="optimize-azimuth_sec_2_eo_w" value="true"><label
  2148.                                                                class="font-medium" for="optimize-azimuth_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  2149.                                                            </div>
  2150.                                                        </div>
  2151.                                                    </div>
  2152.                                                </div>
  2153.                                                <div class="sectionErrorContainer">
  2154.                                                    <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  2155.                                                    <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  2156.                                                </div>
  2157.                                            </div>
  2158.                                        </div>
  2159.                                        <div id="sec2ns">
  2160.                                            <div class="first-pente-content">
  2161.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  2162.                                                <div class="row-section">
  2163.                                                    <div class="flex-container" style="padding:0">
  2164.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2165.                                                        <div class="custom-input-number-container">
  2166.                                                            <input class="p-24-number-input" min="0.01"
  2167.                                                                value="1" name="peak-power-1" step="0.5"
  2168.                                                                id="peak-power-n" placeholder="0">
  2169.                                                            <div class="icons">
  2170.                                                                <button type="button" class="increment">
  2171.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2172.                                                                        alt="arrow_up" height="11" width="11">
  2173.                                                                </button>
  2174.                                                                <button type="button" class="decrement">
  2175.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2176.                                                                        alt="arrow_down" height="11" width="11">
  2177.                                                                </button>
  2178.                                                            </div>
  2179.                                                        </div>
  2180.                                                        <p class="p">kWp</p>
  2181.                                                    </div>
  2182.                                                    <div>
  2183.                                                        <div class="flex-container container-slope slope-row" style="padding:0">
  2184.                                                            <div class="flex-container">
  2185.                                                                <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2186.                                                                <div class="custom-input-number-container">
  2187.                                                                    <input class="p-24-number-input" min="0" max="90"
  2188.                                                                        value="0" name="slope_sec_2_ns_n"
  2189.                                                                        id="slope_sec_2_ns_n" placeholder="0">
  2190.                                                                    <div class="icons">
  2191.                                                                        <button type="button" class="increment">
  2192.                                                                            <img src="/assets/images/icon/arrow_up.png"
  2193.                                                                                alt="arrow_up" height="11" width="11">
  2194.                                                                        </button>
  2195.                                                                        <button type="button" class="decrement">
  2196.                                                                            <img src="/assets/images/icon/arrow_down.png"
  2197.                                                                                alt="arrow_down" height="11" width="11">
  2198.                                                                        </button>
  2199.                                                                    </div>
  2200.                                                                    °
  2201.                                                                </div>
  2202.                                                            </div>
  2203.                                                            <div class="pente-radio-content">
  2204.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2205.                                                                name="optimize_pente_sec_2_ns_n"
  2206.                                                                id="optimize-pente_sec_2_ns_n" value="true"><label
  2207.                                                                class="font-medium" for="optimize-pente_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2208.                                                            </div>
  2209.                                                        </div>
  2210.                                                        <div class="flex-container container-slope azimuth-row">
  2211.                                                            <div class="flex-container">
  2212.                                                                <p class="p">
  2213.                                                                    <label for="azimuth_sec_2_ns_n" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2214.                                                                </p>
  2215.                                                                <p class="p">
  2216.                                                                    &nbsp;<select name="azimuth_sec_2_ns_n" id="azimuth_sec_2_ns_n" disabled>
  2217. <option value="180" selected >N</option>
  2218. <option value="0"  >S</option>
  2219. <option value="-90"  >E</option>
  2220. <option value="90"  >W</option>
  2221. <hr><option value="-135"  >NE</option>
  2222. <option value="-45"  >SE</option>
  2223. <option value="45"  >SW</option>
  2224. <option value="135"  >NW</option>
  2225. <hr><option value="-157.5"  >NNE</option>
  2226. <option value="-112.5"  >ENE</option>
  2227. <option value="-67.5"  >ESE</option>
  2228. <option value="-22.5"  >SSE</option>
  2229. <option value="22.5"  >SSW</option>
  2230. <option value="67.5"  >WSW</option>
  2231. <option value="112.5"  >WNW</option>
  2232. <option value="157.5"  >NNW</option>
  2233. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  2234. </select>                                                                </p>
  2235.                                                            </div>    
  2236.                                                            <div class="pente-radio-content">
  2237.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2238.                                                                name="optimize_azimuth_sec_2_ns_n" disabled
  2239.                                                                id="optimize-azimuth_sec_2_ns_n" value="true"><label
  2240.                                                                class="font-medium" for="optimize-azimuth_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2241.                                                            </div>
  2242.                                                        </div>
  2243.                                                    </div>
  2244.                                                </div>
  2245.                                                <div class="sectionErrorContainer">
  2246.                                                    <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  2247.                                                    <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  2248.                                                </div>
  2249.                                            </div>
  2250.                                            <div class="first-pente-content">
  2251.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  2252.                                                <div class="row-section">
  2253.                                                    <div class="flex-container" style="padding:0">
  2254.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2255.                                                        <div class="custom-input-number-container">
  2256.                                                            <input class="p-24-number-input" min="0.01"
  2257.                                                                value="1" name="peak-power-2" step="0.5"
  2258.                                                                id="peak-power-s" placeholder="0">
  2259.                                                            <div class="icons">
  2260.                                                                <button type="button" class="increment">
  2261.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2262.                                                                        alt="arrow_up" height="11" width="11">
  2263.                                                                </button>
  2264.                                                                <button type="button" class="decrement">
  2265.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2266.                                                                        alt="arrow_down" height="11" width="11">
  2267.                                                                </button>
  2268.                                                            </div>
  2269.                                                        </div>
  2270.                                                        <p class="p">kWp</p>
  2271.                                                    </div>
  2272.                                                    <div>
  2273.                                                        <div class="flex-container container-slope slope-row" style="padding:0">
  2274.                                                            <div class="flex-container">
  2275.                                                                <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2276.                                                                <div class="custom-input-number-container">
  2277.                                                                    <input class="p-24-number-input" min="0" max="90"
  2278.                                                                        value="0" name="slope_sec_2_ns_s"
  2279.                                                                        id="slope_sec_2_ns_s" placeholder="0">
  2280.                                                                    <div class="icons">
  2281.                                                                        <button type="button" class="increment">
  2282.                                                                            <img src="/assets/images/icon/arrow_up.png"
  2283.                                                                                alt="arrow_up" height="11" width="11">
  2284.                                                                        </button>
  2285.                                                                        <button type="button" class="decrement">
  2286.                                                                            <img src="/assets/images/icon/arrow_down.png"
  2287.                                                                                alt="arrow_down" height="11" width="11">
  2288.                                                                        </button>
  2289.                                                                    </div>
  2290.                                                                    °
  2291.                                                                </div>
  2292.                                                            </div>
  2293.                                                            <div class="pente-radio-content">
  2294.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2295.                                                                name="optimize_pente_sec_2_ns_s"
  2296.                                                                id="optimize-pente_sec_2_ns_s" value="true"><label
  2297.                                                                class="font-medium" for="optimize-pente_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2298.                                                            </div>
  2299.                                                        </div>
  2300.                                                        <div class="flex-container container-slope azimuth-row">
  2301.                                                            <div class="flex-container">
  2302.                                                                <p class="p">
  2303.                                                                    <label for="azimuth_sec_2_ns_s" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2304.                                                                </p>
  2305.                                                                <p class="p">
  2306.                                                                    &nbsp;<select name="azimuth_sec_2_ns_s" id="azimuth_sec_2_ns_s" disabled>
  2307. <option value="180"  >N</option>
  2308. <option value="0" selected >S</option>
  2309. <option value="-90"  >E</option>
  2310. <option value="90"  >W</option>
  2311. <hr><option value="-135"  >NE</option>
  2312. <option value="-45"  >SE</option>
  2313. <option value="45"  >SW</option>
  2314. <option value="135"  >NW</option>
  2315. <hr><option value="-157.5"  >NNE</option>
  2316. <option value="-112.5"  >ENE</option>
  2317. <option value="-67.5"  >ESE</option>
  2318. <option value="-22.5"  >SSE</option>
  2319. <option value="22.5"  >SSW</option>
  2320. <option value="67.5"  >WSW</option>
  2321. <option value="112.5"  >WNW</option>
  2322. <option value="157.5"  >NNW</option>
  2323. <hr><option value="custom"  data-ts='pvgis.custom' >Custom</option>
  2324. </select>                                                                </p>
  2325.                                                            </div>    
  2326.                                                            <div class="pente-radio-content">
  2327.                                                                <input type="checkbox" class="radio-pvgis file-info-radio"
  2328.                                                                name="optimize_azimuth_sec_2_ns_s" disabled
  2329.                                                                id="optimize-azimuth_sec_2_ns_s" value="true"><label
  2330.                                                                class="font-medium" for="optimize-azimuth_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2331.                                                            </div>
  2332.                                                        </div>
  2333.                                                    </div>
  2334.                                                </div>
  2335.                                                <div class="sectionErrorContainer">
  2336.                                                    <p class='error-msg-glbl error_slope_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.slope_validation_error">The slope value must be between 0° and 90°.</span></p>
  2337.                                                    <p class='error-msg-glbl error_customAzimuth_msg hidden'><i class="bi bi-exclamation-triangle"></i><span data-ts="pvgis.custom_azimuth_error">Azimuth value must be between -180° and 180°.</span></p>
  2338.                                                </div>
  2339.                                            </div>
  2340.                                        </div>
  2341.                                    </div>
  2342.                                    <div class="relative pv-system-loss">
  2343.                                        <p class="top-20">
  2344.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.system_loss">System loss</span>
  2345.                                            <span
  2346.                                                class="blue-2 font-18 font-700"
  2347.                                                style="margin-left: 7px;">(%)</span>
  2348.                                            <span class="cursor-pointer">
  2349.                                                
  2350.    <span
  2351.        class='help-icon-btn-sm  question-icon'
  2352.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2353.        onclick='openModal("system_loss_modal")'>
  2354.        ?
  2355.    </span>
  2356.  
  2357.    <div id='system_loss_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2358.        <div class='modal-dialog'>
  2359.            <div class='modal-content'>
  2360.                <div class='modal-body' id='system_loss_modal_content'>
  2361.                    <table class='modal-table-container'>
  2362.                        <tbody>
  2363.                            <tr>
  2364.                                <td class='p-0 icon-column'>
  2365.                                    <span class='help-icon-btn question-icon'>
  2366.                                        ?
  2367.                                    </span>
  2368.                                </td>
  2369.                                <td class='title-cell'>
  2370.                                    <h4 class='modal-title' data-ts='pvgis.system_loss'></h4>
  2371.                                </td>
  2372.                                <td class='close-col p-0'>
  2373.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2374.                                        <span aria-hidden='true'>&times;</span>
  2375.                                    </button>
  2376.                                </td>
  2377.                            </tr>
  2378.                            <tr>
  2379.                                <td class='content-cell modal-content-text' colspan='2'>
  2380.                                    <div class="p-24-black-2">
  2381.    <div data-ts="pvgis.system_loss_helper_1">
  2382.        Estimated system losses are all losses in the system that cause the energy actually delivered to the power grid to be less than the power produced by the PV modules.    </div>
  2383.    <div style="margin-top: 10px;">
  2384.        •
  2385.        <b data-ts="pvgis.system_loss_subtitle_helper_1">
  2386.            Cable loss (%) / default 1%        </b>
  2387.    </div>
  2388.    <div data-ts="pvgis.system_loss_helper_2">
  2389.        PVGIS24 is based on international standards for line loss in cables. this loss is estimated at 1%. You can reduce this loss to 0.5% if the quality of the cables is exceptional. You can increase the line loss of the cables to 1.5% if the distance between the solar panels and the inverter is greater than 30 meters.    </div>
  2390.    <div style="margin-top: 10px;">
  2391.        •
  2392.        <b data-ts="pvgis.system_loss_subtitle_2">
  2393.            Inverter loss (%) / default 2%        </b>
  2394.    </div>
  2395.    <div data-ts="pvgis.system_loss_helper_3">
  2396.        PVGIS24 is based on the average of inverter manufacturer data to estimate the production transformation loss. The international average today is 2%. You can reduce this loss to 1% if the quality of the inverter is exceptional. You can increase the loss to 3% to 4% if the chosen inverter offers a transformation rate of 96%!    </div>
  2397.    <div style="margin-top: 10px;">
  2398.        •
  2399.        <b data-ts="pvgis.system_loss_subtitle_3">
  2400.            PV loss (%) / default 0.5%        </b>
  2401.    </div>
  2402.    <div data-ts="pvgis.system_loss_helper_4">
  2403.        Over the years, the modules also tend to lose some of their power, so the average annual production over the life of the system will be a few percent lower than the production in the first few years. The various international studies including those of Sarah and Jordan KURTZ estimate an average production loss of 0.5% per year. You can reduce this production loss to 0.2% if the quality of the solar panels is exceptional. You can increase the loss from 0.8% to 1% if the solar panels chosen are of average quality!    </div>
  2404. </div>
  2405.  
  2406.                                </td>
  2407.                            </tr>
  2408.                        </tbody>
  2409.                    </table>
  2410.                </div>
  2411.            </div>
  2412.        </div>
  2413.    </div>
  2414.                                                </span>
  2415.                                        </p>
  2416.                                        <div class="system-loss-container">
  2417.                                            <div class="flex-container">
  2418.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.cable_loss_label">Cable loss</span>
  2419.                                                <span class="font-600 left-3 font-16">(%)</span>
  2420.                                                <div class="custom-input-number-container">
  2421.                                                    <input id="cable-loss" name="cable-loss"
  2422.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="1"
  2423.                                                        placeholder="0">
  2424.                                                    <div class="icons">
  2425.                                                        <button type="button" class="increment">
  2426.                                                            <img src="/assets/images/icon/arrow_up.png"
  2427.                                                                alt="arrow_up" height="11" width="11">
  2428.                                                        </button>
  2429.                                                        <button type="button" class="decrement">
  2430.                                                            <img src="/assets/images/icon/arrow_down.png"
  2431.                                                                alt="arrow_down" height="11" width="11">
  2432.                                                        </button>
  2433.                                                    </div>
  2434.                                                </div>
  2435.                                            </div>
  2436.                                            <div class="flex-container">
  2437.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.inverter_loss_label">Inverter loss</span>
  2438.                                                <span class="font-600 left-3 font-16">(%)</span>
  2439.                                                <div class="custom-input-number-container">
  2440.                                                    <input id="inverter-loss" name="inverter-loss"
  2441.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="2"
  2442.                                                        placeholder="0">
  2443.                                                    <div class="icons">
  2444.                                                        <button type="button" class="increment">
  2445.                                                            <img src="/assets/images/icon/arrow_up.png"
  2446.                                                                alt="arrow_up" height="11" width="11">
  2447.                                                        </button>
  2448.                                                        <button type="button" class="decrement">
  2449.                                                            <img src="/assets/images/icon/arrow_down.png"
  2450.                                                                alt="arrow_down" height="11" width="11">
  2451.                                                        </button>
  2452.                                                    </div>
  2453.                                                </div>
  2454.                                            </div>
  2455.                                            <div class="flex-container">
  2456.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.pv_loss">PV loss</span>
  2457.                                                <span class="font-600 left-3 font-16">(%)</span>
  2458.                                                <div class="custom-input-number-container">
  2459.                                                    <input id="pv-loss" name="pv-loss"
  2460.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0"
  2461.                                                        value="0.5" placeholder="0">
  2462.                                                    <div class="icons">
  2463.                                                        <button type="button" class="increment">
  2464.                                                            <img src="/assets/images/icon/arrow_up.png"
  2465.                                                                alt="arrow_up" height="11" width="11">
  2466.                                                        </button>
  2467.                                                        <button type="button" class="decrement">
  2468.                                                            <img src="/assets/images/icon/arrow_down.png"
  2469.                                                                alt="arrow_down" height="11" width="11">
  2470.                                                        </button>
  2471.                                                    </div>
  2472.                                                </div>
  2473.                                            </div>
  2474.  
  2475.                                            <span id="loss-error" data-ts="pvgis.loss_error_msg">The total loss sum should not exceed 100.</span>
  2476.                                        </div>
  2477.                                    </div>
  2478.                                    
  2479.                                    <div class="save-btn-cont">
  2480.                                        <button type="button" class="save-btn btn" onclick="openAdvancedModal()" id="showAdvancedOptionModal" data-ts="pvgis.extranet.advanced">Advanced option</button>
  2481.                                        <button class="save-btn btn uppercase visualize-result"
  2482.                                            id="visualize-result">
  2483.                                            <i style="display: none;" id="loader-visualisation" class="fas fa-spinner"></i>
  2484.                                            <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2485.                                        </button>
  2486.                                    </div>
  2487.                                </div>
  2488.  
  2489.                                <button class="visualize-floating visualize-result" id="visualize-floating">
  2490.                                    <i style="display: none;" id="loader-visualisation-floating"
  2491.                                        class="fas fa-spinner"></i>
  2492.                                    <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2493.                                </button>
  2494.                            </div>
  2495.                    </div>
  2496.                    </form>
  2497.                </div>
  2498.  
  2499.                <div id="result-container" class="p-24-result-container hidden">
  2500.                    <div class="p-24-top">
  2501.                        <div class="barre bg-blue">
  2502.                            <h2 class="primary-blue uppercase"><span data-ts="pvgis.simulator.results">Results</span> ”<span
  2503.                                    class="project_name" id="project-name"> SOLAR PROJECT</span> <span
  2504.                                    class="project_name" id="simulation-name">SIMULATION 1</span>” </h2>
  2505.                        </div>
  2506.                        <div class="picto">
  2507.                            <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  2508.                                data-src="https://cdn.pvgis.com/images/pvgis24/search-icon.png?v=18102024"
  2509.                                class="lazyLoad lazy lazy-load-img" alt="picto location">
  2510.                        </div>
  2511.                    </div>
  2512.                    <div class="p-24-result-content">
  2513.                        <p class="top-50">
  2514.                            <span class="font-18 p-24-black" data-ts="pvgis.result_24_desc">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world except the North and South Poles.</span>
  2515.                        </p>
  2516.                        <h3 class="uppercase blue-2" data-ts="pvgis.estimate_of_solar_label">
  2517.                            PVGIS ESTIMATES OF SOLAR ELECTRICITY PRODUCTION                        </h3>
  2518.                        <div class="bottom-25">
  2519.                            <span class="font-700 p-24-black-2 font-18" data-ts="pvgis.information_provided_label">Information provided</span>
  2520.                        </div>
  2521.                        <section class="row simulator-section geolocation-photovoltaics">
  2522.    <div class="col-xs-12 simulator-section-title">
  2523.        <h3 data-ts="pvgis.geolocation_photovoltaic_connected_network">
  2524.            Geolocation of the photovoltaic system        </h3>
  2525.        
  2526.    <span
  2527.        class='help-icon-btn-sm simulation_help_icon hidden question-icon'
  2528.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2529.        onclick='openModal("simulation_help_modal_geolocation")'>
  2530.        ?
  2531.    </span>
  2532.  
  2533.    <div id='simulation_help_modal_geolocation' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2534.        <div class='modal-dialog'>
  2535.            <div class='modal-content'>
  2536.                <div class='modal-body' id='simulation_help_modal_geolocation_content'>
  2537.                    <table class='modal-table-container'>
  2538.                        <tbody>
  2539.                            <tr>
  2540.                                <td class='p-0 icon-column'>
  2541.                                    <span class='help-icon-btn question-icon'>
  2542.                                        ?
  2543.                                    </span>
  2544.                                </td>
  2545.                                <td class='title-cell'>
  2546.                                    <h4 class='modal-title' data-ts='coming_soon'></h4>
  2547.                                </td>
  2548.                                <td class='close-col p-0'>
  2549.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2550.                                        <span aria-hidden='true'>&times;</span>
  2551.                                    </button>
  2552.                                </td>
  2553.                            </tr>
  2554.                            <tr>
  2555.                                <td class='content-cell modal-content-text' colspan='2'>
  2556.                                    <div class="text-center coming-soon-container">
  2557.    <div>
  2558.        <img
  2559.            alt="coming-soon"
  2560.            width="381px"
  2561.            height="399px"
  2562.            src="/assets/images/icon/no-data.png"
  2563.            class="img-responsive center-block" />
  2564.        <h4 data-ts="coming_soon"></h4>
  2565.    </div>
  2566. </div>
  2567.                                </td>
  2568.                            </tr>
  2569.                        </tbody>
  2570.                    </table>
  2571.                </div>
  2572.            </div>
  2573.        </div>
  2574.    </div>
  2575.        </div>
  2576.    <div class="col-xs-12">
  2577.        <div class="row">
  2578.            <div class="col-md-8">
  2579.                <div class="map-container">
  2580.                    <div id="mapResult">
  2581.                    </div>
  2582.                </div>
  2583.            </div>
  2584.            <div class="col-md-4">
  2585.                <ul class="geo-lolat-list">
  2586.                    <li class="spacing-bl">
  2587.                        <span data-ts="pvgis.pv_installed_label">Installed PV :</span>
  2588.                        <b><span class="ifont-bold-condensed installed_PV"></span> KWp</b>
  2589.                                            </li>
  2590.                    <li><span data-ts="pvgis.pdf_pvgis24.country">Country :</span> <b><span
  2591.                                class="font-bold-condensed country"></span></b></li>
  2592.                    <li><span data-ts="pvgis.pdf_pvgis24.city">City :</span> <b><span
  2593.                                class="font-bold-condensed city"></span></b></li>
  2594.                    <li class="spacing-bl"><span data-ts="pvgis.pdf_pvgis24.address">Address:</span> <b><span
  2595.                                class="font-bold-condensed address"></span></b></li>
  2596.                    <li><span data-ts="pvgis.latitude">Latitude</span>: <span
  2597.                            class="font-bold-condensed latitude"></span></li>
  2598.                    <li><span data-ts="pvgis.longitude">Longitude</span> : <span
  2599.                            class="font-bold-condensed longitude"></span></li>
  2600.                </ul>
  2601.            </div>
  2602.        </div>
  2603.    </div>
  2604. </section>                        <section class="row simulator-section terrain-shadow">
  2605.    <div class="col-md-12 simulator-section-title">
  2606.        <h3>
  2607.            Terrain shadows        </h3>
  2608.        
  2609.    <span
  2610.        class='help-icon-btn-sm simulation_help_icon hidden question-icon'
  2611.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2612.        onclick='openModal("simulation_help_modal_terrain_shadow")'>
  2613.        ?
  2614.    </span>
  2615.  
  2616.    <div id='simulation_help_modal_terrain_shadow' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2617.        <div class='modal-dialog'>
  2618.            <div class='modal-content'>
  2619.                <div class='modal-body' id='simulation_help_modal_terrain_shadow_content'>
  2620.                    <table class='modal-table-container'>
  2621.                        <tbody>
  2622.                            <tr>
  2623.                                <td class='p-0 icon-column'>
  2624.                                    <span class='help-icon-btn question-icon'>
  2625.                                        ?
  2626.                                    </span>
  2627.                                </td>
  2628.                                <td class='title-cell'>
  2629.                                    <h4 class='modal-title' data-ts='coming_soon'></h4>
  2630.                                </td>
  2631.                                <td class='close-col p-0'>
  2632.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2633.                                        <span aria-hidden='true'>&times;</span>
  2634.                                    </button>
  2635.                                </td>
  2636.                            </tr>
  2637.                            <tr>
  2638.                                <td class='content-cell modal-content-text' colspan='2'>
  2639.                                    <div class="text-center coming-soon-container">
  2640.    <div>
  2641.        <img
  2642.            alt="coming-soon"
  2643.            width="381px"
  2644.            height="399px"
  2645.            src="/assets/images/icon/no-data.png"
  2646.            class="img-responsive center-block" />
  2647.        <h4 data-ts="coming_soon"></h4>
  2648.    </div>
  2649. </div>
  2650.                                </td>
  2651.                            </tr>
  2652.                        </tbody>
  2653.                    </table>
  2654.                </div>
  2655.            </div>
  2656.        </div>
  2657.    </div>
  2658.        </div>
  2659.    <div class="col-md-12">
  2660.        <div class="col-md-7">
  2661.            <p><span data-ts="pvgis.simulator.summary.horizon">Horizon</span> : <b id="userHorizonTxt">Calculated (default PGVIS 24)</b></p>
  2662.            <div id="line-horizon"></div>
  2663.        </div>
  2664.        <div class="col-md-5" style="padding: 0;">
  2665.            <div class="geo-horizon-container">
  2666.                <div id="horizon-legends">
  2667.                    <div class="legend-item">
  2668.                        <div class="legend-heigh"></div>
  2669.                        <div class="legend-title"><span
  2670.                                data-ts="pvgis.simulator.charts.horizon_height"></span>
  2671.                        </div>
  2672.                    </div>
  2673.                    <div class="legend-item">
  2674.                        <div class="legend-june">
  2675.                            <div class="tiret"></div>
  2676.                            <div class="tiret"></div>
  2677.                            <div class="tiret"></div>
  2678.                        </div>
  2679.                        <div class="legend-title"><span
  2680.                                data-ts="pvgis.simulator.charts.sun_height_june"></span>
  2681.                        </div>
  2682.                    </div>
  2683.                    <div class="legend-item">
  2684.                        <div class="legend-dec"></div>
  2685.                        <div class="legend-title"><span
  2686.                                data-ts="pvgis.simulator.charts.sun_height_december"></span>
  2687.                        </div>
  2688.                    </div>
  2689.                </div>
  2690.                <div id="geo-horizon"></div>
  2691.            </div>
  2692.        </div>
  2693.    </div>
  2694. </section>                        <div class="top-20 c-simulator-section">
  2695.  
  2696.                            <section class="row simulator-section information-photovoltaics">
  2697.    <div class="col-md-12 simulator-section-title">
  2698.        <h3>
  2699.            Information from grid-connected photovoltaics        </h3>
  2700.        
  2701.    <span
  2702.        class='help-icon-btn-sm simulation_help_icon hidden question-icon'
  2703.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2704.        onclick='openModal("simulation_help_modal_information_photovoltaics")'>
  2705.        ?
  2706.    </span>
  2707.  
  2708.    <div id='simulation_help_modal_information_photovoltaics' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2709.        <div class='modal-dialog'>
  2710.            <div class='modal-content'>
  2711.                <div class='modal-body' id='simulation_help_modal_information_photovoltaics_content'>
  2712.                    <table class='modal-table-container'>
  2713.                        <tbody>
  2714.                            <tr>
  2715.                                <td class='p-0 icon-column'>
  2716.                                    <span class='help-icon-btn question-icon'>
  2717.                                        ?
  2718.                                    </span>
  2719.                                </td>
  2720.                                <td class='title-cell'>
  2721.                                    <h4 class='modal-title' data-ts='coming_soon'></h4>
  2722.                                </td>
  2723.                                <td class='close-col p-0'>
  2724.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2725.                                        <span aria-hidden='true'>&times;</span>
  2726.                                    </button>
  2727.                                </td>
  2728.                            </tr>
  2729.                            <tr>
  2730.                                <td class='content-cell modal-content-text' colspan='2'>
  2731.                                    <div class="text-center coming-soon-container">
  2732.    <div>
  2733.        <img
  2734.            alt="coming-soon"
  2735.            width="381px"
  2736.            height="399px"
  2737.            src="/assets/images/icon/no-data.png"
  2738.            class="img-responsive center-block" />
  2739.        <h4 data-ts="coming_soon"></h4>
  2740.    </div>
  2741. </div>
  2742.                                </td>
  2743.                            </tr>
  2744.                        </tbody>
  2745.                    </table>
  2746.                </div>
  2747.            </div>
  2748.        </div>
  2749.    </div>
  2750.        </div>
  2751.    <div class="col-md-12 info-pv">
  2752.        <div class="col-md-7" style="padding: 0;">
  2753.            <ul class="info-pv-desc">
  2754.                <li>Database used : <span class="database font-bold-condensed">PVGIS- SARAH3</span></li>
  2755.                <li>Photovoltaic technology: <span class="photovoltaic_technology font-bold-condensed">Crystalline silicon</span></li>
  2756.                <li>Mounting system : <span class="font-bold-condensed"><span class="mounting-type"></span> <span class="section-number"></span> <span class="sectionss"></span></span></li>
  2757.            </ul>
  2758.  
  2759.            <table class="table table-striped" id="pvTable">
  2760.                <thead>
  2761.                    <tr>
  2762.                        <th class="uppercase" data-ts="pvgis.sections"></th>
  2763.                        <th><span data-ts="pvgis.simulation.pdf.installed.pv"></span> (KWp)</th>
  2764.                        <th data-ts="pvgis.extranet.file_info.slope"></th>
  2765.                        <th data-ts="pvgis.extranet.file_info.azimuth"></th>
  2766.                    </tr>
  2767.                </thead>
  2768.                <tbody>
  2769.                </tbody>
  2770.            </table>
  2771.        </div>
  2772.        <div class="col-md-5">
  2773.            <ul class="info-pv-data">
  2774.                <li><span>Interannual variability (%) :</span> <span class="font-bold-condensed"><span class="variabilityPercentage"></span></li>
  2775.                <li class="spacing-tl">
  2776.                    <h4 class="heading">Loss</h4>
  2777.                </li>
  2778.                <li><span class="paraf">Change in production due to :</span>
  2779.                    <ul>
  2780.                        <li>Angle of incidence (%) : <span class="font-bold-condensed"><span class="incidence_angle"></span></span> </li>
  2781.                        <li>Spectral effects (%) : <span class="font-bold-condensed"><span class="spectral_effect"></span></span> </li>
  2782.                        <li>Low temperature and irradiance (%) : <span class="font-bold-condensed"><span class="low_temp"></span></span> </li>
  2783.                    </ul>
  2784.                </li>
  2785.                <li class="spacing-bl">Total losses (%) : <span class="font-bold-condensed"><span class="total_loss"></span></span> </li>
  2786.                <li>Production moyenne par jour (kWh): <span class="font-bold-condensed"><span class="production-moyenne-j"></span></span> </li>
  2787.                <li>Average hour of production day : <span class="font-bold-condensed"><span class="heur-moyenne-production-j"></span></span> </li>
  2788.            </ul>
  2789.        </div>
  2790.    </div>
  2791. </section>                            
  2792.                        </div>
  2793.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2794.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.mounthly_energy_production_label">Monthly energy production from the photovoltaic system</span></p>
  2795.                            <div class="row">
  2796.                                <div class="col-xs-10 w-full-xs">
  2797.                                    <div class="section-title-block bg-blue annual_pv font-bold-22">
  2798.                                        <span data-ts="pvgis.annual_photovoltaic_e_p">Annual photovoltaic energy production :</span>
  2799.                                        <span>&nbsp;<span id="annual-pv"></span> kWh</span>
  2800.                                    </div>
  2801.                                    <p class="p-24-black-2 font-16 top-15">
  2802.                                        <span data-ts="pvgis.variability_from_year_to_year_label">Variability from year to year :</span>
  2803.                                        <span class="font-bold-condensed"><span id="variabilityPercentage"></span>%</span> (<span id="variability"></span> kWh)
  2804.                                    </p>
  2805.                                </div>
  2806.                                <div class="col-xs-3">
  2807.                                </div>
  2808.                            </div>
  2809.                            <div class="row">
  2810.                                <div class="col-xs-8">
  2811.                                    <div id="pv-output-graph-bar" class="pv-output-graph-bar"></div>
  2812.                                </div>
  2813.                                <div class="col-xs-4">
  2814.                                    <table id="monthly-e-datatable" class="pv-prod-table">
  2815.                                        <thead>
  2816.                                            <tr>
  2817.                                                <th data-ts="pvgis.month">Month</th>
  2818.                                                <th class="custom-th">kWh</th>
  2819.                                                <th class="custom-th">%</th>
  2820.                                            </tr>
  2821.                                        </thead>
  2822.                                        <tbody id="month-tab-body-pv">
  2823.                                        </tbody>
  2824.                                    </table>
  2825.                                </div>
  2826.                            </div>
  2827.  
  2828.                        </div>
  2829.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2830.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_sunshine_hours">Monthly photovoltaic energy production hours</span></p>
  2831.                            <div class="row">
  2832.                                <div class="col-xs-10 w-full-xs">
  2833.                                    <div class="section-title-block bg-yellow annualHours annual_pv font-bold-22">
  2834.                                        <span data-ts="pvgis.yearly_sunshine_hours">Annual photovoltaic energy production hours :</span>
  2835.                                        <span>&nbsp;<span id="yearlySunshineHours"></span> <span class="text-lowercase" data-ts="pvgis.account_menu.hours">Hours</span> <span class="average-hours-per-day"><span id="averageSunshineHoursPerDay"></span></span></span>
  2836.                                    </div>
  2837.                                    </br>
  2838.                                </div>
  2839.                                <div class="col-xs-3">
  2840.                                </div>
  2841.                            </div>
  2842.                            <div class="row">
  2843.                                <div class="col-xs-8">
  2844.                                    <div id="sunshine-hours-graph-bar" style="height: 380px;" class="ir-output-graph-bar"></div>
  2845.                                </div>
  2846.                                <div class="col-xs-4">
  2847.                                    <table id="monthly-e-datatable-sunshine-hours" class="pv-prod-table">
  2848.                                        <thead>
  2849.                                            <tr>
  2850.                                                <th class="" data-ts="pvgis.months">Months</th>
  2851.                                                <th class="text-center" data-ts="pvgis.hours_per_month">Hours/Month</th>
  2852.                                                <th class="text-center" data-ts="pvgis.hours_per_days">Hours/Day</th>
  2853.                                            </tr>
  2854.                                        </thead>
  2855.                                        <tbody id="sunshine-hours-table-body">
  2856.                                        </tbody>
  2857.                                    </table>
  2858.                                </div>
  2859.                            </div>
  2860.                        </div>
  2861.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2862.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.avg_kwh_per_day_prod">Average monthly kWh of production per day</span></p>
  2863.                            <div class="row">
  2864.                                <div class="col-xs-10 w-full-xs">
  2865.                                    <div class="section-title-block bg-green annualHours annual_pv font-bold-22">
  2866.                                        <span data-ts="pvgis.avg_daily_monthly_prod_pv">Monthly average daily photovoltaic energy production</span>
  2867.                                        <span>:&nbsp;<span id="avgDailyProduction"></span> <span >kWh</span></span>
  2868.                                    </div>
  2869.                                    </br>
  2870.                                </div>
  2871.                                <div class="col-xs-3">
  2872.                                </div>
  2873.                            </div>
  2874.                            <div class="row">
  2875.                                <div class="col-xs-8">
  2876.                                    <div id="daily-sunshine-hours-graph-bar" style="height: 400px;" class="ir-output-graph-bar"></div>
  2877.                                </div>
  2878.                                <div class="col-xs-4">
  2879.                                    <table id="daily-e-datatable-sunshine-hours" class="pv-prod-table">
  2880.                                        <thead>
  2881.                                            <tr>
  2882.                                                <th class="" data-ts="pvgis.months">Months</th>
  2883.                                                
  2884.                                                <th class="text-center" data-ts="pvgis.hours_per_days">Hours/Day</th>
  2885.                                                <th class="text-center" data-ts="pvgis.kwh_per_days">kWh/Days</th>
  2886.                                            </tr>
  2887.                                        </thead>
  2888.                                        <tbody id="daily-sunshine-hours-table-body">
  2889.                                        </tbody>
  2890.                                    </table>
  2891.                                </div>
  2892.                            </div>
  2893.                        </div>
  2894.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2895.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_irradiation">Monthly irradiation on fixed plane</span></p>
  2896.                            <div class="row">
  2897.                                <div class="col-xs-10 w-full-xs">
  2898.                                    <div class="section-title-block bg-orange annual_pv font-bold-22">
  2899.                                        <span data-ts="pvgis.annual_irradiation_p">Annual irradiation:</span>
  2900.                                        <span>&nbsp;<span id="annual-ir"></span> kWh/m<sup>2</sup> </span>
  2901.                                    </div>
  2902.                                    </br>
  2903.                                </div>
  2904.                                <div class="col-xs-3">
  2905.                                </div>
  2906.                            </div>
  2907.                            <div class="row">
  2908.                                <div class="col-xs-8">
  2909.                                    <div id="ir-output-graph-bar" class="ir-output-graph-bar"></div>
  2910.                                </div>
  2911.                                <div class="col-xs-4">
  2912.                                    <table id="monthly-e-datatable-ir" class="pv-prod-table">
  2913.                                        <thead>
  2914.                                            <tr>
  2915.                                                <th data-ts="pvgis.month">Month</th>
  2916.                                                <th class="custom-th">kWh/m<sup>2</sup></th>
  2917.                                                <th class="custom-th">%</th>
  2918.                                            </tr>
  2919.                                        </thead>
  2920.                                        <tbody id="month-tab-body-ir">
  2921.                                        </tbody>
  2922.                                    </table>
  2923.                                </div>
  2924.                            </div>
  2925.                        </div>
  2926.                    </div>
  2927.                    <div class="pdf-btn-container">
  2928.                                                <button style="width:250px" type="button" class="bg-blue uppercase" id="downloadPdf" onclick="downloadPvgis24Pdf()"><i class="fas fa-spinner"></i> <span data-ts="pvgis.pdf">VIEW PDF</span></button>
  2929.                    </div>
  2930.                </div>
  2931.  
  2932.                <div class="modal-backdrop" id="modal-backdrop-pdf">
  2933.    <div id='pdf-modal' class="modal modal-box-shadow">
  2934.        <div id="loading"></div>
  2935.        <div class="pdf-editor">
  2936.            <div id="editor-1">
  2937.                <div style="width: 100%;">
  2938.                    <div class="modal-info">
  2939.                        <div class="modal-title">
  2940.                            <div class="left-title">
  2941.                                <h4 id="title">PDF EDITOR COMPONENT</h4>
  2942.                                <input type="text" id="name" name="name" required minlength="4" size="50"
  2943.                                    value="PDF EDITOR COMPONENT" style="display: none; width: 100%; padding: 5px;" />
  2944.                                <span id="edit-icon" class="zoom-button" title="Modifier">
  2945.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2946.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2947.                                        stroke-linejoin="round" class="lucide lucide-pencil">
  2948.                                        <path
  2949.                                            d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" />
  2950.                                        <path d="m15 5 4 4" />
  2951.                                    </svg>
  2952.                                </span>
  2953.                                <span style="display: none;" id="close-icon" class="zoom-button" title="Sauvegarder">
  2954.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2955.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2956.                                        stroke-linejoin="round" class="lucide lucide-save">
  2957.                                        <path
  2958.                                            d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" />
  2959.                                        <path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" />
  2960.                                        <path d="M7 3v4a1 1 0 0 0 1 1h7" />
  2961.                                    </svg>
  2962.                                </span>
  2963.                            </div>
  2964.                            <div class="zoom-container">
  2965.                                <h4 data-ts="pvgis.organis_download" class="organise">Organiser et telecharger</h4>
  2966.                                <div id="edit-mode" title="Organise" class="edit-mode"><i class="bi bi-stack"></i></div>
  2967.                                <div class="zoom-left">
  2968.                                    <span id="zoom-in" class="zoom-button" title="Zoom +">
  2969.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2970.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2971.                                            stroke-linecap="round" stroke-linejoin="round"
  2972.                                            class="lucide lucide-zoom-in">
  2973.                                            <circle cx="11" cy="11" r="8" />
  2974.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2975.                                            <line x1="11" x2="11" y1="8" y2="14" />
  2976.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2977.                                        </svg>
  2978.                                    </span>
  2979.                                    <span id="zoom-out" class="zoom-button" title="Zoom -">
  2980.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2981.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2982.                                            stroke-linecap="round" stroke-linejoin="round"
  2983.                                            class="lucide lucide-zoom-out">
  2984.                                            <circle cx="11" cy="11" r="8" />
  2985.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2986.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2987.                                        </svg>
  2988.                                    </span>
  2989.                                    <span id="zoom-reset" class="zoom-button" title="Réinitialiser">
  2990.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2991.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2992.                                            stroke-linecap="round" stroke-linejoin="round"
  2993.                                            class="lucide lucide-rotate-ccw">
  2994.                                            <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
  2995.                                            <path d="M3 3v5h5" />
  2996.                                        </svg>
  2997.                                    </span>
  2998.                                    <span id="download" class="zoom-button" title="Download">
  2999.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  3000.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  3001.                                            stroke-linecap="round" stroke-linejoin="round"
  3002.                                            class="lucide lucide-download">
  3003.                                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  3004.                                            <polyline points="7 10 12 15 17 10" />
  3005.                                            <line x1="12" x2="12" y1="15" y2="3" />
  3006.                                        </svg>
  3007.                                    </span>
  3008.                                </div>
  3009.  
  3010.                                <span onclick="closePdfEditorModal('editor-1')" title="Fermer" class="zoom-button">
  3011.                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
  3012.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  3013.                                        stroke-linejoin="round" class="lucide lucide-x">
  3014.                                        <path d="M18 6 6 18" />
  3015.                                        <path d="m6 6 12 12" />
  3016.                                    </svg></span>
  3017.                            </div>
  3018.                        </div>
  3019.                        <div class="preview-container">
  3020.                            <div class="thumbnail-wrapper">
  3021.                                <div class="thumbnail-container">
  3022.                                </div>
  3023.                            </div>
  3024.  
  3025.                            <div class="page-container">
  3026.                            </div>
  3027.  
  3028.                        </div>
  3029.                    </div>
  3030.                </div>
  3031.            </div>
  3032.        </div>
  3033.    </div>
  3034. </div>
  3035.  
  3036. <div class="loading-modal" id="pdf-loading-modal">
  3037.    <div>
  3038.        <div class="loader"></div>
  3039.        <div class="message-container">
  3040.            <div class="message"></div>
  3041.            <span class="loading-dots" style="display: none;">
  3042.                <span>.</span>
  3043.                <span>.</span>
  3044.                <span>.</span>
  3045.            </span>
  3046.        </div>
  3047.    </div>
  3048. </div>
  3049.                <div id="advanced-opt-modal" class="modal-extranet advanced-modal">
  3050.    <div class="advanced-modal-container">
  3051.        <h3 class="adv-title" data-ts="pvgis.extranet.advanced"></h3>
  3052.        <span onclick="closeAdvancedModal()" class="close-button">&times;</span>
  3053.        <h5 class="font-bold-condensed">
  3054.            <span data-ts="pvgis.simulator.use_terrain_shadows"></span>
  3055.            <span class="cursor-pointer">
  3056.                
  3057.    <span
  3058.        class='help-icon-btn-sm  question-icon'
  3059.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  3060.        onclick='openModal("terrain_shadows_modal")'>
  3061.        ?
  3062.    </span>
  3063.  
  3064.    <div id='terrain_shadows_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  3065.        <div class='modal-dialog'>
  3066.            <div class='modal-content'>
  3067.                <div class='modal-body' id='terrain_shadows_modal_content'>
  3068.                    <table class='modal-table-container'>
  3069.                        <tbody>
  3070.                            <tr>
  3071.                                <td class='p-0 icon-column'>
  3072.                                    <span class='help-icon-btn question-icon'>
  3073.                                        ?
  3074.                                    </span>
  3075.                                </td>
  3076.                                <td class='title-cell'>
  3077.                                    <h4 class='modal-title' data-ts='pvgis.simulator.use_terrain_shadows'></h4>
  3078.                                </td>
  3079.                                <td class='close-col p-0'>
  3080.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  3081.                                        <span aria-hidden='true'>&times;</span>
  3082.                                    </button>
  3083.                                </td>
  3084.                            </tr>
  3085.                            <tr>
  3086.                                <td class='content-cell modal-content-text' colspan='2'>
  3087.                                    <div>
  3088.    <div data-ts="pvgis.simulator.step_four_consigne">
  3089.        The solar radiation and photovoltaic production will change if there are local hills or mountains that block sunlight during certain periods of the day. PVGIS can calculate the effect of this by using data on ground elevation with a resolution of 3 arc-seconds (approximately 90 meters).<br><br>This calculation does not take into account shadows from very close objects such as houses or trees. In this case, you can upload your own information about the horizon by checking the "Download horizon file" box in CSV or JSON format.    </div>
  3090. </div>
  3091.                                </td>
  3092.                            </tr>
  3093.                        </tbody>
  3094.                    </table>
  3095.                </div>
  3096.            </div>
  3097.        </div>
  3098.    </div>
  3099.                </span>
  3100.        </h5>
  3101.        <div class="horizon-container">
  3102.            <div class="radio-cont">
  3103.                <div class="radio-r">
  3104.                    <input id="horizon_calculated" class="radio-pvgis" checked name="horizon_profile_type"
  3105.                        value="horizon_calculated" type="radio">
  3106.                    <label
  3107.                        for="horizon_calculated">Calculated horizon</label>
  3108.                </div>
  3109.                <div class="downloadHorizon-btn">
  3110.                    <button type="button" class="btn" onclick="downloadHorizon('csv', false)"><i
  3111.                            class="fas fa-download"></i>&nbsp;&nbsp;CSV</button>
  3112.                    <button type="button" class="btn" onclick="downloadHorizon('json', false)"><i
  3113.                            class="fas fa-download"></i>&nbsp;&nbsp;JSON</button>
  3114.                </div>
  3115.            </div>
  3116.            <div class="radio-cont">
  3117.                <div class="radio-r">
  3118.                    <input id="horizon_uploaded" class="radio-pvgis" name="horizon_profile_type"
  3119.                        value="horizon_uploaded" type="radio">
  3120.                    <label
  3121.                        for="horizon_uploaded">Upload horizon file</label>
  3122.                </div>
  3123.                <div class="horizon-input-cont">
  3124.                    <input type="file" disabled name="horizon_file" id="horizon_file" accept=".txt, .csv, .json"
  3125.                        onchange="readFileAndSetHiddenValue('horizon_file', 'horizon_data', userhorizonFormatter)">
  3126.                    <label for="horizon_file" class="custom-file-upload"><i class="fas fa-upload"></i>&nbsp;&nbsp;Choose
  3127.                        File</label>
  3128.                    <span id="file-name">No files selected</span>
  3129.                    <input type="hidden" name="horizon_data" id="horizon_data">
  3130.                    <input type="hidden" name="horizon_filename" id="horizon_filename">
  3131.                    <span class="error-message"></span>
  3132.                </div>
  3133.            </div>
  3134.        </div>
  3135.  
  3136.        <h5 class="font-bold-condensed" >
  3137.            <span data-ts="pvgis.simulator.custom_db"></span>
  3138.            <span class="cursor-pointer">
  3139.                
  3140.    <span
  3141.        class='help-icon-btn-sm  question-icon'
  3142.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  3143.        onclick='openModal("pvgis_custom_db_modal")'>
  3144.        ?
  3145.    </span>
  3146.  
  3147.    <div id='pvgis_custom_db_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  3148.        <div class='modal-dialog'>
  3149.            <div class='modal-content'>
  3150.                <div class='modal-body' id='pvgis_custom_db_modal_content'>
  3151.                    <table class='modal-table-container'>
  3152.                        <tbody>
  3153.                            <tr>
  3154.                                <td class='p-0 icon-column'>
  3155.                                    <span class='help-icon-btn question-icon'>
  3156.                                        ?
  3157.                                    </span>
  3158.                                </td>
  3159.                                <td class='title-cell'>
  3160.                                    <h4 class='modal-title' data-ts='pvgis.simulator.custom_db'></h4>
  3161.                                </td>
  3162.                                <td class='close-col p-0'>
  3163.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  3164.                                        <span aria-hidden='true'>&times;</span>
  3165.                                    </button>
  3166.                                </td>
  3167.                            </tr>
  3168.                            <tr>
  3169.                                <td class='content-cell modal-content-text' colspan='2'>
  3170.                                    <div>
  3171.    <div data-ts="pvgis.database24_helper_1">
  3172.        - <strong>PVGIS-SARAH3</strong>: Data available from 2005 to 2023. Covers Europe, Africa, most of Asia, and some regions of South America. Based on satellite observations, it offers high accuracy for solar irradiance. <br>
  3173. - <strong>PVGIS-SARAH2</strong>: Produced by CM SAF to replace SARAH-1 (PVGIS-SARAH). It covers Europe, Africa, most of Asia, and some regions of South America. Period: 2005-2020. <br>
  3174. - <strong>PVGIS-ERA5</strong>: Latest global reanalysis provided by ECMWF (European Centre for Medium-Range Weather Forecasts). Period: 2005-2023. <br><br>
  3175. The reanalysis of solar radiation data generally presents higher uncertainty than satellite databases. Therefore, we recommend using reanalysis data only when satellite data is unavailable or outdated. For more information on databases and their accuracy, please refer to the PVGIS web page on calculation methods.    </div>
  3176. </div>
  3177.                                </td>
  3178.                            </tr>
  3179.                        </tbody>
  3180.                    </table>
  3181.                </div>
  3182.            </div>
  3183.        </div>
  3184.    </div>
  3185.                </span>
  3186.        </h5>
  3187.        <div class="db-container">
  3188.            <div>
  3189.                <div class="pvgis-custom-select">
  3190.                    <input type="hidden" name="db_name" id="db_name" value="">
  3191.                    <input type="hidden" name="db_version" id="db_version" value="">
  3192.                    <div class="pvgis-select-label">
  3193.                        <span class="pvgis-caret">&#9662;</span>
  3194.                    </div>
  3195.                    <ul class="pvgis-select-options" id="pvgis-dropdown">
  3196.                    </ul>
  3197.                </div>
  3198.            </div>
  3199.            <div class="btn-container">
  3200.                <button type="button" data-ts="pvgis.extranet.file_info.save" id="saveAdvancedOption" class="btn save-btn"
  3201.                    onclick="closeAdvancedModal(true)"></button>
  3202.            </div>
  3203.        </div>
  3204.    </div>
  3205. </div>                <div id="modal" class="modal-extranet confirm-mail-modal">
  3206.                    <div class="container file-registration-container">
  3207.                        <div class="box">
  3208.                            <h3 class="text-black" data-ts="pvgis.file_registration">Project registration</h3>
  3209.                            <p data-ts="pvgis.message.save_project">Would you like to save the project?</p>
  3210.                            
  3211.                            <div class="action-container" id="action-container">
  3212.                                <span id="cancel" class="cancel" data-ts="pvgis.cancel">Cancel</span>
  3213.                                <button class="location-submit bg-blue uppercase" id="save-file">
  3214.                                    <i style="display: none;" id="save-project" class="fas fa-spinner"></i>
  3215.                                    <span data-ts="pvgis.save">Save</span>
  3216.                                </button>
  3217.                            </div>
  3218.                        </div>
  3219.                    </div>
  3220.                </div>
  3221.  
  3222.            </div>
  3223.        </div>
  3224.    </div>
  3225.    
  3226.    
  3227.  
  3228.            <script src="https://pvgis.com/assets/min-js/loader.js?v=050620251335"></script>
  3229.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent.umd.js?v=050620251335"></script>
  3230.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent-config.js?v=050620251335"></script>
  3231.        <script src="https://pvgis.com/assets/min-js/settings.utils.js?v=050620251335"></script>
  3232.        <script>
  3233.            window.customerSavedLanguage = window.customerSavedLanguage || "en";
  3234.            window.cmsKey = "homepage-pvgis24";
  3235.        </script>
  3236.  
  3237.        <script src="https://pvgis.com/assets/min-js/links.js?v=050620251335" defer></script>
  3238.        <script src="https://cdn.pvgis.com/assets/js/cache.js?v=050620251335" defer></script>
  3239.        <script src="https://cdn.pvgis.com/assets/js/jquery.js?v=050620251335"></script>
  3240.        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  3241.        <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.0.4/js.cookie.min.js" integrity="sha512-Nonc2AqL1+VEN+97F3n4YxucBOAL5BgqNwEVc2uUjdKOWAmzwj5ChdJQvN2KldAxkCxE4OenuJ/RL18bWxGGzA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
  3242.        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js" defer></script>
  3243.        <script src="https://pvgis.com/assets/min-js/bootstrap.min.js" defer></script>
  3244.        <!-- <script src="https://pvgis.com/assets/js/intlTelInput.min.js?v=050620251335"></script> -->
  3245.        <script src="https://pvgis.com/assets/min-js/global.js?v=050620251335"></script>
  3246.        <script src="https://pvgis.com/assets/min-js/active-user.js?v=050620251335"></script>
  3247.        <script src="https://pvgis.com/assets/min-js/translation/index.js?v=050620251335"></script>
  3248.        <script src="https://pvgis.com/assets/min-js/modal/index.js?v=050620251335"></script>
  3249.        <script src="https://cdn.socket.io/4.5.0/socket.io.min.js"></script>
  3250.        <script src="https://pvgis.com/assets/min-js/socket-config.js?v=050620251335"></script>
  3251.        <script>
  3252.            removeIndesirableTag();
  3253.        </script>
  3254.        <div class="logToPdfModal" id="log-to-download-modal" role="dialog">
  3255.    <div class="logToPdfModal-dialog">
  3256.        <div class="logToPdfModal-content">
  3257.            <div class="logToPdfModal-header">
  3258.                <img width="50px" height="50px" src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024" alt="" srcset="">
  3259.                <h5 class="modal-title"><span  data-ts="pvgis.need_log_to_download"></span></h5>
  3260.                <span onclick="hideLogForPdfModal()" class="logToPdfModal-close">&times;</span>
  3261.            </div>
  3262.  
  3263.            <div class="logToPdfModal-footer" id="logToPdfModal-log">
  3264.                <button id="logToPdfModal-login-button" data-ts="pvgis.header.account_menu.login">Login</button>
  3265.                <span data-ts="pvgis.ou_or">or</span>
  3266.                <button id="logToPdfModal-register-button" data-ts="pvgis.header.account_menu.subscribe">Register</button>
  3267.            </div>
  3268.  
  3269.            <div class="logToPdfModal-body hidden" id="logToPdfModal-subscribe">
  3270.                <a data-cms-link href="/en/subscription" id="logToPdfModal-subscribe-link"><span  data-ts="pvgis.subscribe_now">Subscribe Now</span></a>
  3271.            </div>
  3272.            <div class="logToPdfModal-body hidden" id="logToPdfModal-download-blurred">
  3273.                <span data-ts="pvgis.download_blurred_pdf">Continue downloading the blurred PDF?</span>
  3274.                <button id="logToPdfModal-download-button"><span  data-ts="pvgis.simulation.continue">Continue</span><span class="spinnerCont hidden"><i class="fas fa-spinner"></i></span></button>
  3275.            </div>
  3276.        </div>
  3277.    </div>
  3278. </div>
  3279.  
  3280.    <div id="auth-form-modal" class="form-modal">
  3281.        <div class="auth-form-modal-dialog">
  3282.                        <div class="login-content">
  3283.                <div class="log-header">
  3284.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.login">
  3285.                        Login
  3286.                    </span>
  3287.                    <span class="close-button" onclick="hideFormModal('login')">&times;</span>
  3288.                </div>
  3289.                <div class="container-fluid login-container-fluid">
  3290.    <div class="bg-login"></div>
  3291.    <div class="login-container">
  3292.                <div class="create-account">
  3293.                            <p>
  3294.                    <span data-ts="pvgis.login.no_account_question">Don't have an account yet?</span>
  3295.                    <a href="/register" id="switch-to-register">
  3296.                        <span data-ts="pvgis.login.create_an_account">Create an account</span>
  3297.                    </a>
  3298.                </p>
  3299.                    </div>
  3300.        <!-- <div class="row">
  3301.            <div class="col-md-8 "> -->
  3302.        <div class="login-forms-container">
  3303.                        <div class="box">
  3304.                <form id="login-form" action="handleLogin" method="POST">
  3305.                    <input type="hidden" name="redirectLink" value="">
  3306.                    
  3307.                    <div class="form-group-container">
  3308.                        <div class="form-group">
  3309.                            <label for="email_login" data-ts="pvgis.login.email">
  3310.                                Email                            </label>
  3311.                            <input name="email" type="text" class="form-control to-validate text-input" id="email_login" placeholder="robert.dupont@gmail.com" required>
  3312.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3313.                                This field is required.                            </div>
  3314.                        </div>
  3315.                        <div class="form-group">
  3316.                            <label for="password_login" data-ts="pvgis.login.password">
  3317.                                Password                            </label>
  3318.                            <div class="pwd-input">
  3319.                                <input name="password" type="password" class="form-control to-validate text-input" id="password_login" required>
  3320.                                <span class="password-toggle" onclick="toggleLoginPasswordVisibility()"><i id="eye-icon" class="bi bi-eye"></i></span>
  3321.                            </div>
  3322.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3323.                                This field is required.                            </div>
  3324.                                                            <a href="/forgot-password" data-ts="pvgis.forgot_password">
  3325.                                    Forgot password                                </a>
  3326.                                                    </div>
  3327.                    </div>
  3328.                                        <div class="message-container">
  3329.                        <div class="error-message">
  3330.                                                    </div>
  3331.                        <div class="success-message">
  3332.                                                    </div>
  3333.                    </div>
  3334.                    <div class="action-container">
  3335.                        <button type="button" id="cancel-button" class="btn cancel-button" onclick="cancelLogin()">
  3336.                            <span data-ts="pvgis.cancel">
  3337.                                Cancel                            </span>
  3338.                        </button>
  3339.                        <button type="submit" class="btn btn-primary login-button">
  3340.                            <i class="fas fa-spinner"></i> <span data-ts="pvgis.login.login">
  3341.                                Log in                            </span>
  3342.                        </button>
  3343.                    </div>
  3344.                </form>
  3345.            </div>
  3346.            <div class="tiers-registration-container mb-15 to-hide">
  3347.                <h3 data-ts="pvgis.registration.signin">
  3348.                    Sign in                </h3>
  3349.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">
  3350.                    QUICKLY                </h3>
  3351.                <p data-ts="pvgis.registration.with_your_account">
  3352.                    with your account                </p>
  3353.                <div class="button-container">
  3354.                    <button type="button" id="google-login-button" class="btn g-btn">
  3355.                        <img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google">
  3356.                        <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span>
  3357.                    </button>
  3358.                    <!-- <div class="divider">
  3359.                                <span data-ts="pvgis.registration.or">ou</span>
  3360.                            </div>
  3361.                            <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign_in">S'inscrire avec Facebook</span></button> -->
  3362.                </div>
  3363.            </div>
  3364.        </div>
  3365.    </div>
  3366. </div>
  3367. <script>
  3368.    var userData = null;
  3369.    const errorMessage = '';
  3370.    // const redirectToPdf = true
  3371.    // const emailValidate = 'Email verified successfully'
  3372.    const emailValidate = '';
  3373.    const targetUserId = "";
  3374.    const isAdminLogin = false;
  3375.    const redirectToPdf = 0;
  3376.    let loginGoogleUrl = 'https://api.pvgis.com/auth/login/google';
  3377.    // let loginFacebookUrl = 'https://api.pvgis.com/auth/login/facebook';
  3378. </script>
  3379. <script src="https://pvgis.com/assets/min-js/account/login.js?v=050620251335"></script>            </div>
  3380.            <div class="register-content">
  3381.                <div class="log-header">
  3382.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.registration">Registration</span>
  3383.                    <span class="close-button" onclick="hideFormModal('register')">&times;</span>
  3384.                </div>
  3385.                <div class="container-fluid">
  3386.                    <div class="bg-login"></div>
  3387.                    <div class="registration-container">
  3388.    <div class="row">
  3389.        <div class="col-md-8 page-title">
  3390.            <h2 data-ts="pvgis.registration.title">Registration page</h2>
  3391.            <p class="to-login">
  3392.                <span data-ts="pvgis.registration.already_account">
  3393.                    Already an account ?                </span>
  3394.                <a href="/login" id="switch-to-login" data-ts="pvgis.registration.login">
  3395.                    I log in                </a>
  3396.            </p>
  3397.        </div>
  3398.    </div>
  3399.    <div class="row mb-15">
  3400.        <div class="col-md-8 ">
  3401.            <form id="registration-form" action="https://api.pvgis.com/auth/register">
  3402.                <div class="message-container">
  3403.                    <div class="error-message-register">
  3404.                                            </div>
  3405.                </div>
  3406.                <div class="radio-account-type">
  3407.                    <div class="row">
  3408.                        <div class="col-sm-4">
  3409.                            <input type="radio" name="type" id="personnal" class="radio-pvgis">
  3410.                            <label for="personnal" class="font-bold-condensed" data-ts="pvgis.registration.perso">
  3411.                                Particular                            </label><br>
  3412.                            <!-- <label for="personnal"><span class="description-radio" data-ts="pvgis.registration.perso_description">A personal project</span></label> -->
  3413.                        </div>
  3414.                        <div class="col-sm-4">
  3415.                            <input type="radio" name="type" id="professional" class="radio-pvgis">
  3416.                            <label for="professional" class="font-bold-condensed" data-ts="pvgis.registration.pro">
  3417.                                Professional                            </label><br>
  3418.                            <!-- <label for="professional"><span class="description-radio" data-ts="pvgis.registration.pro_description">My clients' projects</span></label> -->
  3419.                        </div>
  3420.                        <div class="col-sm-4">
  3421.                            <input type="radio" name="type" id="school" class="radio-pvgis">
  3422.                            <label for="school" class="font-bold-condensed" data-ts="pvgis.account_info.other">
  3423.                                Other                            </label><br>
  3424.                            <!-- <label for="school"><span class="description-radio" data-ts="pvgis.registration.school_description">School projects</span></label> -->
  3425.                        </div>
  3426.                    </div>
  3427.                    <div class="error-message" style="padding-top: 10px;" data-ts="pvgis.registration.error.required">
  3428.                        This field is required.                    </div>
  3429.                </div>
  3430.                <div class="row">
  3431.                    <div class="col-md-6 user-info-container">
  3432.                        <div class="form-group nickname-container hidden">
  3433.                            <label for="pseudo"><span data-ts="pvgis.registration.pseudo">Nickname</span></label>
  3434.                            <input style="width: 95%;" type="text" class="form-control to-send" id="pseudo" name="pseudo">
  3435.                            <div class="error-message">
  3436.                                <span class="pseudo-required"></span>
  3437.                                <span class="pseudo-already-used" data-ts="pvgis.registration.error.pseudo_already_used">Pseudo is already taken.</span>
  3438.                            </div>
  3439.                        </div>
  3440.                        <div class="form-group school-container">
  3441.                            <label for="school-name"><span data-ts="pvgis.account_info.etablissement">Establishment</span></label>
  3442.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="school-name" name="school-name">
  3443.                        </div>
  3444.                        <div class="form-group company-container">
  3445.                            <label for="company-name"><span data-ts="pvgis.registration.company">Company</span></label>
  3446.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="company-name" name="company-name">
  3447.                        </div>
  3448.                        <div class="form-group">
  3449.                            <label for="last-name"><span data-ts="pvgis.registration.name">Name</span><span class="required">*</span></label>
  3450.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="last-name" name="last-name">
  3451.                            <div class="error-message">This field is required.</div>
  3452.                        </div>
  3453.                        <div class="form-group">
  3454.                            <label for="first-name"><span data-ts="pvgis.registration.first_name">First Name</span><span class="required">*</span></label>
  3455.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="first-name" name="first-name">
  3456.                            <div class="error-message">This field is required.</div>
  3457.                        </div>
  3458.                        <div class="form-group country-container">
  3459.                            <div class="dropdown-select-container" id="countryDropdownContainer">
  3460.                                <label for="country"><span data-ts="pvgis.registration.country">Country</span><span class="required">*</span></label>
  3461.                                <div class="dropdown-select-button" id="countryDropdownButton">
  3462.                                    <span id="selectedCountry"></span>
  3463.                                </div>
  3464.                                <ol class="dropdown-select-list" id="countryDropdownList">
  3465.                                    <input type="text" class="search-input" id="countrySearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3466.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3467.                                    <div class="item-list-container" id="countryListContainer">
  3468.                                    </div>
  3469.                                </ol>
  3470.                            </div>
  3471.                        </div>
  3472.                        <div class="form-group language-container">
  3473.                            <div class="dropdown-select-container" id="languageDropdownContainer">
  3474.                                <label for="language"><span data-ts="pvgis.registration.language">Language</span><span class="required">*</span></label>
  3475.                                <div class="dropdown-select-button" id="languageDropdownButton">
  3476.                                    <span id="selectedLanguage"></span>
  3477.                                </div>
  3478.                                <ol class="dropdown-select-list" id="languageDropdownList">
  3479.                                    <input type="text" class="search-input" id="languageSearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3480.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3481.                                    <div class="item-list-container" id="languageListContainer">
  3482.                                    </div>
  3483.                                </ol>
  3484.                            </div>
  3485.                        </div>
  3486.                    </div>
  3487.                    <div class="col-md-6">
  3488.                        <div class="form-group">
  3489.                            <label for="email"><span data-ts="pvgis.registration.email">Email</span><span class="required">*</span></label>
  3490.                            <input type="email" class="form-control to-validate" id="email" name="email">
  3491.                            <div class="error-message">
  3492.                            </div>
  3493.                        </div>
  3494.                        <div class="form-group">
  3495.                            <label for="password"><span data-ts="pvgis.registration.password">Password</span><span class="required">*</span></label>
  3496.                            <div class="password-container">
  3497.                                <div class="eye-toogler"><i id="toggle-password" class="bi bi-eye"></i></div>
  3498.                                <input type="text" class="form-control to-validate" id="password" name="password">
  3499.                            </div>
  3500.                            <div class="error-message" data-ts="pvgis.registration.error.password">Password must contain at least 8 caracters with uppercase, lowercase and number.</div>
  3501.                        </div>
  3502.                        <div class="form-group password-container">
  3503.                            <label for="confirm-password"><span data-ts="pvgis.registration.confirm_password">Confirm Password</span><span class="required">*</span></label>
  3504.                            <div class="password-container">
  3505.                                <div class="eye-toogler"><i id="toggle-password-confirm" class="bi bi-eye"></i></div>
  3506.                                <input type="text" class="form-control to-validate" id="confirm-password" name="confirm-password">
  3507.                            </div>
  3508.                            <div class="error-message" data-ts="pvgis.registration.error.password_not_match">Passwords do not match.</div>
  3509.                        </div>
  3510.                    </div>
  3511.                </div>
  3512.  
  3513.                <input type="hidden" id="language" name="language" value="en">
  3514.  
  3515.                <div class="form-group check-container register-accept-terms">
  3516.                    <input type="checkbox" name="accept-cgu" class="checkbox-pvgis" id="accept-cgu">
  3517.                    <label for="accept-cgu">
  3518.                        <span>
  3519.                            <span data-ts="pvgis.i_accept_general">I accept </span>&nbsp;
  3520.                            <a href="#" id="viewTermAndConditionAction" data-ts="pvgis.terms_and_conditions">
  3521.                                 the terms and conditions                             </a>&nbsp;
  3522.                            <span data-ts="pvgis.of_use">
  3523.                                of use                            </span>
  3524.                        </span>
  3525.                    </label>
  3526.                </div>
  3527.  
  3528.                <div class="btn-container">
  3529.                    <a id="cancel-button" class="btn cancel-button"><span data-ts="pvgis.registration.cancel">Cancel</span></a>
  3530.                    <button type="submit" id="submit-button" class="btn btn-submit disabled" disabled><i class="fas fa-spinner"></i> <span data-ts="pvgis.registration.register">Create my account</span></button>
  3531.                </div>
  3532.            </form>
  3533.        </div>
  3534.         <div class="col-md-4 md-pl-10 to-hide">
  3535.            <div class="tiers-registration-container">
  3536.                <h3 data-ts="pvgis.registration.signup">Sign up</h3>
  3537.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">QUICKLY</h3>
  3538.                <p data-ts="pvgis.registration.two_click">with your GOOGLE account, <br> create your account in 2 clicks</p>
  3539.                <button type="button" id="google-registration-button" class="btn g-btn"><img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google"> <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span></button>
  3540.                
  3541.                <div class="divider">
  3542.                    <span data-ts="pvgis.registration.or">ou</span>
  3543.                </div>
  3544.                <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign">Sign up with Facebook</span></button>
  3545.            </div>
  3546.        </div>
  3547.    </div>
  3548.  
  3549. </div>
  3550. <script>
  3551.    $cartReference = null;
  3552.    let registrationGoogleUrl = 'https://api.pvgis.com/auth/google';
  3553. </script>                </div>
  3554.            </div>
  3555.        </div>
  3556.    </div>
  3557.  
  3558.    <div class="modal-extranet confirm-mail-modal mail-sent">
  3559.    <div class="container">
  3560.        <div class="row">
  3561.            <div class="col-xs-12 col-md-8">
  3562.                <div class="popup-container">
  3563.                    <div class="row modal-extranet-content">
  3564.                        <p class="mail-confirm-content">
  3565.                            <span data-ts="pvgis.mail.confirm_text">A validation email has just been sent to you at :</span><br>
  3566.                            <span id="mail-to" class="font-condensed-oblique"></span><br>
  3567.                            <span data-ts="pvgis.mail.thanks">Please click on the link to confirm your registration.</span>
  3568.                        </p>
  3569.                    </div>
  3570.                    <div class="btn-container">
  3571.                        <a href="/login" class="save-btn" data-ts="pvgis.mail.ok">OK</a>
  3572.                    </div>
  3573.                </div>
  3574.            </div>
  3575.        </div>
  3576.    </div>
  3577. </div>    <script src="https://pvgis.com/assets/min-js/logPDFModal.js?v=050620251335"></script>
  3578.  
  3579.  
  3580.                        <script src="https://pvgis.com/assets/min-js/extranet/dropdown-select.js?v=050620251335" defer></script>
  3581.            <script  src="https://pvgis.com/assets/min-js/utils/geotz.js?v=050620251335" defer></script>
  3582.            <script src="https://pvgis.com/assets/min-js/account/registration.js?v=050620251335"></script>
  3583.            
  3584.            <script src="https://pvgis.com/assets/min-js/extranet/register_modal_pvgis24.js?v=050620251335" defer></script>
  3585.            
  3586.    <script>
  3587.        const disableProjectCreationLinks = false;
  3588.        const sessionData = [];
  3589.        const token = sessionData?.user_data?.token;
  3590.        let customerId = '';
  3591.        const folder = null;
  3592.        const projects = null;
  3593.        const simulationItem = null;
  3594.        const simulationId = null;
  3595.        const projectId = null;
  3596.        const peakPowerTotal = document.getElementById('peak-power-total');
  3597.        const peakPowerTotalPvgis24 = document.getElementById('peakPowerTotalPvgis24');
  3598.        const isHomePage = true;
  3599.        const isInPvgis24 = true;
  3600.        localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3601.        peakPowerTotal.addEventListener('change', function (){
  3602.            localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3603.            peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3604.        })
  3605.        peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3606.        const isPGVIS24 = true;
  3607.        const currentSubscription = null;
  3608.        const products = [{"allow_new_subscribers":true,"name":"PVGIS24 PRIME","type":1,"description_translation_key":"PVGIS24 PRIME","user_count":1,"description_note_translation_key":null,"monthly_credit":10,"monthly_price":9,"additional":false,"billing_period_interval":"month","subscription_max_count":null,"is_recommended":false,"show":true,"id":1,"product_features":[{"id":99,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 PREMIUM","type":1,"description_translation_key":"pvgis.product_premium_bref_desc","user_count":1,"description_note_translation_key":"pvgis.product_pricing.premium","monthly_credit":120,"monthly_price":99,"additional":false,"billing_period_interval":"year","subscription_max_count":null,"is_recommended":false,"show":true,"id":8,"product_features":[{"id":34,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":35,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":36,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":103,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":37,"allow":false,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":38,"allow":false,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":39,"allow":false,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":40,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":41,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":42,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":43,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":44,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 PREMIUM","type":1,"description_translation_key":"PVGIS24 PREMIUM","user_count":1,"description_note_translation_key":"pvgis.product_pricing.premium","monthly_credit":10,"monthly_price":9,"additional":false,"billing_period_interval":"month","subscription_max_count":null,"is_recommended":false,"show":true,"id":2,"product_features":[{"id":1,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":2,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":3,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":100,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":4,"allow":false,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":5,"allow":false,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":6,"allow":false,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":7,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":8,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":9,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":10,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":11,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 PRO","type":1,"description_translation_key":"pvgis.product_pro_bref_desc","user_count":2,"description_note_translation_key":"pvgis.product_pricing.pro","monthly_credit":300,"monthly_price":199,"additional":false,"billing_period_interval":"year","subscription_max_count":null,"is_recommended":true,"show":true,"id":9,"product_features":[{"id":45,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":46,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":47,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":104,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":48,"allow":true,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":49,"allow":true,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":50,"allow":false,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":51,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":52,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":53,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":54,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":55,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 PRO","type":1,"description_translation_key":"PVGIS24 PRO","user_count":2,"description_note_translation_key":"pvgis.product_pricing.pro","monthly_credit":25,"monthly_price":19,"additional":false,"billing_period_interval":"month","subscription_max_count":null,"is_recommended":true,"show":true,"id":3,"product_features":[{"id":12,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":13,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":14,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":101,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":15,"allow":true,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":16,"allow":true,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":17,"allow":false,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":18,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":19,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":20,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":21,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":22,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 EXPERT","type":1,"description_translation_key":"pvgis.product_expert_bref_desc","user_count":3,"description_note_translation_key":"pvgis.product_pricing.expert","monthly_credit":600,"monthly_price":299,"additional":false,"billing_period_interval":"year","subscription_max_count":null,"is_recommended":false,"show":true,"id":10,"product_features":[{"id":56,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":57,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":58,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":105,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":59,"allow":true,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":60,"allow":true,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":61,"allow":true,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":62,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":63,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":64,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":65,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":66,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true},{"allow_new_subscribers":true,"name":"PVGIS24 EXPERT","type":1,"description_translation_key":"PVGIS24 EXPERT","user_count":3,"description_note_translation_key":"pvgis.product_pricing.expert","monthly_credit":50,"monthly_price":29,"additional":false,"billing_period_interval":"month","subscription_max_count":null,"is_recommended":false,"show":true,"id":4,"product_features":[{"id":23,"allow":true,"features":{"key":"subscription_user_count","hide":null,"id":1}},{"id":24,"allow":true,"features":{"key":"direct_access_5_3","hide":null,"id":2}},{"id":25,"allow":true,"features":{"key":"access_4_sections","hide":null,"id":3}},{"id":102,"allow":true,"features":{"key":"pdf_printing","hide":null,"id":13}},{"id":26,"allow":true,"features":{"key":"simulation_rev","hide":null,"id":4}},{"id":27,"allow":true,"features":{"key":"simulation_autoconso","hide":null,"id":5}},{"id":28,"allow":true,"features":{"key":"simulation_autonomy","hide":null,"id":6}},{"id":29,"allow":true,"features":{"key":"project_management","hide":null,"id":7}},{"id":30,"allow":true,"features":{"key":"saving_projects","hide":null,"id":8}},{"id":31,"allow":true,"features":{"key":"saving_simulations","hide":null,"id":9}},{"id":32,"allow":true,"features":{"key":"online_technical_support","hide":null,"id":10}},{"id":33,"allow":true,"features":{"key":"commercial_use_permitted","hide":null,"id":11}}],"avalaible":true}];
  3609.        let hasActiveSubscription = false;
  3610.        let stripePayementInProgress = false;
  3611.        let scriptBasePath = "https://pvgis.com/assets/min-js";
  3612.    </script>
  3613.    <section class="footer-cards-grid">
  3614.    <a class="footer-card" href="/en/global-solar-calculator" data-cms-link c-key="global-solar-calculator">
  3615.        <span class="footer-card-title" data-ts="pvgis.header.pvgis_why">
  3616.            PVGIS.COM        </span>
  3617.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_why_text">
  3618.            Solar panel calculator <br>
  3619. Simulations designed to meet the needs of professionals.        </span>
  3620.    </a>
  3621.    
  3622.    <a class="footer-card" href="/en/solar-calculator-pvgis" data-cms-link c-key="solar-calculator-pvgis">
  3623.        <span class="footer-card-title" data-ts="pvgis.header.pvgis24_why">
  3624.            PVGIS24 ?        </span>
  3625.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis24_why_text">
  3626.            The ultimate free solar simulation tool.        </span>
  3627.    </a>
  3628.    <a class="footer-card" href="/en/blog" data-cms-link c-key="pvgis-blog">
  3629.        <span class="footer-card-title">
  3630.            PVGIS.BLOG
  3631.        </span>
  3632.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_blog_text">
  3633.            At the heart of solar energy information.        </span>
  3634.    </a>
  3635.    <a class="footer-card" href="/en/ecosolar" data-cms-link c-key="pvgis-ecosolar">
  3636.        <span class="footer-card-title">
  3637.            Eco Solar Friendly        </span>
  3638.        <span class="footer-card-content" data-ts="pvgis.footer.ecosolar_text">
  3639.            A must-have certification for solar installers.        </span>
  3640.    </a>
  3641.    <div class="footer-card footer-highlight">
  3642.        <span class="footer-card-title" data-ts="pvgis.banner.calculate_simulate_optimize">
  3643.            CALCULATE, SIMULATE, OPTIMIZE, AND CONTROL WITH        </span>
  3644.        <a href="/en/solar-calculator" data-cms-link class="calculator-button" data-ts="pvgis.calculator.title">
  3645.            PVGIS CALCULATOR        </a>
  3646.    </div>
  3647. </section>
  3648. <div class="testimonials-container" id="testimony">
  3649.    <h2 data-ts="pvgis.testimony.title"></h2>
  3650.    <div class="testimonials" id="testimonial-list">
  3651.        <div class="testimonials-column">
  3652.                    <div class="testimonial" lang="gb">
  3653.                        <strong>
  3654.                            <span>
  3655.                                &nbsp;&nbsp;<i class="fi fi-gb"></i>
  3656.                                <span class="label-lang">United Kingdom</span>
  3657.                            </span>
  3658.                            – Ben D. – Adelaide
  3659.                        </strong>
  3660.                        <p>“&#039;I’ve been working as a solar PV installer for over 10 years. PVGIS24 is now an essential part of my process. It allows me to provide a professional solar production report for each client, with a clear simulation of annual output and a detailed return on investment analysis. This independent data builds trust and helps me close more deals.&#039;”</p>
  3661.                    </div>
  3662.                    <div class="testimonial" lang="us">
  3663.                        <strong>
  3664.                            <span>
  3665.                                &nbsp;&nbsp;<i class="fi fi-us"></i>
  3666.                                <span class="label-lang">United States</span>
  3667.                            </span>
  3668.                            – Nomsa K. – Pretoria
  3669.                        </strong>
  3670.                        <p>“&#039;As an independent solar technician, I used to spend a lot of time explaining how the system would perform. Now with PVGIS24, I can hand over a ready-to-use solar performance simulation that includes expected yield, financial outlook, and realistic ROI. It saves me time and improves client confidence.&#039;”</p>
  3671.                    </div>
  3672.                    <div class="testimonial" lang="ca">
  3673.                        <strong>
  3674.                            <span>
  3675.                                &nbsp;&nbsp;<i class="fi fi-ca"></i>
  3676.                                <span class="label-lang">Canada</span>
  3677.                            </span>
  3678.                            – David R. – Montréal
  3679.                        </strong>
  3680.                        <p>“&#039;At our engineering firm, we use PVGIS24 to support every technical and financial solar assessment we do. The platform provides accurate solar production simulations based on trusted data, and the reports are clear and professional. Our clients appreciate the transparency and data-driven approach.&#039;”</p>
  3681.                    </div>
  3682.                    <div class="testimonial" lang="gb">
  3683.                        <strong>
  3684.                            <span>
  3685.                                &nbsp;&nbsp;<i class="fi fi-gb"></i>
  3686.                                <span class="label-lang">United Kingdom</span>
  3687.                            </span>
  3688.                            – James M. – Birmingham
  3689.                        </strong>
  3690.                        <p>“&#039;I used PVGIS24 to verify a solar quote I received from a company. The projected production seemed too good to be True – and it was. Thanks to the independent solar analysis, I avoided investing in an unrealistic offer. PVGIS24 gave me the clarity I needed.&#039;”</p>
  3691.                    </div>
  3692.                    <div class="testimonial" lang="us">
  3693.                        <strong>
  3694.                            <span>
  3695.                                &nbsp;&nbsp;<i class="fi fi-us"></i>
  3696.                                <span class="label-lang">United States</span>
  3697.                            </span>
  3698.                            – Rachel T. – Sacramento
  3699.                        </strong>
  3700.                        <p>“&#039;My solar panel system had been installed for two years, but I felt it wasn’t producing as expected. PVGIS24 helped me compare real performance against estimated values – and that’s how I found a hidden inverter fault. It’s the best tool to monitor and validate existing solar installations.&#039;”</p>
  3701.                    </div>
  3702.                    <div class="testimonial" lang="ie">
  3703.                        <strong>
  3704.                            <span>
  3705.                                &nbsp;&nbsp;<i class="fi fi-ie"></i>
  3706.                                <span class="label-lang">Ireland</span>
  3707.                            </span>
  3708.                            – Sean B. – Cork
  3709.                        </strong>
  3710.                        <p>“&#039;I’m planning to install solar panels at home, and PVGIS24 gave me a reliable energy forecast for my exact location. The simulation showed me potential production, savings, and financial return over 20 years. It helped me make a smart, informed decision about going solar.&#039;”</p>
  3711.                    </div>
  3712.                    <div class="testimonial" lang="fr">
  3713.                        <strong>
  3714.                            <span>
  3715.                                &nbsp;&nbsp;<i class="fi fi-fr"></i>
  3716.                                <span class="label-lang">France</span>
  3717.                            </span>
  3718.                            – Julien R. – Toulouse
  3719.                        </strong>
  3720.                        <p>“&#039;PVGIS24 m’a permis de structurer mes offres avec un rapport clair et sérieux. Je vends plus, plus vite.&#039;”</p>
  3721.                    </div>
  3722.                    <div class="testimonial" lang="es">
  3723.                        <strong>
  3724.                            <span>
  3725.                                &nbsp;&nbsp;<i class="fi fi-es"></i>
  3726.                                <span class="label-lang">Spain</span>
  3727.                            </span>
  3728.                            – Marta G. – Valence
  3729.                        </strong>
  3730.                        <p>“&#039;Mis clientes quieren transparencia. Con PVGIS24 puedo demostrar exactamente cuánta energía producirán sus paneles solares. Es una herramienta esencial.&#039;”</p>
  3731.                    </div></div><div class="testimonials-column">
  3732.                    <div class="testimonial" lang="it">
  3733.                        <strong>
  3734.                            <span>
  3735.                                &nbsp;&nbsp;<i class="fi fi-it"></i>
  3736.                                <span class="label-lang">Italy</span>
  3737.                            </span>
  3738.                            – Marco L. – Naples
  3739.                        </strong>
  3740.                        <p>“&#039;PVGIS24 è diventato il mio strumento principale per convincere i clienti. I report sono chiari, professionali e personalizzabili.&#039;”</p>
  3741.                    </div>
  3742.                    <div class="testimonial" lang="de">
  3743.                        <strong>
  3744.                            <span>
  3745.                                &nbsp;&nbsp;<i class="fi fi-de"></i>
  3746.                                <span class="label-lang">Germany</span>
  3747.                            </span>
  3748.                            – Anja S. – Berlin
  3749.                        </strong>
  3750.                        <p>“&#039;Kunden vertrauen mir mehr, seit ich PVGIS24 verwende. Die Berichte basieren auf neutralen EU-Daten – das überzeugt.&#039;”</p>
  3751.                    </div>
  3752.                    <div class="testimonial" lang="br">
  3753.                        <strong>
  3754.                            <span>
  3755.                                &nbsp;&nbsp;<i class="fi fi-br"></i>
  3756.                                <span class="label-lang">Brazil</span>
  3757.                            </span>
  3758.                            – João C. – São Paulo
  3759.                        </strong>
  3760.                        <p>“&#039;Com o PVGIS24, mostro aos meus clientes quanto eles vão economizar com energia solar. Isso me ajuda a fechar muito mais contratos.&#039;”</p>
  3761.                    </div>
  3762.                    <div class="testimonial" lang="us">
  3763.                        <strong>
  3764.                            <span>
  3765.                                &nbsp;&nbsp;<i class="fi fi-us"></i>
  3766.                                <span class="label-lang">United States</span>
  3767.                            </span>
  3768.                            – Mike T. – Austin, Texas
  3769.                        </strong>
  3770.                        <p>“&#039;PVGIS24 gives me an edge. I present real, data-driven reports that impress clients and boost trust. That’s what closes deals.&#039;”</p>
  3771.                    </div>
  3772.                    <div class="testimonial" lang="ca">
  3773.                        <strong>
  3774.                            <span>
  3775.                                &nbsp;&nbsp;<i class="fi fi-ca"></i>
  3776.                                <span class="label-lang">Canada</span>
  3777.                            </span>
  3778.                            – Emilie B. – Québec
  3779.                        </strong>
  3780.                        <p>“&#039;Les clients ici sont très prudents. PVGIS24 me permet de leur remettre un dossier fiable, neutre, avec des chiffres qu’ils comprennent.&#039;”</p>
  3781.                    </div>
  3782.                    <div class="testimonial" lang="tr">
  3783.                        <strong>
  3784.                            <span>
  3785.                                &nbsp;&nbsp;<i class="fi fi-tr"></i>
  3786.                                <span class="label-lang">Turkey</span>
  3787.                            </span>
  3788.                            – Ahmet D. – Ankara
  3789.                        </strong>
  3790.                        <p>“&#039;PVGIS24 sayesinde teklif verirken güven kazanıyorum. Müşteriler bağımsız analizlerle daha çabuk karar veriyor.&#039;”</p>
  3791.                    </div>
  3792.                    <div class="testimonial" lang="id">
  3793.                        <strong>
  3794.                            <span>
  3795.                                &nbsp;&nbsp;<i class="fi fi-id"></i>
  3796.                                <span class="label-lang">Indonesia</span>
  3797.                            </span>
  3798.                            – Rajiv P. – Pune
  3799.                        </strong>
  3800.                        <p>“&#039;भारत में ग्राहक सौर परियोजनाओं पर निवेश से पहले सही जानकारी चाहते हैं। PVGIS24 के साथ मैं उन्हें यह दिखा सकता हूँ कि वे कितनी ऊर्जा उत्पन्न करेंगे और कितनी बचत होगी। इससे मेरा भरोसा बढ़ता है और डील जल्दी फाइनल होती है।&#039;”</p>
  3801.                    </div></div><div class="testimonials-column">
  3802.                    <div class="testimonial" lang="mx">
  3803.                        <strong>
  3804.                            <span>
  3805.                                &nbsp;&nbsp;<i class="fi fi-mx"></i>
  3806.                                <span class="label-lang">Mexico</span>
  3807.                            </span>
  3808.                            – Ana L. – Guadalajara
  3809.                        </strong>
  3810.                        <p>“&#039;PVGIS24 me ahorra tiempo y me da profesionalismo. Con los informes listos en minutos, gano más clientes sin complicarme.&#039;”</p>
  3811.                    </div>
  3812.                    <div class="testimonial" lang="ma">
  3813.                        <strong>
  3814.                            <span>
  3815.                                &nbsp;&nbsp;<i class="fi fi-ma"></i>
  3816.                                <span class="label-lang">Morocco</span>
  3817.                            </span>
  3818.                            – Youssef K. – Casablanca
  3819.                        </strong>
  3820.                        <p>“&#039;Avec PVGIS24, mes dossiers sont pris au sérieux. Les chiffres sont précis, et les clients se sentent rassurés. C’est devenu indispensable.&#039;”</p>
  3821.                    </div>
  3822.                    <div class="testimonial" lang="ru">
  3823.                        <strong>
  3824.                            <span>
  3825.                                &nbsp;&nbsp;<i class="fi fi-ru"></i>
  3826.                                <span class="label-lang">Russia</span>
  3827.                            </span>
  3828.                            – Ekaterina V. – Krasnodar
  3829.                        </strong>
  3830.                        <p>“&#039;PVGIS24 помогает мне выделяться. Отчёты понятны и вызывают доверие у клиентов.&#039;”</p>
  3831.                    </div>
  3832.                    <div class="testimonial" lang="sv">
  3833.                        <strong>
  3834.                            <span>
  3835.                                &nbsp;&nbsp;<i class="fi fi-sv"></i>
  3836.                                <span class="label-lang">El Salvador</span>
  3837.                            </span>
  3838.                            – Linus A. – Malmö
  3839.                        </strong>
  3840.                        <p>“&#039;My customers appreciate transparency. With PVGIS24, they get long-term forecasts and clear visuals. It’s part of every quote I make.&#039;”</p>
  3841.                    </div>
  3842.                    <div class="testimonial" lang="za">
  3843.                        <strong>
  3844.                            <span>
  3845.                                &nbsp;&nbsp;<i class="fi fi-za"></i>
  3846.                                <span class="label-lang">South Africa</span>
  3847.                            </span>
  3848.                            – Thando M. – Johannesburg
  3849.                        </strong>
  3850.                        <p>“&#039;PVGIS24 helps me prove solar works, even during load shedding. It’s a trusted tool for clients who demand facts.&#039;”</p>
  3851.                    </div>
  3852.                    <div class="testimonial" lang="au">
  3853.                        <strong>
  3854.                            <span>
  3855.                                &nbsp;&nbsp;<i class="fi fi-au"></i>
  3856.                                <span class="label-lang">Australia</span>
  3857.                            </span>
  3858.                            – Sarah J. – Brisbane
  3859.                        </strong>
  3860.                        <p>“&#039;I love how fast I can generate a detailed solar production report. It saves me hours and increases my close rate.&#039;”</p>
  3861.                    </div>
  3862.                    <div class="testimonial" lang="cn">
  3863.                        <strong>
  3864.                            <span>
  3865.                                &nbsp;&nbsp;<i class="fi fi-cn"></i>
  3866.                                <span class="label-lang">China</span>
  3867.                            </span>
  3868.                            – Li W. – Beijing
  3869.                        </strong>
  3870.                        <p>“&#039;在中国,客户越来越重视太阳能投资的回报率。PVGIS24 帮助我快速生成专业报告,清楚展示发电量和经济效益。客户更信任我,签单效率提高了很多。&#039;”</p>
  3871.                    </div></div>
  3872.    </div>
  3873. </div>
  3874.  
  3875. <footer id="footer" class="">
  3876.    <div class="footer-top">
  3877.        <p data-ts="pvgis.footer.pvgis_provider">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world.</p>
  3878.    </div>
  3879.    <div class="footer-content">
  3880.        <div class="footer-section footer-section-1">
  3881.            <ul>
  3882.                <li>
  3883.                    <a href="/en" data-cms-link data-ts="pvgis.footer.home">
  3884.                        Home                    </a>
  3885.                </li>
  3886.                <li>
  3887.                    <a href="/en/pvgis-about" data-cms-link data-ts="pvgis.header.pvgis_24">
  3888.                          PVGIS24                     </a>
  3889.                </li>
  3890.                <li>
  3891.                    <a href="/en/solar-calculator" data-cms-link data-ts="pvgis.footer.pvgis_calculator">
  3892.                        PVGIS calculator                    </a>
  3893.                </li>
  3894.                <li>
  3895.                    <a href="/en/subscription" data-cms-link data-ts="pvgis.subscription.label">
  3896.                        Subscription                    </a>
  3897.                </li>
  3898.            </ul>
  3899.        </div>
  3900.        <div class="footer-section footer-section-2">
  3901.            <ul>
  3902.                <li>
  3903.                    <a href="/en/manual-5-3" data-cms-link data-ts="pvgis.footer.manual">
  3904.                        Manual PVGIS 5.3                    </a>
  3905.                </li>
  3906.                <li>
  3907.                    <a href="/en/solar-calculator-pvgis" data-cms-link data-ts="pvgis.header.pvgis24_why">
  3908.                        PVGIS24 ?                    </a>
  3909.                </li>
  3910.                <li>
  3911.                    <a href="/en/global-solar-calculator" data-cms-link data-ts="pvgis.header.pvgis_why">
  3912.                        PVGIS.COM                    </a>
  3913.                </li>
  3914.                <li>
  3915.                    <a href="/en/ecosolar" data-cms-link data-ts="pvgis.eco_solar_friendy">
  3916.                        Eco Solar Friendly                    </a>
  3917.                </li>
  3918.            </ul>
  3919.        </div>
  3920.        <div class="footer-section footer-section-3">
  3921.            <ul>
  3922.                 <li>
  3923.                    <a href="/en/cities-solar" data-cms-link data-ts="pvgis.header.cities_solar">
  3924.                        Cities solar                    </a>
  3925.                </li>
  3926.                <li>
  3927.                    <a href="/en/legal-notice" data-cms-link data-ts="pvgis.header.legal_notice">
  3928.                        Legal notice                    </a>
  3929.                </li>
  3930.                <li>
  3931.                    <a href="#" onclick="displayCookiesPreferences()" data-ts="pvgis.header.cookies">
  3932.                        Cookies                    </a>
  3933.                </li>
  3934.                <li>
  3935.                    <a href="/en/acknowledgement" data-cms-link data-ts="pvgis.header.acknowledgments">
  3936.                        Acknowledgments                    </a>
  3937.                </li>
  3938.            </ul>
  3939.        </div>
  3940.        <div class="footer-section footer-section-4">
  3941.            <ul>
  3942.                <li>
  3943.                    <a href="/en/guide-complete-pvgis" data-cms-link data-ts="pvgis.guide.title">
  3944.                        Complete PVGIS Guide                    </a>
  3945.                </li>
  3946.                <li>
  3947.                    <a href="/en/acces-pvgis" data-cms-link data-ts="pvgis.footer.find_pvgis">
  3948.                        Find PVGIS                    </a>
  3949.                </li>
  3950.                <li>
  3951.                    <a href="/en/understand-tool-pvgis" data-cms-link data-ts="pvgis.footer.understand_pvgis">
  3952.                        Understand PVGIS                    </a>
  3953.                </li>
  3954.                <li>
  3955.                    <a href="/en/estimation-production-solaire-pvgis" data-cms-link data-ts="pvgis.footer.use_pvgis">
  3956.                        Use PVGIS                    </a>
  3957.                </li>
  3958.            </ul>
  3959.        </div>
  3960.        <div class="footer-section footer-section-5">
  3961.            <ul>
  3962.                <li>
  3963.                    <a href="/en/compare-photovoltaic-installations-pvgis" data-cms-link data-ts="pvgis.footer.compare_config">
  3964.                        Compare configurations                    </a>
  3965.                </li>
  3966.                <li>
  3967.                    <a href="/en/solar-data-pvgis" data-cms-link data-ts="pvgis.footer.specific_data">
  3968.                        Specific data                    </a>
  3969.                </li>
  3970.                <li>
  3971.                    <a href="mailto:support@pvgis.com" data-ts="pvgis.footer.contact">
  3972.                        Contact                    </a>
  3973.                </li>
  3974.                <li class="sitemap-link">
  3975.                    <a href="/en/sitemap" data-cms-link>
  3976.                        Sitemap                    </a>
  3977.                </li>
  3978.            </ul>
  3979.        </div>
  3980.        <div class="footer-section footer-section-6">
  3981.            <ul>
  3982.                <li class="user-actif-text">
  3983.                    <p data-ts="pvgis.footer.user_actif"> * Active users worldwide <br> Source: Analytics.google.com</p>
  3984.  
  3985.                </li>
  3986.            </ul>
  3987.        </div>
  3988.    </div>
  3989.    <!-- <div class="user-actif-text">
  3990.       <p data-ts="pvgis.footer.user_actif"> * Active users worldwide <br> Source: Analytics.google.com</p>
  3991.    </div> -->
  3992.    <div class="footer-bottom">
  3993.        <p>&copy; COPYRIGHT 2025</p>
  3994.    </div>
  3995. </footer>
  3996.  
  3997. <script src="https://pvgis.com/assets/min-js/footer_cards.js?v=050620251335"></script>
  3998. <script src="https://pvgis.com/assets/min-js/footer.js?v=050620251335"></script>
  3999.    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E&language=en" async defer></script>
  4000.    
  4001.    <script
  4002.        src="https://pvgis.com/assets/min-js/extranet/simulation/information-photovoltaics.js?v=050620251335"
  4003.        defer></script>
  4004.    <script
  4005.        src="https://pvgis.com/assets/min-js/extranet/simulation/simulation-highchart-drawer.js?v=050620251335"
  4006.        ></script>
  4007.    <script
  4008.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/numberFormatter.js?v=050620251335"
  4009.        defer></script>
  4010.    <script
  4011.        src="https://pvgis.com/assets/min-js/country/country-utils.js?v=050620251335">
  4012.    </script>
  4013.    <script
  4014.        src="https://pvgis.com/assets/min-js/utils/google_maps.js?v=050620251335">
  4015.    </script>
  4016.    <script
  4017.        src="https://pvgis.com/assets/min-js/utils/get_angle_with_card.js?v=050620251335"
  4018.        defer>
  4019.    </script>
  4020.    </script>
  4021.    <script
  4022.        src="https://pvgis.com/assets/min-js/utils/maps_zoom.js?v=050620251335">
  4023.    </script>
  4024.    <script
  4025.        src="https://pvgis.com/assets/min-js/graph/chart-drawer.js?v=050620251335">
  4026.    </script>
  4027.    <script
  4028.        src="https://pvgis.com/assets/min-js/horizon-profile/horizon-profile.js?v=050620251335">
  4029.    </script>
  4030.    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highstock/5.0.2/highstock.js"></script> -->
  4031.    <script src="https://cdn.pvgis.com/assets/js/highstock@5.0.2.js"></script>
  4032.    <!-- <script src="https://unpkg.com/highcharts@5.0.2/highcharts-more.js"></script> -->
  4033.    <script src="https://cdn.pvgis.com/assets/js/highcharts@5.0.2.js"></script>
  4034.    <script
  4035.        src="https://pvgis.com/assets/min-js/countries-area-data.js?v=050620251335">
  4036.    </script>
  4037.    <script
  4038.        src="https://pvgis.com/assets/min-js/custom-countries-extent.js?v=050620251335">
  4039.    </script>
  4040.    <script src="https://pvgis.com/assets/min-js/file-input.js?v=050620251335">
  4041.    </script>
  4042.    <script src="https://pvgis.com/assets/min-js/horizon_comp.js?v=050620251335">
  4043.    </script>
  4044.    <script src="https://pvgis.com/assets/min-js/pvgis24.js?v=050620251335">
  4045.    </script>
  4046.    <!-- <script defer>
  4047.        requestAnimationFrame(() => {
  4048.            document.getElementById("map-placeholder").classList.add("d-none");
  4049.            document.getElementById("map").classList.remove("d-none");
  4050.        });
  4051.    </script> -->
  4052.    <script src="https://pvgis.com/assets/min-js/file-download.js?v=050620251335">
  4053.    </script>
  4054.    <script src="https://pvgis.com/assets/min-js/pvgis24-sunshine-hours.js?v=050620251335">
  4055.    </script>
  4056.    <script src="https://cdn.pvgis.com/assets/js/graph/grid-connected-and-tracking-pv-system.js"></script>
  4057.    <script src="https://pvgis.com/assets/min-js/utils.js?v=050620251335"></script>
  4058.    <script src="https://pvgis.com/assets/min-js/modal.js?v=050620251335"></script>
  4059.  
  4060.    <script
  4061.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/inputSelect.js?v=050620251335">
  4062.    </script>
  4063.    <script
  4064.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/checkNumberInput.js?v=050620251335">
  4065.    </script>
  4066.    <script>
  4067.        function updateSelectableElements() {
  4068.            return Array.from(document.querySelectorAll(`input.p-24-number-input`))
  4069.                .filter(input => {
  4070.                    let element = input;
  4071.                    while (element) {
  4072.                        if (window.getComputedStyle(element).display === 'none') {
  4073.                            return false;
  4074.                        }
  4075.                        element = element.parentElement;
  4076.                    }
  4077.                    if (input.getAttribute('disabled') == 'true') {
  4078.                        return false
  4079.                    }
  4080.                    return true;
  4081.                })
  4082.        }
  4083.        checkInput(document.querySelectorAll(`input.p-24-number-input`));
  4084.  
  4085.        document.addEventListener('DOMContentLoaded', () => {
  4086.            setTimeout(() => {
  4087.                setFocusableElementList(updateSelectableElements());
  4088.                document.querySelectorAll('.radio-custom input, input').forEach((e) => {
  4089.                    e.addEventListener('change', (e) => {
  4090.                        focusableElements = []
  4091.                        setFocusableElementList(updateSelectableElements());
  4092.                    })
  4093.                })
  4094.            }, 5000);
  4095.        })
  4096.    </script>
  4097.    <script src="https://pvgis.com/assets/min-js/utils/post_and_redirect.js?v=050620251335"></script>
  4098.    <script
  4099.        src="https://pvgis.com/assets/min-js/socket/pvgis24-socket.js?v=050620251335"
  4100.        ></script>
  4101. </body>
  4102.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda