/* *************************************************************************
****************** EXERCISES **********************************************
************************************************************************* */
#fo #quizContainer { margin: 0px 0 150px 0; float:left; }
#fo .exerciseWrapper {
/*overflow: auto;*/
font-size:14px;
color:#000;
float:left;
padding:0px;
margin:0px;
width: 100%;
}

/* SALVATTORE - la chiamata al js deve essere prima della chiusura del body ==> inclusa in wp_footer */
#fo .exerciseWrapper[data-columns]::before { content: "2 .column.size-1of2"; }
/* These are the classes that are going to be applied: */
#fo .column { float: left; }
#fo .size-1of2 {
width: 50%;
max-width: 650px;
}

#fo .exerciseWrapper .exercise {
background-color: white;
box-shadow: 1px 1px 5px #999;
float: left;
height: auto;
margin: 30px 20px 0px 12px;
min-height: 200px;
min-width: 230px;
padding: 10px;
/*width: 430px;*/
}

#fo #ww4_printFilter .exerciseWrapper .exercise div.questionTitle {
margin: 0px;
color: #000000;
font-weight: bold;
padding: 2px;
text-align: center;
}
#fo .green #ww4_printFilter .exerciseWrapper .exercise div.questionTitle {background-color: #01ABC5;}
#fo .blue #ww4_printFilter .exerciseWrapper .exercise div.questionTitle {background-color: #005BB7;}

#fo #ww4_printFilter .exerciseWrapper .exercise div.questionFile img,
#fo #ww4_printFilter .exerciseWrapper .exercise .questionsContainer img {
border-radius: 10px;
box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.8);
}

#fo #ww4_printFilter .exerciseWrapper .exercise div.questionFile { text-align: center; }
#fo #ww4_printFilter .exerciseWrapper .exercise div.questionFile img {
width: 80%;
margin-top: 10px;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .questionsContainer img { margin-top: 5px; }

#fo .exerciseWrapper .exercise table { padding: 10px; }
#fo .exerciseWrapper .exercise .mbMiniPlayerBig table { padding: 0px; }  /* inline player */
#fo .exerciseWrapper .exercise .mbMiniPlayerBig table img { width: 30px; }  /* inline player */
#fo .exerciseWrapper .exercise table tr.alternateTrue, #fo .exerciseWrapper .exercise table tr.alternateFalse { height: 45px; }
#fo .exerciseWrapper .exercise table tr.alternateTrue { background-color: #ebebeb; }
#fo .exerciseWrapper .exercise table td { vertical-align: top; }
#fo #ww4_printFilter .exerciseWrapper .exercise p { margin-top: 2px; }
#fo .exerciseWrapper .exercise input[type="text"] {
background-color: white;
padding: 4px;
border: 1px solid #CCCCCC;
font-size: 10pt;
/*  questa forzatura inibisce l'allargamento automatico dell'input*/
/*width: 300px !important;*/
/*max-width: 380px;*/
margin-top: 10px;
}

#fo .exerciseWrapper .exercise .ok {
color: #53C21A;
font-weight: bold;
}

#fo .exerciseWrapper .exercise .ko {
color: #C20000;
font-weight: bold;
}

#fo .exerciseWrapper .exercise .background-ok { background-color: #53C21A; }
#fo .exerciseWrapper .exercise .background-ko { background-color: #C20000; }
#fo .exerciseWrapper .exercise td.imageRecognition input { width: 100%; }
/* free sentence completion span soluzione */
#fo .exercise .quiz-sol { text-decoration:underline; display: block;}

/* OPT_SENTENCE_COMPLETION starts */
/* Main content area */
#fo #ww4_printFilter .exerciseWrapper .exercise .generalContainer {
text-align: center;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
width: 100%;
}

