._bkouter {
padding: 40px 80px;
}

#bkquizz {
border: 2px solid #013a60;
min-width: 100%;
min-height: 10em;
font: 18px Sans-Serif;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #7fb3fe;
background-image: url(bgquiz2.png);
background-repeat: repeat;
}
.bksmart #bkquizz,
.isiphone #bkquizz,
.isphone #bkquizz,
.istablet #bkquiz {
  /* background-color: #4f82cc;
border: #3e6db4;   */
  border: 0;
  background-color: #37BEEF;
}

.bkquiz_outer {
padding-left: 40px;
}

#dump {
border: 2px solid #000;
min-width: 100%;
min-height: 10em;
background: #ccc;
}

#bkquizz_introduction,
#bkquizz_finale {
font: 18px Sans-Serif;
background-color: #004a7ba8;
color: white;
box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.4);
padding: 40px;
line-height: 1.5;
}
#bkquizz_progress {
min-width: 100%;
font: 18px Sans-Serif;
}
#bkquizz_progress_bar {
background-color: #6f9ee1;
}
#bkquizz_done{
/* width: 30%; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#72aa00+0,9ecb2d+5,72aa00+10,9ecb2d+15,72aa00+20,9ecb2d+25,72aa00+30,9ecb2d+35,72aa00+40,9ecb2d+45,72aa00+50,9ecb2d+55,72aa00+60,9ecb2d+65,72aa00+70,9ecb2d+75,72aa00+80,9ecb2d+85,72aa00+90,9ecb2d+95,72aa00+100 */
background: #72aa00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #72aa00 0%, #9ecb2d 5%, #72aa00 10%, #9ecb2d 15%, #72aa00 20%, #9ecb2d 25%, #72aa00 30%, #9ecb2d 35%, #72aa00 40%, #9ecb2d 45%, #72aa00 50%, #9ecb2d 55%, #72aa00 60%, #9ecb2d 65%, #72aa00 70%, #9ecb2d 75%, #72aa00 80%, #9ecb2d 85%, #72aa00 90%, #9ecb2d 95%, #72aa00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #72aa00 0%,#9ecb2d 5%,#72aa00 10%,#9ecb2d 15%,#72aa00 20%,#9ecb2d 25%,#72aa00 30%,#9ecb2d 35%,#72aa00 40%,#9ecb2d 45%,#72aa00 50%,#9ecb2d 55%,#72aa00 60%,#9ecb2d 65%,#72aa00 70%,#9ecb2d 75%,#72aa00 80%,#9ecb2d 85%,#72aa00 90%,#9ecb2d 95%,#72aa00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #72aa00 0%,#9ecb2d 5%,#72aa00 10%,#9ecb2d 15%,#72aa00 20%,#9ecb2d 25%,#72aa00 30%,#9ecb2d 35%,#72aa00 40%,#9ecb2d 45%,#72aa00 50%,#9ecb2d 55%,#72aa00 60%,#9ecb2d 65%,#72aa00 70%,#9ecb2d 75%,#72aa00 80%,#9ecb2d 85%,#72aa00 90%,#9ecb2d 95%,#72aa00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aa00', endColorstr='#72aa00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#72aa00+0,9ecb2d+2,72aa00+4,9ecb2d+6,72aa00+8,9ecb2d+10,72aa00+12,9ecb2d+14,72aa00+16,9ecb2d+18,72aa00+20,9ecb2d+22,72aa00+24,9ecb2d+26,72aa00+28,9ecb2d+30,72aa00+32,9ecb2d+34,72aa00+36,9ecb2d+38,72aa00+40,9ecb2d+42,72aa00+44,9ecb2d+46,72aa00+48,9ecb2d+50,72aa00+52,9ecb2d+54,72aa00+56,9ecb2d+58,72aa00+60,9ecb2d+62,72aa00+64,9ecb2d+66,72aa00+68,9ecb2d+70,72aa00+72,9ecb2d+74,72aa00+76,9ecb2d+78,72aa00+80,9ecb2d+82,72aa00+84,9ecb2d+86,72aa00+88,9ecb2d+90,72aa00+92,9ecb2d+94,72aa00+96,9ecb2d+98,72aa00+100 */
background: #72aa00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #72aa00 0%, #9ecb2d 2%, #72aa00 4%, #9ecb2d 6%, #72aa00 8%, #9ecb2d 10%, #72aa00 12%, #9ecb2d 14%, #72aa00 16%, #9ecb2d 18%, #72aa00 20%, #9ecb2d 22%, #72aa00 24%, #9ecb2d 26%, #72aa00 28%, #9ecb2d 30%, #72aa00 32%, #9ecb2d 34%, #72aa00 36%, #9ecb2d 38%, #72aa00 40%, #9ecb2d 42%, #72aa00 44%, #9ecb2d 46%, #72aa00 48%, #9ecb2d 50%, #72aa00 52%, #9ecb2d 54%, #72aa00 56%, #9ecb2d 58%, #72aa00 60%, #9ecb2d 62%, #72aa00 64%, #9ecb2d 66%, #72aa00 68%, #9ecb2d 70%, #72aa00 72%, #9ecb2d 74%, #72aa00 76%, #9ecb2d 78%, #72aa00 80%, #9ecb2d 82%, #72aa00 84%, #9ecb2d 86%, #72aa00 88%, #9ecb2d 90%, #72aa00 92%, #9ecb2d 94%, #72aa00 96%, #9ecb2d 98%, #72aa00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #72aa00 0%,#9ecb2d 2%,#72aa00 4%,#9ecb2d 6%,#72aa00 8%,#9ecb2d 10%,#72aa00 12%,#9ecb2d 14%,#72aa00 16%,#9ecb2d 18%,#72aa00 20%,#9ecb2d 22%,#72aa00 24%,#9ecb2d 26%,#72aa00 28%,#9ecb2d 30%,#72aa00 32%,#9ecb2d 34%,#72aa00 36%,#9ecb2d 38%,#72aa00 40%,#9ecb2d 42%,#72aa00 44%,#9ecb2d 46%,#72aa00 48%,#9ecb2d 50%,#72aa00 52%,#9ecb2d 54%,#72aa00 56%,#9ecb2d 58%,#72aa00 60%,#9ecb2d 62%,#72aa00 64%,#9ecb2d 66%,#72aa00 68%,#9ecb2d 70%,#72aa00 72%,#9ecb2d 74%,#72aa00 76%,#9ecb2d 78%,#72aa00 80%,#9ecb2d 82%,#72aa00 84%,#9ecb2d 86%,#72aa00 88%,#9ecb2d 90%,#72aa00 92%,#9ecb2d 94%,#72aa00 96%,#9ecb2d 98%,#72aa00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #72aa00 0%,#9ecb2d 2%,#72aa00 4%,#9ecb2d 6%,#72aa00 8%,#9ecb2d 10%,#72aa00 12%,#9ecb2d 14%,#72aa00 16%,#9ecb2d 18%,#72aa00 20%,#9ecb2d 22%,#72aa00 24%,#9ecb2d 26%,#72aa00 28%,#9ecb2d 30%,#72aa00 32%,#9ecb2d 34%,#72aa00 36%,#9ecb2d 38%,#72aa00 40%,#9ecb2d 42%,#72aa00 44%,#9ecb2d 46%,#72aa00 48%,#9ecb2d 50%,#72aa00 52%,#9ecb2d 54%,#72aa00 56%,#9ecb2d 58%,#72aa00 60%,#9ecb2d 62%,#72aa00 64%,#9ecb2d 66%,#72aa00 68%,#9ecb2d 70%,#72aa00 72%,#9ecb2d 74%,#72aa00 76%,#9ecb2d 78%,#72aa00 80%,#9ecb2d 82%,#72aa00 84%,#9ecb2d 86%,#72aa00 88%,#9ecb2d 90%,#72aa00 92%,#9ecb2d 94%,#72aa00 96%,#9ecb2d 98%,#72aa00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aa00', endColorstr='#72aa00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-size: 3000px 100px;
animation: progressbar 60s linear infinite;
border-radius: 10px;
height: 20px;
box-shadow:3px 3px 3px rgba(0,0,0,0.1)
}

