/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{/*font-family:Verdana,*/sans-serif;/*font-size:15px*/;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
 .mycontainer .section.news_page{
     margin-top:3%
}

 div.label-news-product {
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color:#ff006e;
     margin-bottom: 1.5vw;
}
 .section.title_product{
     margin-left:9vw;
     margin-right:9vw;
}
 .title_product h2,.title_product h1{
     width:100%;
     text-align:center;
     font-family: RoobertENEL;
     font-size: 4vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #000000;
     margin-top:1vw;
}
 .title_product h3{
     width:100%;
     text-align:center;
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: center;
     color: #4a4a4a;
     margin-top:3vw;
}
 .title_product p {
     text-align:center;
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: 300;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: 1px;
     text-align: center;
     color: #4a4a4a;
     margin-top:3vw;
}
.icon-cross.icon-blog{
    margin-top: 0.2%;
    margin-right: 1%;
    color: white;
}
.section.news_page .section.title_product h2:hover {
    color:black;
     text-decoration:none;
}
.section.news_page .section.title_product h3:hover{
    color:#4a4a4a;
     text-decoration:none;
}
.container_smart.mycontainer .row a:hover{
    text-decoration: underline;
    color: #ff006e;
}
.bottom-center.rectagle-news a:hover{
    color:white;
}
 .image_news_article, .mySlides, .w3-center.w3-container.w3-section.w3-large.w3-text-white.w3-display-bottommiddle{
     width:100%;
     background-image:#000000;
}
 .section.news_article {
     margin-left:1vw;
     margin-right:1vw;
     margin-top:4vw;
}
 .w3-content.w3-display-container {
     max-width:100%;
}
 .is-richtext h3{
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
}
 .is-richtext p{
     font-family: RoobertENEL;
     font-size: 1.3vw;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.67;
     letter-spacing: normal;
     color: #4a4a4a;
     font-weight: 500;
}
 .c-vspace1{
     height:5vw;
}
 .mySlides {
     display:none;
}
 .w3-left, .w3-right, .w3-badge {
     cursor:pointer;
}
 .w3-badge {
     height:13px;
     width:13px;
     padding:0;
}
 .hidden {
     display: none !important;
}
 @media screen and (min-width: 992px){
     .col-md-2 {
         width: 16.66667%;
         float: left;
    }
}
 @media screen and (max-width: 600px){
     div.label-news-product, .is-richtext p, .title_product h2{
         font-size: 3vw;
         line-height: 5vw;
         font-weight: 300;
    }
}
 @media screen and (max-width: 600px){
     .title_product h1, .is-richtext h3{
         font-size: 4vw;
         line-height: 5vw;
         font-weight: 300;
    }
}
 @media screen and (max-width: 600px){
     .title_product p{
         font-size:1.5vw;
    }
}
 top-right{
     position: absolute;
     top: 20px;
     left: 10px;
     margin-bottom:30px;
}
 .title.title-top{
     font-size: 6vw;
     font-weight: 500;
     padding-top:20px;
}
 .title.title-bottom{
     width: 100%;
     font-weight: 600;
     margin-top:-20px;
     font-size: 8vw;
}
 .bannerx {
     width:100%;
     background-color: #461e7d;
}
 .rectangle-filter{
     background-color: #461e7d;
     padding-top:20px;
}
 .rectangle-filter .border-bottom{
     background-color: #461e7d;
     margin-top: 15px;
     border: 0.5px inset #ffffff;
}
 .rectangle-menu{
     background-color: #461e7d;
     padding-top:30px;
     margin-bottom:30px;
}
 .label-menu-blog {
     height: 17px;
     font-family: RoobertENEL;
     font-size: 1.3vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.21;
     letter-spacing: normal;
     color: #ffffff;
}
 .label-menu-blog:hover {
     color: #ffffff;
}
 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 2px solid #ffffff;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
 hr.line {
     border: 20rem;
     border-bottom: 3px solid #e5e5e5;
     box-sizing: content-box;
     margin-bottom:20px;
}
 #result{
     height: 100%;
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 #visualize {
     height: 100%;
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     margin-left:10px;
}
 .rectangle-filter .selectr-selected{
     background-color: #461e7d;
     border: none;
     margin-left:20px;
     height: 100%;
     border:0px;
     outline:0px;
     width: 200px;
     padding-top: 0;
     padding-bottom: 0;
}
 .rectangle-filter .selectr-label{
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .rectangle-filter .selectr-selected::before{
     color: #ffffff;
}
 #selected:focus {
     outline: none;
     box-sizing: content-box;
     border:none;
}
 #recenti #meno_recenti{
     background-color: #461e7d;
     height: 100%;
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     border: none;
}
 .container-news {
     position: relative;
     text-align: center;
     color: white;
     margin-top: 3vw;
}
 .container_smart{
     margin-top: 3vw;
}
 .bottom-center {
     position: absolute;
     bottom: 2vw;
     left: 6vw;
     right: 6vw;
     margin-bottom:1.7vw;
}
 .label-news{
     height: 100%;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     color: #ffffff;
     text-align:left;
}
 .rectagle-news{
     text-align:left;
     margin-bottom: -1vw;
}
 .title-img-news h3{
     text-align:left;
     font-family: RoobertENEL;
     font-size: 4.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .news-img{
     width:100%;
     background-image: linear-gradient #000000;
     margin-top: -90px;
}
 time.label-time{
     height: 100%;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     color: #ffffff;
     text-align:left;
}
 .title-img-small{
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     color: #ff006e;
     margin-top:1.5vw;
}
 .category-news h2, .category-news{
     font-family: RoobertENEL;
     font-size: 1.6vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     color: #000000;
     margin-top:1.5vw;
}
 .time-label {
     opacity: 0.5;
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .container.boxone{
     width: 90%;
     margin-top:-40px;
}
.section.news_page a.icon-arrow-left.smart_communtiy:hover{
     color:#808080;
}
 .c-vspace1{
     height: 70px;
     margin-top:70px;
     margin-bottom:50px;
}
 .col-sm-6.inner-cc{
     text-align: right;
}

 .container.boxtwo.row{
     width: 100%;
     margin-right: auto;
     margin-left: auto;
     padding-left: 0vw;
     padding-right: 0vw;
     margin-top: 0vw;
}
 a:hover {
     text-decoration: underline;
}
 .img-responsive{
     max-width: 100%;
     height: auto;
     display:block;
}
 .img-responsive.article_img{
     width: 100%;
     height: 220px;
}
.container_smart.mycontainer .img-responsive.article_img.img_data_category{
    height:auto;
}
 .category {
     margin-top:1.5vw;
}
 .content-news{
     margin-top:1.5vw;
     height: 8vw;
}
 .topnav-mobile {
     overflow: hidden;
     background-color: #461e7d;
     position: relative;
     display:none;
     color: white;
     padding: 14px 16px;
     text-decoration: none;
}
 .topnav-mobile #myLinks {
     display: none;
}
 a.mobile-menu-smart {
     color: white;
     padding: 14px 16px;
     text-decoration: none;
     font-size:5vw;
     display: block;
}
 .topnav-mobile a.icon {
     display: block;
     position: absolute;
     right: 6vw;
     top: -7vw;
     font-size: 5vw;
}
 .mobile-menu-smart{
     width: 100%;
     margin-left:10vw;
     margin-top:10px;
     font-family: RoobertENEL;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     font-size: 6vw;
}
 .nocrawl{
     width: 100%;
     display: inline;
     margin-left: 12vw;
     font-family: RoobertENEL;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     font-size: 7vw;
}
 .topnav-mobile a:hover {
     background-color: #461e7d;
     color: white;
}
 .icon_arrow_mobile{
     margin-top:2vw;
     margin-left:2vw;
     display: inline;
}
 .active {
     background-color: #461e7d;
     color: white;
}
 .fa {
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     color: white;
}
 @media screen and (max-width: 600px) {
     .box_mask.mask_community {
         display: none;
    }
}
 @media screen and (max-width: 600px) {
     .topnav-mobile {
         display: block;
         z-index:999;
    }
}
 @media screen and (max-width: 600px) {
     .img-fluid.news-img{
         margin-top: 1vw;
    }
}
 @media screen and (max-width: 600px) {
     .label-time, .title-img-small, .time-label, .category-news, .label-news {
         font-size: 3.5vw;
    }
}
 @media screen and (max-width: 600px) {
     div.container.container_smart{
         margin-top:7.5vw;
    }
}
 @media screen and (max-width: 600px) {
     hr.line {
         margin-top: 5vw;
    }
}
 @media screen and (max-width: 600px){
     .img_data_category{
         width: 100%;
    }
}
 @media screen and (max-width: 600px){
     .container_smart.mycontainer{
         margin-left: 7vw;
         margin-right: 7vw;
    }
}
 .title.title_dash{
     font-size: 45px;
     font-weight: 900;
     margin-left: 4vw;
     margin-top: 2vw;
     ;
}
 .title.title_label{
     font-size: 1.5vw;
     font-weight: 900;
     margin-left: 4vw;
     margin-top: 2vw;
}
 .rectangle_violet{
     height: 5.1vw;
     border-radius: 5px;
     background-color: #6e4a9e;
     margin-left: 3.5vw;
     margin-top: 2vw;
}
 .position-separator {
     border-left: 1px solid #fff;
     height: 2vw;
     margin-left: -1vw;
     padding-right: 1vw;
     margin-top: 1.5vw;
}
 .ranking-position::after {
     content: "°";
}
 .title.title_performance {
     font-weight: bold;
     font-size: 0.8vw;
     text-align: left;
     margin-left: 3.5vw;
     margin-top: 2vw;
     margin-bottom: -1vw;
     text-transform: uppercase;
}
 .title.title_position {
     margin-top: 1vw;
     font-weight: bold;
     font-size: 0.8vw;
     text-align: left;
}
 .label.label_position {
     font-size: 30px;
     font-weight: 900;
     line-height: 0.57;
     color: white;
     margin-top: 0.7vw;
     text-align: left;
}
 .img-fluid.photo_profile{
     width: 77%;
     border-radius: 50%;
     margin-top: 11%;
}
 .rectangle_profile{
     width: 84%;
     height: 100px;
     border-radius: 5px;
     border: solid 1px #e5e5e5;
     background-color: #ffffff;
     margin-top: 3%;
     margin-left: 3vw;
}
 .profile_dash{
     font-family: RoobertENEL;
     color:#461e7d;
}
 .profile_dash.name_profile{
     margin-top: 1vw;
     font-size: 2.3vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1;
     letter-spacing: normal;
}
 .profile_dash.insert_profile {
     font-size: 1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 2.14;
     letter-spacing: normal;
}
 .label.label_dettails{
     margin-left:3.5vw;
     font-size: 1vw;
     font-weight: 300;
     margin-top: 0.5vw;
}
 .mysection-grey{
     background: white;
     margin-top: -3vw;
     border-radius: 5px;
     border: solid 1px #e5e5e5;
}
 .title_mysection-grey{
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #000000;
     margin-top: 3vw;
     margin-left: 3vw;
}
 .subtitle_mysection-grey{
     font-family: RoobertENEL;
     font-size: 1.5vw;
     font-weight: 600;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
     margin-top: 1.5vw;
     margin-left: 3vw;
}
 .label_consumo.label-consumo-small-dash{
     font-size: 1.5vw;
     margin-left: -0.5vw;
     color: #461e7d;
}
 .rectangle-gray.rectanglegrey-dash{
     margin-top:3vw;
     height:9vw;
}
 .label_punteggio.label_punteggio_small_dash{
     font-size:3vw;
     text-align:left;
     padding-left: 3vw;
     padding-top:2vw;
}
 .mysection-grey.mysection-grey-two{
     margin-top:3vw;
}
 .measurement-label {
     font-family: RoobertENEL;
     font-size: 0.8vw;
     line-height: 18px;
     color: #4a4a4a;
     margin-bottom: 2.5vw;
     margin-top: 1.5vw;
     margin-right: 2.8vw;
     text-align: right;
}
 .title.title_report_small{
     font-family: RoobertENEL;
     font-size: 1.5vw;
     font-weight: 500;
     font-stretch: normal;
     font-style: normal;
     line-height: 1;
     letter-spacing: normal;
     color: #ffffff;
     margin-left:2.5vw;
}
 .button.button_white{
     border-radius: 20px;
     background-color:white;
     margin-right: 3vw;
     width: 128%;
     height: 3vw;
}
 .button_white p{
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 0.9;
     letter-spacing: normal;
     text-align: center;
     color: #46187f;
}
 .box_rectangle{
     margin-top: 2vw;
     width: 100%;
     margin-bottom: 3vw;
}
 .icon-arrow-left.smart_communtiy.icon-total-left, .breadcrump.icon-total-left{
     margin-left:0vw;
}
 .rectangle_survey {
     margin-bottom:2vw;
     height: 240px;
     background-color: #f9f9f9;
     border-radius: 5px;
     min-width:19vw;
}
 .status_survey h2{
     width:100%;
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     color:#ff006e
}
 .rectangle.title_status_survey{
     width:100%;
     margin-left: 1vw;
     padding-right:1vw;
}
 .survey_box_star{
     margin-top: 2.5vw;
}
 .mysmile_sad{
     margin-top:2vw;
     font-size:3vw;
}
 .title_status_survey p{
     font-family: RoobertENEL;
     font-size: 1.4vw;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
     height:55px;
}
 .status_survey{
     margin-top:0.5vw
}
 .mysmile_sad p{
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #c2c2c2;
     margin-top: -1vw;
}
 .title_mysection-grey.title_mysection-grey-news{
     margin-top:7vw;
     margin-bottom:3vw;
     margin-left:0.1vw;
     width:144%
}
 .smart-community-survey .title_mysection-grey.title_mysection-grey-news{
     margin-left:-1vw;
     margin-top:4vw;
}
 .status_progress_complete h2{
     width:100%;
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     color: #461e7d;
}
 .fa.fa-star-o{
     width:100%;
     color: #461e7d;
     font-size: 5vw;
     display: table-cell;
     text-align: center;
     vertical-align: middle;
}
 .dot {
     height: 4vw;
     width: 4vw;
     background-color: #f7b801;
     border-radius: 50%;
     display: inline-flex;
}
 .icon_survey{
     font-size: 3vw;
     margin-top: 0.4vw;
     margin-left: 0.5vw;
     color: #46187f;
}
 .badge_bg{
     border-radius: 5px;
     background-color: #46187f;
     margin-top: -2.2vw;
     margin-left: 1vw;
     margin-right: 1vw;
}
 .button_survey_n.button_pink_survey{
     background-color: #ff006e;
     margin-top: 3vw;
     color: white;
     margin-bottom: 4vw;
}
 .badge-label{
     width: 100%;
     font-family: RoobertENEL;
     font-size: 1.3vw;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #ffffff;
     padding-top: 2.3vw;
}
 .button.button_white.button_survey{
     border-radius: 46px;
     background-color: white;
     margin-left: 3vw;
     height: 4vw;
     align-items: center;
     margin-top:2vw;
}
 .secondary-label.secondary-label-pink{
     color:#ff006e;
}
 .mycontainer{
     padding-left: 3.5vw;
     padding-right: 3.5vw;
}
 .row.hero_bg {
     background-color: #ff006e;
     height: 17vw;
}
 .icon-arrow-left.smartcommunity_arrow_.arrow_white{
     color:white;
     margin-left:3vw;
}
 .border-bottom{
     box-shadow: inset 0 -1px 0 0 #c2c2c2;
}
 .status_survery_complete h2{
     color:#46187f;
}
 .box_mask {
     width:100%;
     background-color: #461e7d;
}
 .box_mask.mask_community{
     padding-bottom:50px;
}
 .button.button_pink {
     border-radius: 46px;
     background-color:#ff006e;
     margin-left: 3vw;
     width: 13%;
     height: 4vw;
     align-items: center;
     margin-top: 2vw;
}
 .button.button_pink p{
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: white;
}
 .fa.fa-arrow-left.arrow_white {
     width: 100%;
     margin-top:47px;
     margin-left:41px;
     color:white;
     font-size:1.3vw;
}
 .breadcrump {
     padding-top:4vw;
}
 .homepage{
     display: inline;
     width: 100%;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #ffffff;
}
 .account{
     display: inline;
     width: 100%;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #ffffff;
}
 .dashboard{
     display: inline;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #ffffff;
}
 .blog{
     display: inline;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #ffffff;
}
 .title, .label{
     width: 100%;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     font-family: RoobertENEL;
}
 .box_suggerimenti:before{
     display: table;
     content: " ";
     box-sizing: border-box;
}
 .img-fluid.img_suggerimenti{
     max-width: 100%;
     height: auto;
     display:block;
}
 .box_mask.mask_dsh{
     padding-bottom:5vw;
}
 .box_mask.mask_dsh .mycontainer .inline-text.parbase{
     margin-left:4vw;
}
 div.box_sugg_title{
     margin-top: -28vw;
     font-family: RoobertENEL;
     font-size: 30px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1;
     letter-spacing: normal;
     color: #ffffff;
}
 .sub_title_box_sugg{
     font-family: RoobertENEL;
     font-size: 15px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     margin-top:2.5vw;
}
 a.icon-arrow-right.sugg_icon_right:hover {
     color:#ff006e;
     text-decoration:#ff006e;
}
 h2:hover, h3:hover{
    text-decoration: underline;;
}
 a:hover{
     text-decoration: underline;
}
 .title_suggerimenti{
     margin-top:3vw;
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
}
 .subtitle.subtitle_suggerimenti {
     margin-bottom:2vw;
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #4a4a4a;
     margin-top:20px;
}
 .bg_grey{
     background-color: #f9f9f9;
     margin-bottom:3vw;
}
 .icon-arrow-left.smart_communtiy{
     margin-left:3vw;
}
 .mysection{
     overflow-y: hidden;
     overflow-x: hidden;
}
 .rectangle_energy_efficiency{
     margin-left:56px;
     margin-right:56px;
     height: 660px;
     border-radius: 5px;
     border: solid 1px #e5e5e5;
     background-color: #ffffff;
}
 .icon-arrow-left.smartcommutitywhite{
     color:white;
}
 .c-vspace--3{
     height: 4vw;
     margin-top: 1vw;
     margin-bottom: 1vw;
}
 .survey{
     display: inline;
     width: 100%;
     font-family: RoobertENEL;
     font-size: 1.1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #ffffff;
}
 .homepage.breadcrump_black,.account.breadcrump_black, .dashboard.breadcrump_black, .survey.breadcrump_black {
     color:black;
}
 .top-left.section_suggerimenti_small{
     position: absolute;
     top: 3vw;
     left: 2vw;
}
 .top-left.section_suggerimenti_large{
     position: absolute;
     top: 3vw;
     left: 2vw;
}
 .top-left.section_suggerimenti_large h4, .top-left.section_suggerimenti_small h4 {
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1;
     letter-spacing: normal;
     color: #ffffff;
}
 .banner-row{
     width:100%;
     border-radius: 5px;
     height: 6vw;
     margin-bottom:5vw;
     margin-top: -2vw;
}
 .hero-bg-dash{
     background-color: #ff006e;
}
 .section-contest{
     background-color: #46187f;
}
 .top-left.section_suggerimenti_large p, .top-left.section_suggerimenti_small p {
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .bottom-left.section-icon-arrow-large{
     position: absolute;
     bottom: 1vw;
     left: 2vw;
}
 .bottom-left.section-icon-arrow-small{
     position: absolute;
     bottom: 1vw;
     left: 2vw;
}
 .icon-arrow-right.sugg_icon_right{
     font-size:2vw;
}
 .section_suggerimenti a{
     color:white;
}
 .fa-arrow-right.arrow_violet{
     color:#461e7d;
     font-size:1.5vw;
}
 @media screen and (max-width: 1024px){
     .icon-arrow-left.smart_communtiy{
         font-size:4vw;
         margin-top:4vw;
    }
}
 @media screen and (max-width: 600px){
     .breadcrump {
         margin-top: -9vw;
         margin-left: 11vw;
    }
}
 @media screen and (max-width: 600px){
     .hero_bg_breadcrump{
         margin-top: 5vw;
         margin-bottom: 3vw;
         ;
    }
}
 @media screen and (max-width: 600px){
     .title.title_report {
         font-size:5vw;
    }
}
 @media screen and (max-width: 770px){
     .row.hero_bg {
         height:39vw;
    }
}
 @media screen and (max-width: 770px){
     .bottom-left.section-icon-arrow-large {
         position: absolute;
         bottom: 8vw;
         left: 2vw;
    }
}
 @media screen and (max-width: 770px){
     .bottom-left.section-icon-arrow-small {
         position: relative;
         bottom: 13vw;
         left: 2vw;
    }
}
 .row-survey{
     margin-top:2vw;
}


 a.homepage:hover, a.blog:hover, a.dashboard:hover, a.account:hover, a.fa.fa-arrow-left:hover {
      color:white;
      cursor: pointer;
      text-decoration: white;
}
.smart-community-survey a.homepage:hover,.smart-community-survey a.blog:hover,.smart-community-survey a.dashboard:hover,.smart-community-survey a.account:hover,smart-community-survey a.fa.fa-arrow-left:hover {
     color:#ff006e;
     cursor: pointer;
}
 .title_container{
     margin-top:2vw;
     margin-left:4vw;
}
 .title.title_report{
     font-family: RoobertENEL;
     font-size: 3.50vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .title_container .subtitle_dashboard{
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 400;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     margin-top:1.5vw;
}
 .row.hero_bg.myselct_report{
     margin-top:3%
}
 .label_table {
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .title_banner{
     font-family: RoobertENEL;
     font-size: 3.5vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .description_banner {
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .label_consumo {
     font-family: RoobertENEL;
     font-size: 2.5vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     color: #000000;
     line-height: 0.68;
     letter-spacing: normal;
     padding-top: 2vw;
     padding-left: 3vw;
     text-align:left;
}
 .color_pink{
     color:#ff006e;
     font-weight: 600;
}
 .bold-text{
     font-weight: bold;
}
 .color_viole{
     color:#461e7d;
}
 .parent .popover{
     background:withe;
     z-index:9999;
     opacity:1;
     border: 2px solid #461e7d;
}
 .parent .popover-header {
     color: red;
}
 .parent .popover-body{
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .rectangle-gray {
     margin-top:-2vw;
     border-radius: 5px;
     background-color: #eaeaea;
     ;
     margin-bottom: 2vw;
     height: 6.5vw;
}
 .popover-title {
     color: blue;
     font-size: 15px;
}
 .popover-content {
     color: red;
     font-size: 10px;
}
 .card_bg {
     border: solid 1px #e5e5e5;
     background-color: #ffffff;
}
.c-inner.is-richtext h2:hover{
  text-decoration:none;
}
 .label_punteggio{
     text-align:right;
     font-family: RoobertENEL;
     font-size: 4.7vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     margin-right: 2vw;
     color: #461e7d;
}
 .title_graph {
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 0.68;
     letter-spacing: normal;
     color: #461e7d;
     padding-top: 2vw;
     padding-left: 3vw;
}
 .primary-label {
     padding-top: 2vw;
     width: 100%;
     height: 34px;
     font-family: RoobertENEL;
     font-size: 1.3vw;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #461e7d;
}
 .secondary-label {
     padding-top: 1.8vw;
     width: 100%;
     height: 5vw;
     font-family: RoobertENEL;
     font-size: 1.3vw;
     font-weight: 600;
     font-stretch: 600;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: black;
}
 .label_punteggio.label_punteggio_small{
     font-size: 3.7vw;
}
 .icon.icon-faq.faq_report, .icon-report{
     font-size:1vw;
     color:#461e7d;
}
 .box_information{
     display:flex;
     padding-top: 4vw;
     padding-bottom:6%
}
 .img-fluid{
     width:100%;
}
 .rectangle_banner{
     padding-top: 1vw;
     align-self: center;
     margin-left: -8vw;
     background-color: #461e7d;
     padding: 3vw;
     margin-top: 5vw;
}
/* Popover */
 .label_popover{
     display:none;
     border: 1px solid #461e7d;
     background-color: #f9f9f9;
     position: absolute;
}
 .label_popover p {
     font-family: RoobertENEL;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.3;
     letter-spacing: normal;
     color:#461e7d;
     font-size:1vw;
     margin-bottom:1vw;
     margin-top:1vw;
     margin-left:1vw;
     margin-right:1vw;
}
 .banner_box{
     margin-top: 5vw;
}
 .title_banner{
     font-family: RoobertENEL;
     font-size: 2.2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .description_banner{
     padding-top:1vw;
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
 .box_information_invert{
     display:flex;
     padding-top: 4vw;
     margin-bottom:6%;
}
 .rectangle_banner_invert{
     align-self:center;
     z-index:1;
     background-color:#461e7d;
     margin-right:-100px;
     padding: 3vw;
     padding-top: 3vw;
     padding-right: 3vw;
     padding-bottom: 3vw;
     padding-left: 3vw;
     margin-top:-2vw;
}
 .label_punteggio_event{
     font-family: RoobertENEL;
     font-size: 4.7vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     margin-left: 23vw;
     color: #461e7d;
}
 .table_report_title, .table_report_row, .line_table {
     padding-top:20px;
     padding-right: 15px;
     padding-left: 15px;
}
 .line_table{
     background: #f9f9f9;
}
 .box_suggeriementi__item_large{
     width: 100%;
     position: relative;
     opacity: 1;
     height: 100%;
}
 #myChart2{
     display: block;
     height: 235px;
     width: 450px;
}
 .img-fluid.news-img{
     max-width: 100%;
     height: auto;
     display:block;
}
 .box_suggerimenti:before{
     display: table;
     content: " ";
     box-sizing: border-box;
}
 a.icon-arrow-right.sugg_icon_right:hover {
     color:#ff006e;
     text-decoration:#ff006e;
}
 a:hover{
     text-decoration: underline;
}
 .box_suggeriementi__item_small{
     width: 100%;
     position: relative;
     opacity: 1;
}
 .img-fluid.img_suggerimenti_small, .img-responsive.article_img, .img-fluid.img_suggerimenti_large {
     width:100%;
     object-fit: cover;
     object-position: center;
}
 .img-fluid.img_suggerimenti_small, .img-fluid.img_suggerimenti_large {
     height:450px;
}
 .voucher_news{
     margin-top:1vw;
     margin-left:2vw;
}
 .voucher_news_revert {
     margin-right:1vw;
}
 .section-voucher-news{
     margin-top:3vw;
}
 .discover-more{
     border: none;
     background: white;
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: right;
     color: #46187f;
     margin-bottom: 1vw;
     margin-top:5%
}
 .icon_voucher{
     font-size: 0.8vw;
}
 .voucher_news .title_voucher_new{
     object-fit: contain;
     font-family: RoobertENEL;
     font-size: 20px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1;
     letter-spacing: normal;
     color: #000000;
     margin-top:0vw;
     margin-left:0vw;
     padding-right: 1vw;
     height: 57px;
}
 .voucher_news .description_voucher_news {
     font-family: RoobertENEL;
     font-size: 15px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #333333;
     margin-top:0vw;
     margin-left:0vw;
     height: 70px;
     padding-right: 1vw;
}
 .box_voucher_new{
     margin-right: 2vw;
     margin-left: 2vw;
     margin-bottom: 3vw;
}
 .space_3_finish{
     height:3vw
}
 .rectangle_voucher.news_voucher{
     border-color: grey;
     height: 213px;
}
 @-webkit-keyframes chartjs-render-animation {
     from {
         opacity: 0.99
    }
     to {
         opacity: 1
    }
}
 @keyframes chartjs-render-animation {
     from {
         opacity: 0.99
    }
     to {
         opacity: 1
    }
}
 .chartjs-render-monitor {
     -webkit-animation: chartjs-render-animation 0.001s;
     animation: chartjs-render-animation 0.001s;
}
 .box_suggeriementi__item_small:hover {
     text-decoration: underline;
}
 .myselct_report .selectr-selected {
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .box_suggeriementi__item_large:hover {
     text-decoration: underline;
}
 .c-vspace1--s30{
     margin-top:3vw;
}
 .myselct_report select{
     padding-top:3%;
     padding-bottom:3%;
     padding-left:10%;
     padding-right:10%;
}
 .box_voucher{
     border-top:1px solid #e5e5e5;
     border-bottom:1px solid #e5e5e5;
     margin-right:2vw;
     margin-left:2vw;
     padding-bottom: 3vw;
     padding-top: 3vw;
}
 .section_voucher{
     margin-right:3vw;
     margin-left:3vw;
}
 .button_voucher{
     border-radius: 46px;
     background-color: #ff006e;
     width: 12vw;
     height: 3vw;
     align-items: center;
     margin-top: 3vw;
     margin-bottom: 3vw;
}
 .section_voucher .number_voucher{
     font-family: RoobertENEL;
     font-size: 2vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
}
 .section_voucher .status_voucher{
     font-family: RoobertENEL-Regular;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     text-align: right;
     color: #000000;
     padding-left: 1.5vw;
}
 .icon_voucher_box{
     font-size:2vw;
     margin-bottom:1vw;
     color:#461e7d;
}
 .status_voucher.status_voucher_response{
     color:#461e7d;
}
 .voucher_response_toactive h4{
     color:#ff006e;
}
 .section_voucher h4{
     font-size: 25px;
}
 .section_voucher p{
     font-size: 18px;
     color:#461e7d;
}
 .rectangle_voucher{
     border-style: solid;
     border-radius:13px;
     margin-top: 2vw;
     border-color:#461e7d;
}
 .status_vocher_activate{
     font-family: RoobertENEL;
     font-size: 20px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: center;
     color: #000000;
}
 .status_vocher_activate_all{
     font-family: RoobertENEL;
     font-size: 40px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #000000;
}
 .button_voucher p{
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #ffffff;
}
 .voucher_choose_text{
     font-family: RoobertENEL;
     font-size: 18px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .section_voucher .number_voucher p{
     font-family: RoobertENEL;
     font-size: 25px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: #000000;
     margin-left:1vw;
}
 .saldo_vocher{
     font-weight: bold;
     font-family: RoobertENEL;
     font-size: 1.3vw;
     color: #4cd964;
}
 .saldo_vocher label{
     color: #461e7d;
}
 .voucher_response_active h4{
     color: #4cd964;
}
 .rectangle_voucher_coupon {
     border-radius: 5px;
     border: solid 1px #000000;
     height: 3vw;
     width: 36%;
     margin-top: 2vw;
     margin-bottom: 1.5vw;
}
 .rectangle_voucher_coupon p {
     font-family: RoobertENEL;
     font-size: 20px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #000000;
     padding-left: 2vw;
     padding-top: 0.5vw;
}
 .voucher_response_used h4{
     color:#4cd964;
}
 .check-icon-voucher{
     position: relative;
     margin-right: 2vw;
     padding-top: 1.5vw;
     font-size: 2vw;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .check-icon-voucher .checkbox-voucher {
     position: absolute;
     background-color: #fff;
     border: 2px solid #461e7d;
     border-radius: 50%;
     cursor: pointer;
     height: 28px;
     position: absolute;
     width: 28px;
}
 .my_breadcrump_black .blog{
     color:black;
}
 .subtitle_mysection-grey.sub-title-simple{
     font-weight: 400;
     margin-bottom:2vw;
}
 .check-icon-voucher input[type='radio']:after {
     content:'';
     position: absolute;
     display: none;
}
 .check-icon-voucher input[type='radio'] {
     -webkit-appearance:none;
     width: 33px;
     height: 33px;
     border:1px solid #461e7d;
     border-radius:50%;
     outline:none;
}
 .smart-community-survey.parbase{
     background: white;
     border-radius: 5px;
}
 .check-icon-voucher input[type='radio']:hover {
     box-shadow:0 0 5px 0px #4cd964 inset;
}
 .check-icon-voucher input[type="radio"]:checked :after {
     content: '✔';
     display: block;
     position: absolute;
     top: 0;
     left: 4px;
     width: 10px;
     height: 10px;
     color: #fff;
}
 .banner-reg{
     background-color: #5737ff;
}
 .bg_grey .mycontainer .banner-row.banner-reg{
     margin-top:2vw;
}
 .box_voucherbox_cm{
     border-style: solid;
     margin-left: 17vw;
     margin-right: 0vw;
     margin-top: 1.5vw;
     margin-bottom: 0.8vw;
     border-color: #682cbb;
     border-radius: 10px;
     height: 2.3vw;
     background-color: #682cbb;
}
 .box_voucherbox_cm p{
     padding-left: 1vw;
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 500;
     color-text: whithe;
     color: #ffffff;
     padding-top: 0.4vw;
}
 .vc_label_progess{
     margin-top:1vw;
     font-family: RoobertENEL;
     font-size: 1vw;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 0.71;
     letter-spacing: 1.17px;
     margin-left: -1.7vw;
}
 .rewards-color .vc_label_progess{
     padding-top:1.3vw;
     color:white;
}
 .no-color .vc_label_progess{
     padding-top:3.1vw;
     ;
     color:#461e7d;
     margin-left:-1.5vw;
}
 .footnote_voucher{
     font-family: RoobertENEL;
     font-size: 1vw;
     line-height: normal;
     color: #4a4a4a;
     margin-right: 2vw;
     margin-left: 2vw;
     padding-bottom: 0.5vw;
     padding-top: 1vw;
}
 .check-icon-voucher input[type='radio']:before {
     content:'';
     display:block;
     width:100%;
     height:100%;
     border-radius:50%;
}
 .check-icon-voucher input[type='radio']:checked:before {
     content: '✔';
     display: block;
     position: absolute;
     color: #4cd964;
     top: 14px;
     left:303px;
}
 .header_voucher{
     padding-bottom: 9vw;
     width: 100%;
     background-color: #682cbb;
}
 .section-button-voucher{
     margin-right:4vw;
}
 .smart-community-voucher-banner{
     background-color:#682cbb;
     border-radius:5px;
     height:32vw;
     margin-top:3vw;
}
 .progress {
     background-color:#461e7d;
     padding: 1px;
     border-radius: 10px;
     height:12px;
}
 .title_progress_bar {
     margin-top: 2vw;
     font-family: RoobertENEL;
     font-size: 2.5vw;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: white;
     margin-left: 2vw;
}
 .subtitle_progress_bar {
     font-family: RoobertENEL;
     font-size: 1.2vw;
     font-weight: 400;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: normal;
     color: white;
     margin-bottom: 6.5vw;
     margin-left: 2vw;
}
 .one, .two, .three, .four{
     position:absolute;
     margin-top:-16px;
     z-index:1;
     height:48px;
     width:48px;
     border-radius:25px;
     text-align: center;
     padding-top: 15px;
}
 .one{
     left:24%;
}
 .two{
     left:48%;
}
 .three{
     left:72%;
}
 .four{
     left:96%;
}
 .rewards-color{
     background-color:#4cd964;
}
 .no-color{
     background-color:inherit;
}
 .progress-bar{
     background-color:#4cd964;
     height:12px;
     border-radius:10px;
}
 .button_survey_n{
     font-family: RoobertENEL;
     font-size: 12px;
     font-weight: 900;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.42;
     letter-spacing: normal;
     text-align: center;
     color: #46187f;
     border-radius: 46px;
     background-color: white;
     height: 3vw;
     width: 11vw;
     margin-top: 70px;
}
 .no-color .label_progress{
     display:none;
}
 .label_progress{
     color:#808080;
     font-weight:bold;
}
 .label_reward{
     color:white;
     font-weight:bold;
}
 @media screen and (max-width: 1024px){
     .rectangle_voucher_coupon{
         width:100%;
         height: 10vw;
    }
     .rectangle_voucher_coupon p{
         margin-top: 2vw;
         margin-left: 4vw;
    }
     .check-icon-voucher: {
         height:5vw;
    }
     .box_voucherbox_cm{
         height:3vw;
         margin-left: 10vw;
         margin-right: 1vw;
         margin-bottom: 1.5vw;
    }
     .rectangle_voucher {
         height: 96%;
    }
     .box_voucherbox_cm p {
         text-align:center;
    }
     .status_vocher_activate{
         height:8vw;
    }
     .check-icon-voucher input[type='radio']:checked:before{
         left:21vw;
    }
}
 @media screen and (max-width: 770px){
     .smart-community-regulation-box.parbase .d-flex.justify-content-between.banner-row.banner-reg.col-12 .button.button_white{
         margin-right:0vw;
    }
}
 @media screen and (max-width: 600px){
     .title.title_report {
         font-size:5.5vw;
    }
}
 @media screen and (max-width: 600px){
     .one, .two, .three, .four{
         height:25px;
         width:25px;
         margin-top: -7px;
    }
}
 @media screen and (max-width: 600px){
     .img-fluid.img_suggerimenti_large, .img-fluid.img_suggerimenti_small{
		height:200px
     }
}
 @media screen and (max-width: 600px){
     .one{
         left:23%;
    }
}
 @media screen and (max-width: 600px){
     .two{
         left:46%;
    }
}
 @media screen and (max-width: 600px){
     .three{
         left:69%;
    }
}
 @media screen and (max-width: 600px){
     .four{
         left:92%;
    }
}
 @media screen and (max-width: 770px) {
     .img-fluid.img-report-hidden {
         display: none;
    }
     .title_graph, .label_consumo{
         font-size:3vw;
    }
     .no-color .vc_label_progess{
         padding-top: 4.2vw;
    }
     .check-icon-voucher input[type='radio']:checked:before{
         left:20vw;
    }
}
 @media screen and (max-width: 600px) {
     .vc_label_progess , .homepage, .account, .dashboard, .account, .blog, .select-selected, .select-items div, .select-selected, .description_banner, .label_table, .subtitle, .subtitle_event, .top-left.section_suggerimenti_large p, .top-left.section_suggerimenti_small p {
         font-size:2vw;
    }
}
 @media screen and (max-width: 600px) {
     .custom-select {
         width: 25.5vw;
    }
}
 @media screen and (max-width: 600px) {
     .box_select.custom-select {
         margin-left: -7vw;
         margin-top: -6vw;
    }
}
 @media screen and (max-width: 770px) {
     .title_report, .title_banner,.icon-arrow-right.sugg_icon_right, .title_suggerimenti, .top-left.section_suggerimenti_large h4, .top-left.section_suggerimenti_small h4, .title_suggerimenti h2 {
         font-size: 4.5vw;
    }
}
 @media screen and (max-width: 770px) {
     .label_punteggio {
         margin-right: 2vw;
    }
}
 @media screen and (max-width: 750px) {
     .label_punteggio {
         margin-top: -5%;
    }
}
 @media screen and (max-width: 770px) {
     .rectangle-gray {
         height: 7vw;
    }
}
 @media screen and (max-width: 770px) {
     .label_punteggio_event {
         margin-left: 3vw;
    }
}
 @media screen and (max-width: 770px) {
     .rectangle_banner_invert {
         margin-right:0vw;
    }
}
 @media screen and (max-width: 770px){
     .img-fluid.news-img{
         height: auto;
         display: block;
         width:100%;
    }
}
 @media screen and (max-width: 770px){
     .bottom-center{
         margin-top:12vw;
    }
}
 @media screen and (max-width: 770px){
     .c-vspace1--s30{
         display:none;
    }
}
 @media screen and (max-width: 770px){
     .subtitle {
         padding-top:0vw;
    }
}
 @media screen and (max-width: 770px){
     .card_bg{
         padding-top: 4vw;
         height: 100%;
         padding-bottom: 5vw;
    }
}
 @media screen and (max-width: 770px){
     .primary-label, .secondary-label, .subtitle.subtitle_suggerimenti p {
         font-size:3.5vw;
    }
}
 @media screen and (max-width: 770px){
     .primary-label{
         height: 5vw;
    }
}
 @media screen and (max-width: 770px){
     .secondary-label{
         height: 8vw
    }
}
 @media screen and (max-width: 600px){
     .myselct_report .selectr-selected {
         z-index: 1;
         width: 40%;
         cursor: pointer;
         -webkit-box-shadow: none;
         box-shadow: none;
         background: #fff;
         padding: 1vw;
         font-size: 3vw;
         line-height: 1rem;
         border-radius: 0;
         display: inline-flex;
         align-items: left;
         margin-left: 56vw;
         margin-top: 3vw;
    }
}
 @media screen and (max-width: 770px){
     .rectangle_banner {
         margin-left: 0vw;
    }
}
 @media screen and (max-width: 770px){
     .img_suggerimenti_small_mobile{
         display:block;
         margin-bottom: 5vw;
    }
}
 @media screen and (max-width: 770px){
     .label_punteggio.label_punteggio_small{
         margin-top: 0;
         margin-right: 3vw;
    }
}
 @media screen and (max-width: 750px){
     .icon.icon-faq.faq_report, .fa-arrow-right.arrow_violet {
         font-size:3.5vw;
    }
}
 @media screen and (max-width: 600px){
     .label_popover p, .title.title_label, .title.title_position, .subtitle_progress_bar, .subtitle_mysection-grey, .footnote_voucher{
         font-size:2.5vw;
    }
}
 @media screen and (max-width: 600px){
     .box_suggeriementi__item_large, .box_suggeriementi__item_small{
         height: 100%
    }
     .box_suggeriementi__item_large{
         margin-bottom: 5vw;
    }
}
 @media screen and (max-width: 600px){
     .rectangle_violet {
         width: 60%;
         height: 14vw;
    }
}
 @media screen and (max-width: 600px){
     .smart-community-voucher-banner{
         height:55vw;
    }
}
 @media screen and (max-width: 600px){
     .label.label_position {
         margin-top: 3.5vw;
         font-size: 20px;
    }
}
 @media screen and (max-width: 600px){
     .section_voucher p, .saldo_vocher , .title.title_performance , .label.label_dettails , .status_survey h2 , .title_status_survey p , .badge-label p{
         font-size:3vw;
    }
}
 @media screen and (max-width: 600px){
     .rectangle_profile{
         width: 74%;
         height: 20vw;
    }
}
 @media screen and (max-width: 600px){
     .img-fluid.photo_profile{
         width: 64%;
         margin-left: 12%;
    }
}
 @media screen and (max-width: 600px){
     .profile_dash.name_profile{
         font-size:5vw;
    }
}
 @media screen and (max-width: 600px){
     .profile_dash.insert_profile {
         font-size: 2vw;
         line-height:1;
         margin-top: 5%;
    }
}
 @media screen and (max-width: 600px){
     .fa.fa-arrow-right.arrow_violet {
         margin-left: 52%;
    }
}
 @media screen and (max-width: 600px){
     .title_graph, .label_consumo, .title_mysection-grey, .label_punteggio.label_punteggio_small_dash, .title_progress_bar, .label_consumo.label-consumo-small-dash, .title.title_report_small {
         font-size:4vw;
    }
}
 @media screen and (max-width: 600px){
     .banner-row.hero-bg-dash, .banner-row.banner-reg{
         height: 15vw;
    }
}
 @media screen and (max-width: 600px){
     .rectangle-gray.rectanglegrey-dash{
         height:14vw;
    }
}
 @media screen and (max-width: 600px){
     .label_punteggio.label_punteggio_small_dash {
         margin-top:1%;
    }
}
 @media screen and (max-width: 600px){
     .button.button_white {
         width: 100%;
         height: 8vw;
    }
}
 @media screen and (max-width: 600px){
     .row.hero_bg.hero-bg-dash{
         height:11vw;
    }
}
 @media screen and (max-width: 600px){
     .rectangle_survey{
         height: 200px;
         padding-bottom: 8%;
         margin-bottom: 10%;
         align-items: center;
    }
}
 @media screen and (max-width: 600px){
     .button.button_white.button_survey{
         height: 9vw;
         margin-left: 24%;
         margin-top: 6%;
    }
}
 @media screen and (max-width: 600px){
     .badge_bg{
         height: 10vw;
    }
}
 @media screen and (max-width: 600px){
     .vc_label_progess{
         margin-left: -4vw;
    }
}
 @media screen and (max-width: 600px){
     .button.button_voucher, .button.button_survey_n{
         width: 100%;
         height: 10vw;
    }
}
 @media screen and (max-width: 600px){
     .smart-community-regulation-box.parbase .d-flex.justify-content-between.banner-row.banner-reg.col-12 .button.button_white{
         margin-left:5vw;
    }
}
 @media screen and (max-width: 600px){
     .d-flex .justify-content-between.col-12 .button.button_white, .button.button_survey_n{
         margin-left: 3vw;
    }
}
 @media screen and (max-width: 600px){
     .icon.icon-faq.faq_report, .icon-report{
         font-size:2vw;
         margin-right:1vw;
    }
}
 @media screen and (max-width: 600px){
     .header_voucher{
         height:200px;
    }
}
 @media screen and (max-width: 600px){
     .box_voucher{
         height:100%;
    }
     .icon_voucher_box, .section_voucher .number_voucher, .section_voucher .number_voucher p, .section_voucher .status_voucher, .rectangle_voucher_coupon p, .section_voucher h4 {
         font-size:4vw;
    }
     .number_voucher{
         margin-bottom:2vw;
    }
     .box_voucherbox_cm{
         height: 24px;
         margin-left: 52vw;
    }
     .jumbotron.jumbotron-fluid.box_voucher .button.button_voucher{
         width:140%;
    }
     .discover-more {
         margin-top:10%
    }
}
 @media screen and (max-width: 600px){
     .rewards-color .label_progress{
         DISPLAY: BLOCK;
         MARGIN-BLOCK-START: -12PX;
    }
     .no-color .vc_label_progess {
         padding-top: 15px;
    }
     .check-icon-voucher input[type='radio']:checked:before{
         left:71vw;
         font-size:30px;
         top:-0.3px;
    }
}
/* The Modal (background) */
.modal.modal-archive {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    overflow: auto;
    background-color: #461e7d;
    margin-top:150px;
}

/* Modal Content */
.modal-content {
    position: relative;
    text-color:white;
    margin: auto;
    padding: 0;
    width: 80%;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 2px 16px;
    color: white;
    font-size:25px;
    font-weight: 700;
    margin-bottom:15px;
}
.modal-header:hover{
    test-decoration:none;
}
.modal-body {
    padding: 2px 16px;
}

#archive{
    position: relative;
    z-index: 1;
    width: 100%;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    padding: .6rem .75rem .55rem;
    font-size: .75rem;
    line-height: 1rem;
    border-radius: 0;
    display: block;
    margin-top:15px;
}


.banner-row.hero-bg-dash .archive-button{
    margin-right:3vw;
}
#archive :focus{
    position: absolute;
    z-index: 10000;
    top: calc(100% - 1px);
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    }
#idTableEvent{
    margin-bottom:5vw;
}
.label_noEvent{
    font-size:2.5vw;
    font-weight:600;
    color:#ff006e;
}

.cards-alert-container {
    margin-top: -2.2vw;
    margin-bottom: 7vw;
    font-family: 'RoobertENEL',sans-serif;
}
.cards-alert-container .smart-community-alert.sc-alert-total {
    border: 1.5px solid #ff0023;
    background-color: #feeaea;
}

.cards-alert-container .smart-community-alert.sc-alert-total .title {
    color: red;
}

.cards-alert-container .smart-community-alert {
    border-radius: 5px;
    border: 1.5px solid #e7cc09;
    background-color: #f7f8e5;
}

.cards-alert-container .smart-community-alert>.row {
    min-height: 3.8vw;
}

.cards-alert-container .smart-community-alert .title {
    color: #e7cc09;
    font-weight: 500;
}

.cards-alert-container .smart-community-alert a:link {
    color: black;
}

.cards-alert-container .smart-community-alert a:hover {
    color: black;
}

.cards-alert-container .smart-community-alert a:visited {
    color: black;
}

.cards-alert-container .smart-community-alert a:active {
    color: black;
}

.cards-alert-container .smart-community-alert a {
    font-weight:500;
    text-decoration:underline;
}

.cards-alert-container .smart-community-alert .icon {
    color: #e7cc09;
    font-size: 25px;
}

.cards-alert-container .smart-community-alert.sc-alert-total .icon {
    color: red;
}