#fo .exerciseWrapper .exercise img.draggableImage { width: 50%; }
/*#fo .exerciseWrapper .exercise table tr td span:not(.button),*/
/*#fo .exerciseWrapper .exercise table tr td span:not(.buttonSelected) { font-size: 90%; font-style: italic; }*/
#fo .exerciseWrapper .exercise table tr td span:not(.button):not(.buttonSelected) { font-size: 90%; font-style: italic; }

#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer,
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer,
#fo #ww4_printFilter .exerciseWrapper .exercise .questionsContainer {
padding: 5px;
/* display: inline-table; */  
display: inline-block;        
vertical-align: bottom;
margin-top: 10px;
}

/* Individual cards and slots */
#fo #ww4_printFilter .exerciseWrapper .exercise .questionsContainer div,
#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer div,
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div {
border: 2px solid #333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 10px 0px;
background: #fff;
width: 115px; /*  todo responsive */
position: relative;
height: 100px;
/*max-height: 100px;*/
/*overflow: auto;*/
text-align: center;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .questionsContainer div p,
#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer div p ,
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div p {
font-size: 12px;
width: 100%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}

/* Slots for final card positions */
#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 .3em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .3em rgba(0, 0, 0, .8);
box-shadow: 0 0 .3em rgba(0, 0, 0, .8);
}
#fo .green #ww4_printFilter .exerciseWrapper .exercise .droppableContainer {background: #01ABC5;}
#fo .blue #ww4_printFilter .exerciseWrapper .exercise .droppableContainer {background: #005BB7;}

#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer div.hovered { background: #aaa; }
#fo #ww4_printFilter .exerciseWrapper .exercise .droppableContainer div { border-style: dashed; }

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div { background: #666; }
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer .ui-draggable p {
color: #fff;
text-shadow: 0 0 3px #000;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.ui-draggable{ cursor: pointer; }
#fo .exerciseWrapper .exercise .draggableContainer div.ui-draggable-dragging {
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.correct { background: #DAF28C; }
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.correct p {
color: #000000;
text-shadow: 0 0 0px;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.uncorrect { background: #EF8B8B; }
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.uncorrect p {
color: #FFF;
text-shadow: 0 0 0px;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer div.incorrect {
background: #FFD4CC;
color: #000000;
text-shadow: 0 0 0px;
}

#fo #ww4_printFilter .exerciseWrapper .exercise .draggableContainer span.help {font-size: 80%;}
#fo .green #ww4_printFilter .exerciseWrapper .exercise .draggableContainer span.help {color: #01ABC5;}
#fo .blue #ww4_printFilter .exerciseWrapper .exercise .draggableContainer span.help {color: #005BB7;}
/* OPT_SENTENCE_COMPLETION end */

#fo #quizzesList { padding-top: 10px; clear: both;}
#fo #quizzesList h2 { padding-top: 20px; }

/* controlla le innerlabel in mozilla */
*::-moz-placeholder {
color: #000;
font-weight: 300;
}

/* hidden text */
#fo .hiddentext {
width: 100%;
height: 100%;
}

#fo .hiddentext h1 {
padding: 0px 0 20px 0;
text-align: center;
}

#fo .monospace {
font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;
/*font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;*/
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px !important;
}

#fo .right { float: right; }
#fo .buttonhide {cursor: pointer;border-radius: 10px;padding: 8px;}
#fo .green .buttonhide {border: 1px solid #01ABC5;}
#fo .blue .buttonhide {border: 1px solid #003366;}

/* FIELDS */
#fo .userCell {
width: 45%;
display: table-cell;
padding: 0 30px;
position: relative;
text-align: center;
vertical-align: middle;
}

#fo .left { text-align: left; }

#fo .userMiddleCell {
width: 10%;
display: table-cell;
vertical-align: middle;
text-align: center;
}

#fo .userMiddleCell span {
background-image: url("/applications/webwork/site_chambra/media/arrowRight.png");
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
height: 24px;
width: 40px;
}

