.poll-screen{color:var(--darkblue); width: 92%; margin-left: 4%; position:relative; padding-bottom:0.5rem;}
.poll-screen h2 p{margin-top:0px; margin-bottom:0px;}
.polls_introduction{display: inline-block; width: 100%; padding: 0px; margin-top: 1rem; margin-bottom: 1rem;}
fieldset {padding: 0px; border: unset; margin: 0px;}
.poll_introduction{display: inline-block; width: 100%; margin-top: 1rem; margin-bottom: 1rem; padding-right:0.5rem}
.poll_answer_wrapper {text-align: left; display: inline-block; width:100%;}
.poll_answer_row {display: inline-block; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-bottom: 0.125rem;}
legend{display:inline-block; float:left; width:70%; padding-top: 0px; font-size:0.9rem; animation: appear 2s forwards; position:relative;}
legend:after{left: 0px; position: absolute; margin-left: 0px; content: ""; display: block; width: 12%; margin: auto; margin-top:0.25rem; border-bottom: solid 2px var(--red);}
.poll_answer_input {display: inline-block; width:3rem; text-align: center; font-size: 1rem; vertical-align: bottom;}
.poll_answer_tot_label{display: inline-block;}
#poll_answer_tot {display: inline-block;}
#poll_groupsize {display: inline-block;}
#polls_groupsize_register {text-align: center; width: 80%; margin: auto;}
#polls_groupsize_register legend {display: inline-block; width: 100%; float:unset;}
#polls_groupsize_register span.insert-answers {float: unset; display: inline-block; margin-bottom: 1rem; margin-top: 1rem;}
#groupsize_message{display:inline-block; text-align: right; width:100%; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.5rem;}
.question-footer, .result-footer {text-align: right;}
.results_wrapper{animation: appearOpacity 5s forwards; position:relative;}
.poll__result_row {width: 100%; text-align: left; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-bottom: 0.125rem;}
.poll__result_answertext {display: inline-block; width: 60%;}
.poll__result_answertext:after {left: 0px; position: absolute; margin-left: 0px; content: ""; display: block; width: 12%;  margin: auto; margin-top: 0.25rem; border-bottom: solid 2px var(--red);}
.poll__resultcolumn {display: inline-block; position: relative; width: 30%; float: right;}
.poll__resultbar {height: 100%;position: absolute; background-color: rgba(100, 100, 100, 0.4);} 
span.insert-answers {float: right;}
.poll__resultbar_total{background-color: rgba(255,130,50,0.4); height:50%;}
.poll__resultbar_self{background-color: rgba(0,210,200,0.4);  height:50%;}
.poll-results-screen h2 {margin-top: 0px !important; margin-bottom:0.5rem;}
.poll-compare-screen .poll__resultcolumn {font-size: 0.5rem;}
.progress{font-size:0.5rem;position: relative; top: -1.5rem; color: #ffffff; margin-bottom:0px;}
h2 {text-align: left; font-size: 1.125rem; font-weight: bold;}
.insert-answers button {height: 1.2rem; line-height: 1.2rem; padding:0px; width:1.2rem;     box-shadow: 0.1rem 0.1rem 0.1rem rgba(100, 100, 100, 0.5);}
.total-ct{display: inline-block; width: 100%; font-size: 0.8rem; text-align: right; padding-right: 2rem; margin-bottom: 0.5rem; box-sizing:border-box;}
.result-footer .total-ct {padding-left: 70%; text-align: left;}
.legend_bar_self{background-color: rgba(255,130,50,0.4); display:inline-block; width:0.75rem; height:0.5rem; position:relative; top:-0.125rem;}
.legend_bar_total{background-color: rgba(0,210,200,0.4); display:inline-block; width:0.75rem; height:0.5rem; position:relative; top:-0.125rem;}
.legenda {background-color: rgba(0,0,0,0.6); width: auto; display: inline-block; padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem;}
input {border: 0px;  font-family: inherit;font-weight: bold;}
.controls {position: absolute; top: -4rem; right: 0px; text-align: right; color: #ffffff;}
.poll-results-feedback {font-size: 0.625rem; font-weight: normal; margin-top:0.5rem; padding: 0.25rem 1rem; background-color: var(--darkblue); color: #ffffff;}  
#poll_results_tot{font-size:0.8rem;}