#watupro_quiz *, #watupro_quiz *::before, #watupro_quiz *::after,
.watupro-paginator-wrap * {
box-sizing: border-box;
}
.watu-question {
display: none;
clear: both;
overflow: hidden; }
.watu-question input[type=text], .watupro input[type=text], input.watupro-gap {
display: inline;
}
.watu-question-compact {
width: 100%;
}
#watupro_quiz input {
width: auto !important;
}
.watupro-category-header {
margin: 0.75em 0 !important;
padding: 0 0;
} .watupro-gap {
margin-bottom: 0.313em;
}
input.watupro-gap {
max-width: 9.375em;
}
form.quiz-form {
text-align:left;
}
.single-page-quiz .watu-question, .single-page-quiz {
display:block;
}
.single-page-quiz .watu-question {
padding: 0 0 1em 0;
}
.single-page-quiz #next-question {
display:none;
}
.question-content {
margin: 0 auto 0.75em 0;
}
.question-content p { margin: 0 0;
} .watupro-question-choice {
width: 100%;
display: block;
line-height: normal ;
margin: 0.438em 0; } .watupro-question-choice:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
} .watupro-question-choice > *, .watupro-question-choice1:not(input):not(label) {
display: inline-block;
margin: 0; padding: 0 0;
} .watupro-question-choice.watupro-ansnum i {
font-style: normal;
width: 1.75em;
text-align: right;
margin-right: 0.25em;
}
.watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {
margin-right: 0.667em;
vertical-align: -0.15em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {margin-top:  0.25em; width: 1rem;}
.quiz-form label {padding-top: 0; }
}
.quiz-form label {
cursor: pointer;
width: auto;
vertical-align: text-top;
} .watupro-question-choice input[type="radio"] {
border: none;
-moz-appearance: radio;
-webkit-appearance: radio;
} .show-question {
display: block;
margin: 0;
padding: 0.5em 0;
}
.show-question-content {
margin: 0 0 0.5em 0;
padding: 0 0;
}
.show-question-choices ul {
margin: 0 0 0.5em 0;
padding: 0 1em;
list-style: disc;
}
.show-question-choices ul li {
line-height: normal;
vertical-align: top;
} .show-question-choices {
clear: both;
overflow: hidden;
margin-bottom: 1em;
}
.user-answer span.answer {
vertical-align: top;
font-weight:bold;
color:blue;
background:url(//discursosdiscriminatoris.media.cat/wp-content/plugins/watupro/wrong.png) no-repeat right 0.15em;
padding-right: 1.5em;
display: inline-block;
line-height: normal;
}
.user-answer-unrevealed {
font-weight:bold;
color:blue;
vertical-align: text-top;
}
.user-answer {
color: blue;
line-height: normal;
}
.user-answer img {
border: 2pt solid blue;
}
.correct-answer span.answer {
background:url(//discursosdiscriminatoris.media.cat/wp-content/plugins/watupro/correct.png) no-repeat right 0.15em;
padding-right: 1.5em;
display: inline-block;
line-height: normal;
}
span.answer {
display: inline-block;
}
.show-question-content {
font-weight:bold;
}
.watupro-2-columns span.answer,
.watupro-3-columns span.answer,
.watupro-4-columns span.answer {
background-position: right 0.15em;
}
p.error {
clear:both !important;
color:red;
}
#detailsText {
background-color:red;
}
.watupro label {
display: block;
float: left;
width: 9.375em;
}
.watupro select {
min-width: 7.5em;
}
.watupro-alert, .watupro-success {
padding: 1.25em;
background-color: #EEE;
font-weight: bold;
}
.watupro-error {
padding: 1.250em;
font-weight: bold;
background:#EEE;
color:red;
}
.watupro-padded {
padding: 1.25em;
}
.watupro-warning {
font-weight:bold;
color:red;
}
.watupro-help {
font-style: italic;
font-size:11pt;
color:gray;
} table.watupro_buttons {
clear:both !important;
border-collapse: collapse;
width: auto;
margin: auto auto;
}
table.watupro_buttons td {
min-width: 5em;
}
.watupro_buttons, .watupro_buttons td {
border: none !important;
} .watupro_buttons.flex {
display: flex;
flex-flow: row wrap;
justify-content: center;
clear: both;
}
.watupro_buttons.flex div {
margin: 0.5rem;
} .watupro-paginator-wrap {
width: 100%;
}
ul.watupro-paginator {
list-style-type: none; margin: 1em auto;
padding: 0 0;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap;
}
.watupro-paginator-vertical ul.watupro-paginator {
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column wrap;
width: auto;
}
ul.watupro-paginator li {
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0.313em 0.125em;
padding: 0.25em 0.5em;
border-radius: 0.188em;
vertical-align: middle;
flex-grow: 0; }
.watupro-paginator-vertical .watupro-auto-hide li {
width: 3em; }
.watupro-answers-paginator-wrap {
clear: both; }
ul.watupro-question-paginator li {
flex-basis: 2em;
display: block;
width: 3em;
}
ul.watupro-paginator li.active {
margin: 0.313em 0.188em;
padding: 0.25em 0.5em;
}
ul.watupro-category-paginator li {
padding: 0.25em 0.75em;
}
ul.watupro-paginator li.answered {
background-color: #88FF88;
}
ul.watupro-paginator li.unanswered {
background-color: #FF6A6A;
}
ul.watupro-paginator li.marked {
border: 2pt dashed black !important;
}
.watupro-auto-hide-handler a, .watupro-auto-hide-handler-hide a {
border-bottom: none;
text-decoration: none !important;
} .watupro-auto-hide-handler-hide {
display: none !important;
} #timerDiv {
margin-bottom: 1.250em;
color: green;
}
div#timerDiv {
z-index: 1000000; }
.watupro-textarea-medium {
width: 17.5em;
height: 5em;
}
.watupro-textarea-large {
width: 37.5em;
height: 18.75em;
}
.watupro-qnum-info {
font-style: italic;
padding-top: 1.563em;
clear: both;
} .watupro-compact {
clear:both;
width:100%;
float:left;
margin-bottom: 1.25em;
}
.watupro-compact div.question-content, .watupro-compact div.show-question-content {
float:left;
width:50%;
margin-top:0 !important;
padding-right: 0.5em;
}
.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
float:right;
width:50%;
padding-left: 0.5em;
clear: none;
}
.watupro-compact .question-choices div.watupro-question-choice {
float: left;
}
.watupro-compact .show-question-choices li.answer {
margin-right: 0;
vertical-align: top; }
.watupro-matrix-droppable tr td {
border: 1px dashed #DDD;
min-width: 9.375em;
min-height: 5em;
padding: 0.625em;
} .watuproshare-facebook {
padding: 0.625em;
background-color: #4c66a4;
color:white !important;
font-weight:bold;
text-decoration:none;
}
a.watuproshare-facebook {	
color:white !important;	
}
.watupro-share {
margin: 1.25em;
}
.watupro-share a {
margin: 0.938em;
}
.watupro-twitter-share-button {
margin: 0 !important;
} .watupro-progress-container {
width: 100%; float: left;
margin-bottom: 1.5em;
}
.watupro-progress-bar {
text-align:right;
}
.watupro-progress-percent {
padding: 0 0.313em;
background: white;
font-weight: bold;
border-radius: 0.625em;
} .watupro-rating-wrap {
padding: 0.625em 0;
clear: both;
}
.watupro-rating ul {
list-style-type: none !important;
}
.watupro-paginated-hidden { display: none; } .watupro-beehive { display:none !important; }
span.watupro_num {
display: inline !important;
} .watupro-basic-chart td, .watupro-basic-chart-points td, .watupro-basic-chart-percent td {
padding: 0.375em;
}
.watupro-basic-chart, .watupro-basic-chart table, table.watupro-basic-chart, .watupro-basic-chart-points, .watupro-basic-chart-points table, .watupro-basic-chart-percent, .watupro-basic-chart-percent table {
border: none !important;	
} .watupro-2-columns, li.watupro-2-columns {
width: 50%;
}
.watupro-3-columns, li.watupro-3-columns {
width: 33%;
}
.watupro-4-columns, li.watupro-4-columns {
width: 25%;
}
.watupro-2-columns, li.watupro-2-columns,
.watupro-3-columns, li.watupro-3-columns,
.watupro-4-columns, li.watupro-4-columns {
float: left; display: inline-block;
padding: 0 0.5em;
}
.watupro-2-columns > *, li.watupro-2-columns > *,
.watupro-3-columns > *, li.watupro-3-columns > *,
.watupro-4-columns > *, li.watupro-4-columns > * {
display: inline-block; }
.watupro-2-columns:first-of-type,
.watupro-3-columns:first-of-type,
.watupro-4-columns:first-of-type,
.watupro-2-columns:nth-of-type(2n+1),
.watupro-3-columns:nth-of-type(3n+1),
.watupro-4-columns:nth-of-type(4n+1) {
padding-right: 0.5em;
padding-left: 0;
}
.watupro-2-columns:nth-of-type(2n), .watupro-3-columns:nth-of-type(3n), .watupro-4-columns:nth-of-type(4n) {
padding-left: 0.5em;
padding-right: 0;
}
.watupro-ansnum.watupro-2-columns, li.watupro-ansnum.watupro-2-columns,
.watupro-ansnum.watupro-3-columns, li.watupro-ansnum.watupro-3-columns,
.watupro-ansnum.watupro-4-columns, li.watupro-ansnum.watupro-4-columns {
padding-left: 0; padding-right: 0;
}
div.watupro-choices-columns {
clear:both;
float:left;
width:100%;
}
.watupro-main-feedback {
display:block;
clear:both;
margin-top: 1.25em;
}
.watupro-dashboard {
font-size: 120%;
}
.watupro-dashboard td {
border-bottom: 1pt solid #EEE;
padding-top: 0.625em;
}
.watupro-text-captcha {
clear:both;
} .watupro-screen-reader {
border: 0;
clip: rect( 1px, 1px, 1px, 1px );
clip-path: inset( 50% );
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
.watupro-unanswered {
clear:both;
width: 100%;
display:block;
float:left;
}
select.watupro-gap  {
width: auto !important;
max-width: 31.250em !important;
}
#ui-datepicker-div {
display: none;
position: absolute !important;
z-index: 999999999 !important;
}
.watupro-textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
} .watupro-rtl {
direction: rtl !important;
text-align: right !important;
}
.watupro-flex {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
.watupro-auto-hide {
display: flex !important;
}
.watupro-auto-hide-handler {
display: none !important;
} .watupro-auto-hide-handler-hide {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.watupro-auto-hide {
display: none !important;
}
.watupro-auto-hide-handler {
display: flex !important;
}
}
@media
only screen and (max-width: 600px)  { .watupro-question-choice {
margin-top: 0.438em;
margin-bottom: 0.438em;
}
span.watupro-progress-percent {
font-size: 0.688em;
}
table.watupro_buttons {
font-size: 85%;
}
.watupro-2-columns, li.watupro-2-columns,
.watupro-3-columns, li.watupro-3-columns,
.watupro-4-columns, li.watupro-4-columns {
float: none !important;
width: 100% !important;
padding: 0 0 !important;
}
.watupro-2-columns:nth-of-type(2n), li.watupro-2-columns:nth-of-type(2n),
.watupro-3-columns:nth-of-type(3n), li.watupro-3-columns:nth-of-type(3n),
.watupro-4-columns:nth-of-type(4n), li.watupro-4-columns:nth-of-type(4n) {
padding-left: 0;
padding-right: 0;
}
.watupro-compact div.question-content, .watupro-compact div.show-question-content {
float:none;
width:100%;
padding-right: 0;
}
.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
float:none;
width:100%;
padding-left: 0;
}
}
@media
only screen and (max-width: 375px)  {  table.watupro_buttons, table.watupro_buttons td, table.watupro_buttons tr {
display: block;
}
table.watupro_buttons td { border: none;
position: relative;
}
table.watupro_buttons td:before { position: absolute;
}
.watupro-progress-percent {
font-size: 0.688em;
}
}.question-choices {
margin-top: 0;
}
.watupro-sortable {
margin: 0 auto;
}
.watupro-sortable li {
list-style: none;
}
.watupro-question-choice {
margin: 0.438em 0 !important; } .quiz-form label {
display: inline-block;
max-width: calc(100% - 2.25em);
}
.watupro-question-choice input[type='radio'], .watupro-question-choice input[type='checkbox'] {
margin-left: 0.25em;
}
.watupro-question-choice.watupro-ansnum label,
.watupro-question-choice.watupro-ansnum label {
max-width: calc(100% - 3.792em - 0.25em);
}
.watupro-compact div.question-choices {
padding-left: 0;
}
.watupro-2-columns:nth-of-type(2n), .watupro-3-columns:nth-of-type(3n), .watupro-4-columns:nth-of-type(4n) {
padding-left: 0;
} .watupro-progress-bar {
border-radius: 0.625em;
background: #eeeeee;
background: -moz-linear-gradient(left, #eeeeee 0%, #000000 100%); background: -webkit-linear-gradient(left, #eeeeee 0%, #000000 100%); background: linear-gradient(to right, #eeeeee 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=1 ); }
.watupro_buttons tr {
border-bottom: none;
} ul.watupro-paginator {
justify-content: center;
}
ul.watupro-category-paginator {
justify-content: center;
}
ul.watupro-paginator li {
color: #7a7a7a;
background-color: #d5d5d5;
background: -ms-linear-gradient(top, #fafafa, #d5d5d5);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#d5d5d5));
background: -webkit-linear-gradient(top, #fafafa, #d5d5d5);
background: -o-linear-gradient(top, #fafafa, #d5d5d5);
background: -moz-linear-gradient(top, #fafafa, #d5d5d5);
background: linear-gradient(top, #fafafa, #d5d5d5);
background-repeat: repeat-x;
*zoom: 1;
border: 1px solid;
border-color: #eeeeee #cdcdcd #cdcdcd #eeeeee;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.answered {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #A4B357;
background: -ms-linear-gradient(top, #A4B357, #75890C);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#A4B357), to(#75890C));
background: -webkit-linear-gradient(top, #A4B357, #75890C);
background: -o-linear-gradient(top, #A4B357, #75890C);
background: -moz-linear-gradient(top, #A4B357, #75890C);
background: linear-gradient(top, #A4B357, #75890C);
background-repeat: repeat-x;
border-color: #A4B357 #75890C #75890C #A4B357;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.unanswered {
background: #F89406;
background: -ms-linear-gradient(top, #ffe101, #F89406);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe101), to(#F89406));
background: -webkit-linear-gradient(top, #ffe101, #F89406);
background: -o-linear-gradient(top, #ffe101, #F89406);
background: -moz-linear-gradient(top, #ffe101, #F89406);
background: linear-gradient(top, #ffe101, #F89406);
background-repeat: repeat-x;
border-color: #ffe101 #F89406 #F89406 #ffe101;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.active {
box-shadow: 0 8px 5px -5px rgba(0,0,0,0.4), inset 0 0 5px 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border: none !important;
}
ul.watupro-category-paginator li.active {
-webkit-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
-ms-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
}div.watu-question, div.show-question {
margin-top: 15px !important;
}
.question-choices, .show-question-choices {
margin-top: 5px !important;
}
.watupro-question-choice span {
display: inline !important; }
@media 
only screen and (max-width: 600px) {
}