@keyframes progressbar {
100% {
background-position: 100% 100%;
}
}

#bkquizz_progress_panel {
text-align: center;
padding: 5px;
}

#bkquizz_info {
background: white;
opacity: 0.8;
padding: 15px;
margin: 40px 40px 0px 40px;
font-family: Verdana, sans-serif;
font-size: 16px;
box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.4);
line-height:1.5;
}

#bkquizz_question {
border: 1px purple;
font-family: Verdana, sans-serif;
color: white;
font-size: 18px;
padding: 18px;
margin: 40px 40px 20px 40px;
background-color: #013a60;
box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.4);
border-radius: 5px;
font-weight: bold;
}

#bkquizz .bkquizz_answer {
padding: 13px;
margin: 6px 80px 6px 80px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.4);
font-family: Verdana, sans-serif;
font-size: 16px;
}
#bkquizz .bkquizz_answer._selected {
background-color: #ffffff;
border:1px dashed #013a60;
}
#bkquizz .bkquizz_answer:hover {
background-color: #ffffff;
}

#bkquizz_buttons {
padding: 10px 0;
}
#bkquizz .bkquizz_button,
#bkquizz_finale .bkquizz_button {
border-radius: 5px;
background-color: #88c01c;
border: 1px solid #709d16;
min-width: 50px;
height: 42px;
display: inline-block;
cursor: pointer;
box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 1), 0px 0px 2px rgba(255, 255, 255, 0.5);
color: white;

line-height: 2.7;
text-align: center;
font-family: arial, sans-serif;
font-size: 0.8em;
font-weight: bold;    
padding: 0 0.6em;
position: relative;
overflow: hidden;
background-image: url(/global/img/bkentry-button-highlight.png);
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
box-shadow: 0px 4px 8px -3px rgb(0 0 0 / 50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#bkquizz .bkquizz_button:hover,
#bkquizz_finale .bkquizz_button:hover {
background-image: none;
box-shadow: inset 3px 3px 6px 0px rgba(0, 0, 0, 0.4), 1px 1px 2px 0px rgba(255, 255, 255, 0.3);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}

#bkquizz .bkquizz_answer._wrong {
font-weight: bold;
color: #800000;
background-color: #fbc4c4;
}
#bkquizz .bkquizz_answer._right {
font-weight: bold;
text-align:left;
color: #fff;
background-color: #88c01c;
}

#bkquizz_info span._right {
font-weight: bold;
color: #88c01c;
}

#bkquizz_info span._wrong {
font-weight: bold;
color: #880000;
}
#bkquizz ._selected {
background-color: #7fb3fe;
}
.istablet #bkquizz #bkquizz_question,
.isphone #bkquizz #bkquizz_question,
.istablet  #bkquizz .bkquizz_answer,
.isphone  #bkquizz .bkquizz_answer {
margin:  5px 0;
border-radius:0;
display: block;
}
@media (max-width: 1024px) {
._bkouter {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 100px;
  padding-top: 40px;
} 
.bkquiz_outer {
    padding: 0;
}
}



@media(max-width: 750px) {

._bkouter {
  padding:10px;
}
#bkquizz_question,
#bkquizz .bkquizz_answer,
#bkquizz .bkquizz_answer {
margin:  3px 0;
border-radius:0;
}
}