#fo .exerciseWrapper  textarea.userInput {
/*height: 100px !important;*/
min-height: 100px;
border: 1px solid #8E8E8E;
border-radius: 10px;
font-size: 18px;
padding: 10px 12px;
width: 100%;
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset;
color: #3C3C3C;
display: block;
vertical-align: top;
}

#fo .exerciseWrapper  input.userInput  {
min-height: 25px;
border: 1px solid #8E8E8E;
border-radius: 2px;
font-size: 14px;
width: 100%;
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset;
color: #3C3C3C;
display: block;
}

#fo .green .exerciseWrapper textarea.userInput:focus, #fo .green input.userInput:focus { border: 2px solid #01ABC5; }
#fo .blue .exerciseWrapper textarea.userInput:focus, #fo .blue input.userInput:focus { border: 2px solid #003366; }

#fo #questionButtons {
margin: 10px;
float: right;
}

#fo .inlineExercise .button {
border: medium none;
border-radius: 10px;
color: #FFF;
cursor: pointer;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
padding: 3px;
float: right;
margin: 7px 5px;
}
#fo .green .inlineExercise .button {background: none repeat scroll 0 0 #01ABC5;}
#fo .blue .inlineExercise .button {background: none repeat scroll 0 0 #003366;}

/* MULTIPLE CHOICE start */
#fo .multichoiceContainer { width: 100%; }
/*#fo .singlechoiceContainer { font-size: 80%; }*/

#fo .singlechoiceContainer {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 95%;
padding: 5px 0 5px 0;
border: 1px dotted #AAA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#fo .singlechoiceContainer .multiquestion {
width: 50%;
vertical-align: top;
padding: 0 5px 0 10px;
display: inline-block;
}

#fo .singlechoiceContainer .multianswer {
width: 40%;
padding-right: 10px;
display: inline-block;
}

#fo .singlechoiceContainer .multianswer .singleanswer div {
text-align: right;
right: 0px;
}

#fo .singleanswer { font-style: italic; }
/* MULTIPLE CHOICE end */

/****************** TINY IMAGES **********************************************/
#fo .floatRight {
float: right;
margin:0px 0px 0px 10px;
width: 200px;
max-width: 200px;
}
#fo .floatLeft {
float: left;
margin:0px 10px 0px 0px;
width: 200px;
max-width: 200px;
}
#fo .centered {
float: none;
display: block;
margin:10px auto;
width: 460px;
max-width: 460px;
}
/****************** DIVAS COOKIES **********************************************/
/*main container*/
#fo .divascookies {  padding: 2px;}
#fo .green .divascookies {background: #01ABC5 none repeat scroll 0 0;}
#fo .blue .divascookies {background: #003366 none repeat scroll 0 0;}
/*banner container*/
#fo .divascookies > .divascookies-banner-container { padding: 0px; }
/*banner text*/
#fo .divascookies p.divascookies-banner-text { font-size: 12px; }
/*link to the extended policy page*/
#fo span.divascookies-policy-link a {font-weight: bold;}
#fo .green span.divascookies-policy-link a {color: #01ABC5;}
#fo .blue span.divascookies-policy-link a {color: #005BB7;}
/*container of the accept button*/
#fo .divascookies-banner-container > .divascookies-accept-button-container {  }
/*container of the accept button img*/
#fo .divascookies-accept-button-container > .divascookies-accept-button-img { }
/*accept button text*/
#fo .divascookies-accept-button-container > .divascookies-accept-button-text {
padding: 5px 7px;
font-size: 12px;
}
/* *****************************************************
PARTE HTML FORNITO DA ISTITUTO
****************************************************** */
p.co_dessen_pa, p.titul-14, p.titul-16, p.titul-16-riga,span.CharOverride-59 {
color:#ffffff;
font-weight:bold;
}
p.eserzize-cursif,p.test-cursif,span.CharOverride-5,span.CharOverride-21,span.CharOverride-27, span.CharOverride-33,span.CharOverride-40,span.CharOverride-54,span.CharOverride-66,span.CharOverride-76, span.CharOverride-77,span.CharOverride-86,span.CharOverride-111,span.CharOverride-119 {
font-style:italic;
}
span.CharOverride-12,span.CharOverride-41,span.CharOverride-46,span.CharOverride-49,span.CharOverride-51,span.CharOverride-52,span.CharOverride-60,span.CharOverride-63,span.CharOverride-64,span.CharOverride-65,span.CharOverride-73,span.CharOverride-84,span.CharOverride-89,span.CharOverride-90,span.CharOverride-92,span.CharOverride-108,span.CharOverride-117,span.CharOverride-118 {
font-weight:bold;
}
p.eserzize-titul,span.CharOverride-47,span.CharOverride-100 {
color:#008bd2;
font-weight:bold;
}
p.linia,span.CharOverride-17 {
color:#9d9d9c;
}
p.titul-36,p.titul-36-Kopie,span.CharOverride-2,span.CharOverride-36 {
color:#841f82;
font-weight:bold;
}
span.indesc,span.CharOverride-4 {
color:#878787;
}
span.latra-blea,span.CharOverride-13,span.CharOverride-14,span.CharOverride-74 {
color:#008bd2;
}
span.nr_12, span.nr_16 {
color:#5b0075;
font-weight:bold;
}
span.nr_36 {
color:#706f6f;
font-weight:bold;
}
span.CharOverride-8,span.CharOverride-20,span.CharOverride-29,span.CharOverride-34,span.CharOverride-53,span.CharOverride-71,span.CharOverride-78,span.CharOverride-114,span.CharOverride-120 {
color:#c0087f;
font-style:italic;
}
span.CharOverride-9,span.CharOverride-42,span.CharOverride-67,span.CharOverride-72,span.CharOverride-75,span.CharOverride-98 {
color:#c0087f;
}
span.CharOverride-11,span.CharOverride-88,span.CharOverride-96 {
font-style:italic;
text-decoration:underline;
}
span.CharOverride-15 {
color:#008bd2;
font-style:italic;
}
span.CharOverride-16,span.CharOverride-55,span.CharOverride-93,span.CharOverride-103,span.CharOverride-107 {
font-style:italic;
font-weight:bold;
}
span.CharOverride-26,span.CharOverride-31,span.CharOverride-62,span.CharOverride-81,span.CharOverride-104 {
color:#c0087f;
font-weight:bold;
}
span.CharOverride-28,span.CharOverride-32,span.CharOverride-57,span.CharOverride-58,span.CharOverride-68 {
color:#c0087f;
font-style:italic;
font-weight:bold;
}
span.CharOverride-37 {
text-decoration:underline;
}
span.CharOverride-38,span.CharOverride-87,span.CharOverride-97 {
color:#c0087f;
font-style:italic;
text-decoration:underline;
}
span.CharOverride-44 {
color:#c0087f;
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
span.CharOverride-45 {
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
span.CharOverride-50 {
color:#cd1719;
}
span.CharOverride-61 {
color:#9d9d9c;
font-style:italic;
}
span.CharOverride-70 {
color:#ffffff;
font-style:italic;
font-weight:bold;
}
span.CharOverride-79 {
color:#3fa535;
font-style:italic;
}
span.CharOverride-80 {
color:#3fa535;
font-style:italic;
text-decoration:underline;
}
span.CharOverride-82, span.CharOverride-83 {
color:#3fa535;
}
span.CharOverride-91 {
color:#c0087f;
text-decoration:underline;
}
span.CharOverride-94 {
color:#ffffff;
}
span.CharOverride-99,span.CharOverride-116 {
font-weight:bold;
text-transform:uppercase;
}
span.CharOverride-101 {
color:#c0087f;
font-variant:small-caps;
}
span.CharOverride-115 {
text-transform:uppercase;
}


  /* BUTTONS */
#fo .button, #fo .buttonSelected, #fo .button:hover, #fo .buttonSelected:hover {
  padding:4px 7px;
  margin-left: 10px;
  text-decoration:none;
  border-radius:5px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
#fo .button,#fo .button a, #fo .buttonSelected:hover {
  border: 1px solid #FFF;
  color: #000;
  text-shadow:none;
}
#fo .green .buttonSelected:hover {color:#FFF;}
#fo .green .button,#fo .green .button a, #fo .green .buttonSelected:hover {background-color: #01ABC5;}
#fo .blue .button,#fo .blue .button a, #fo .blue .buttonSelected:hover {background-color: #003366;}
#fo .buttonSelected, #fo .button:hover {background:none #FFF;text-shadow:none;}
#fo .green .buttonSelected, #fo .green .button:hover {border:1px solid #01ABC5;color: #01ABC5;}
#fo .blue .buttonSelected, #fo .blue .button:hover {border:1px solid #003366;color: #003366;}





  /* ORDERED LIST */
li.ui-sortable-helper { background: #e0e0e0; }
li.rightPos { background: #bcf7b4; }
li.wrongPos { background: #f49090; }
.sortable { list-style-type: none; margin: 30px 0 0 0 ; padding: 0; width: 100%; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; cursor:move; }
.sortable li.alternateTrue { background-color: #EBEBEB; }
.sortable li span.ui-icon { position: absolute; margin-left: -1.3em; }
.sortable li.centered img {display: block;margin: auto !important;}
.sortable li.centered span.centered {text-align: center;}
#fo .sortable li img,#fo .sortable li img.floatLeft,#fo .sortable li img.floatRight,#fo .sortable li img.centered { width: 150px; max-width: 150px;}
#fo .sortable li img,#fo .sortable li img.floatLeft,#fo .sortable li img.floatRight,#fo .sortable li img.centered {float: none;margin: 0px;}
  /* DRAGGABLE WORDS */
#fo #ww4_printFilter .exerciseWrapper .exercise .dropzone-container {
  position: relative;
  display: inline;
  padding:5px 5px 5px 0px;
}
#fo #ww4_printFilter .exerciseWrapper .exercise .dropzone {
  position: relative;
  top: -0.1em;
  width: 80px;
  height: 1.8em;
  background-color: #dcdcdc;
  border: 1px solid #808080;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0.1em 1.65em 0.1em 0;
  margin-top:5px;
  margin-bottom:5px;
}
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableWordContainer {
  margin-top: 30px;
  background-color: #e0e0e0;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}
#fo #ww4_printFilter .exerciseWrapper .exercise .draggableWord,
#fo #ww4_printFilter .exerciseWrapper .exercise .dropzone-container .correct {
  padding:5px 10px;
  border: 1px solid #808080;
  border-radius: 5px;
  display: inline-block;
  margin:10px;
  background-color: #FFF;
  cursor:pointer;
}
#fo #ww4_printFilter .exerciseWrapper .exercise .dropzone-container .correct {background: #DAF28C; margin:5px 0px !important;}

#fo #ww4_printFilter .exerciseWrapper .exercise .dropzone-container .uncorrect {background: #EF8B8B; }

  /* WP ALL EXERCISE */
.square-holder {display: inline-block;vertical-align: top;letter-spacing: -4px;width: 100%;}
.square {
  border: 1px solid #66001D;
  border-radius: 3px;
  padding: 10px;
  letter-spacing: 0;
  width: 100px;
  height: 100px;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  color: #66001D;
  text-align: center;
  line-height: 100px;
}
.square span {font-size:80%;font-weight: bold;vertical-align: middle;display: inline-block;line-height: normal;}
  /***************** AUTO RESIZER INPUT *************************/
div.fake_form {line-height: 15px;border: 0;border-bottom: 1px dotted #888;color: #333;display: none;max-width: 400px;}
form input[type=text].inputted {border-bottom: 0;background: transparent;}
  /* OPT_SENTENCE_COMPLETION end */
#fo #quizzesList { padding-top: 10px; }
#fo #quizzesList h2 { padding-top: 20px; margin-bottom: 0px;}
  /* controlla le innerlabel in mozilla */
*::-moz-placeholder {color: #000;font-weight: 300;}
  /* hidden text */
#fo .hiddentext {width: 100%;height: 100%;}
#fo .hiddentext h1 {padding: 0px 0 20px 0;text-align: center;}
#fo .monospace {margin-left: 30px;margin-right: 30px;margin-bottom: 20px !important;}
#fo .right { float: right; }
#fo .buttonhide {cursor: pointer;border: 1px solid #66001D;border-radius: 10px;padding: 8px;}
  /* FIELDS */
#fo .userCell {width: 45%;display: table-cell;padding: 0 30px;position: relative;text-align: center;vertical-align: middle;}
#fo .left { text-align: left; }
#fo .userMiddleCell {width: 10%;display: table-cell;vertical-align: middle;text-align: center;}
#fo .userMiddleCell span {
  background-image: url("/applications/webwork/site_chambra/media/arrowRight.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 40px;
}
#fo .exerciseWrapper  textarea.userInput {
  min-height: 100px;
  border: 1px solid #8E8E8E;
  border-radius: 10px;
  font-size: 18px;
  padding: 10px 12px;
  width: 100%;
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset;
  color: #3C3C3C;
  display: block;
  vertical-align: top;
}
#fo .exerciseWrapper  input.userInput {
  min-height: 25px;
  border: 1px solid #8E8E8E;
  border-radius: 2px;
  font-size: 14px;
  width: 100%;
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset;
  color: #3C3C3C;
  display: block;
}
#fo .exerciseWrapper textarea.userInput:focus, #fo input.userInput:focus { border: 2px solid #66001D; }
#fo #questionButtons {margin: 10px;float: right;}
  /* BUTTONS */
#fo .button, #fo .buttonSelected,
#fo .button:hover,
#fo .buttonSelected:hover {padding:4px 7px;margin-left: 10px;text-decoration:none;border-radius:5px;box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);cursor: pointer;}
#fo .button,#fo .button a, #fo .buttonSelected:hover {border: 1px solid #FFF;background-color: #66001D;color: #FFF;text-shadow:none;}
#fo .buttonSelected, #fo .button:hover {background:none #FFF;border:1px solid #66001D;color: #66001D;text-shadow:none;}
  /* MULTIPLE CHOICE start */
#fo .multichoiceContainer { width: 100%; }
#fo .singlechoiceContainer {margin-top: 10px;margin-left: auto;margin-right: auto;width: 95%;padding: 5px 0 5px 0;border: 1px dotted #AAA;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#fo .singlechoiceContainer .multiquestion {width: 50%;vertical-align: top;padding: 0 5px 0 10px;display: inline-block;}
#fo .singlechoiceContainer .multianswer {width: 40%;padding-right: 10px;display: inline-block;}
#fo .singlechoiceContainer .multianswer .singleanswer div {text-align: right;right: 0px;}
#fo .singleanswer { font-style: italic; }
  /* MULTIPLE CHOICE end */
.exerciseWrapper {overflow: visible;}
#fo .canvas {top: 0;overflow:hidden;position:relative;margin:0 auto;}

  /* *************************************************************************
 ****************** EXERCISES END **********************************************
 ************************************************************************* */





@media (max-width: 1024px) {
  #fo #quizzesList { clear: both; }
  /*#fo .exerciseWrapper .exercise { width: 100%; } *//* TODO fare meglio */

  /* exercises */
  /*#fo .exerciseWrapper .exercise { max-width: 300px; }*/


  /* exercises */

  /* SALVATTORE - la chiamata al js deve essere prima della chiusura del body ==> inclusa in wp_footer */
  #fo .exerciseWrapper[data-columns]::before { content: "1 .column.size-1of1"; }

}