@charset "UTF-8";

/* ===DEFAULT==== */
@media screen {
body { margin: 20px; padding: 0px }
#quiz_wrapper { max-width: 955px; width: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 23px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 1.3em }
.toggled, .hidden { display: none !important; visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important }
.blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; }
#quiz_wrapper H3 { font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.15; font-size: 24px; }
#quiz_wrapper .intro { line-height: 1.15; font-size: 18px; background-color: #DDDDDD; margin: 0px; padding: 20px 10px; }
#quiz_wrapper .intro .narrow { font-weight: 700; transform: scale(.85, 1) !important; font-stretch: condensed; font-family: "Arial Narrow", Arial, sans-serif; margin-left: -10px; }
#quiz_wrapper .intro .condensed { font-weight: 700; font-stretch: condensed; font-family: "Arial Narrow", Arial, sans-serif; margin-left: 10px }
#quiz_wrapper .intro .left { float: left; display: flow-root; }
#quiz_wrapper .intro .inline { display: inline-block; vertical-align: top }
#quiz_wrapper .intro .allert { color: #0075BE }
#quiz_wrapper .nowrap { white-space: nowrap; }
#quiz_wrapper .preloader { position: fixed; z-index: 999999; top: 0%; left: 0vw; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.70); margin: 0vw; padding: 20px; color: white; }
#quiz_wrapper .hide { display: none; visibility: hidden; margin: 0px!important; padding: 0px !important; }
#quiz_wrapper .header, #quiz_wrapper .header_mobile  { background-image: url(../img/header.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; background-color: #c7eafb; background-position:right top; margin: 0px 0px 30px 0px; }
#quiz_wrapper .header {float: left; width: 100%; max-width: 995px;}
#quiz_wrapper .header h1 {font-size: 36px !important; text-transform: uppercase; margin-top: 12px; padding-left: 0px !important; text-align: left !important; font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold; }
#quiz_wrapper .header .markeer, #quiz_wrapper .header_mobile .markeer {background-color: #FFF; line-height: 56px; padding: 2px; padding-left: 15px; padding-right: 10px;}
#quiz_wrapper .header #gemeente {display: inline;}
#quiz_wrapper .header_mobile_old {display: none; background-color: #FFF;}
#quiz_wrapper .header_mobile_old h1 {font-size: 34px; text-transform: uppercase; margin-top: 12px; color: #0071c7; padding-left: 0px !important; text-align: left; font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold; }
#quiz_wrapper .header_mobile {display: none; float: left; width: 100%; max-width: 995px;}
#quiz_wrapper .header_mobile h1 {font-size: 36px !important; text-transform: uppercase; margin-top: 12px; padding-left: 0px !important; text-align: left !important; font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold; }


}

    @media only screen and (max-width: 850px) {
		#quiz_wrapper .header {background-size: cover;}
		#quiz_wrapper .header_img {width: 995px;}
	}

    @media only screen and (max-width: 680px) {
		#quiz_wrapper .header {display: none;}
		#quiz_wrapper .header_mobile {display: block;}
	}

/* ===SEARCH==== */
@media screen {
#quiz_wrapper .searchbox { background-color: #EEEEEE; margin: 0px !important; padding: 10px !important }
#quiz_wrapper select.dropdown, #quiz_wrapper input.dropdown  {height: 36px; display: inline-block; font-size: 12px; padding: 7px; border-color: #aaa; min-width: 250px; vertical-align: top; border-radius: 6px; background-color: #ffffff; color: #666666; border: 1px solid #333333 }
#quiz_wrapper::after { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -30px -30px; z-index: 99999999 }
#quiz_wrapper select.dropdown:focus { outline: 0; }
#quiz_wrapper input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { border-color: #bbb; outline: 0; z-index: 2; box-shadow: none!important; font-size: 12px; padding-left: 10px; }
#quiz_wrapper input_old[type=text] { font-size: 12px; border-radius: 0; border-color: #aaa; padding-left: 10px; }
#quiz_wrapper input_old[type=text] { display: inline-block; font-size: 12px; padding: 7px; margin-bottom: 10px; border-color: #aaa; border-width: 1px; width: 250px!important; vertical-align: top; margin-left: 5px; border-radius: 6px; background-color: #ffffff; color: #666666; }
#quiz_wrapper .fa { margin-right: 10px; }
#quiz_wrapper .quiz_search { margin-bottom: 20px; }
#quiz_wrapper select { background-color: white; border: thin solid blue; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em;margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
#quiz_wrapper select.classic { background-image: linear-gradient(45deg, transparent 50%, blue 50%),  linear-gradient(135deg, blue 50%, transparent 50%),  linear-gradient(to right, skyblue, skyblue); background-position: calc(100% - 20px) calc(1em + 2px),  calc(100% - 15px) calc(1em + 2px),  100% 0; background-size: 5px 5px,  5px 5px,  2.5em 2.5em; background-repeat: no-repeat; }
#quiz_wrapper select.classic:focus { background-image: linear-gradient(45deg, white 50%, transparent 50%),  linear-gradient(135deg, transparent 50%, white 50%),  linear-gradient(to right, gray, gray); background-position: calc(100% - 15px) 1em,  calc(100% - 20px) 1em,  100% 0; background-size: 5px 5px,  5px 5px,  2.5em 2.5em; background-repeat: no-repeat; border-color: grey; outline: 0; }
#quiz_wrapper select.round { background-image: linear-gradient(45deg, transparent 50%, gray 50%),  linear-gradient(135deg, gray 50%, transparent 50%),  radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 2px),  calc(100% - 15px) calc(1em + 2px),  calc(100% - .5em) .5em; background-size: 5px 5px,  5px 5px,  1.5em 1.5em; background-repeat: no-repeat; }
#quiz_wrapper select.round:focus { background-image: linear-gradient(45deg, white 50%, transparent 50%),  linear-gradient(135deg, transparent 50%, white 50%),  radial-gradient(gray 70%, transparent 72%); background-position: calc(100% - 15px) 1em,  calc(100% - 20px) 1em,  calc(100% - .5em) .5em; background-size: 5px 5px,  5px 5px,  1.5em 1.5em; background-repeat: no-repeat; border-color: gray; outline: 0; }
#quiz_wrapper select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%),  linear-gradient(135deg, gray 50%, transparent 50%),  linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px),  calc(100% - 15px) calc(1em + 2px),  calc(100% - 2.5em) 0.5em; background-size: 5px 5px,  5px 5px,  1px 1.5em; background-repeat: no-repeat; }
#quiz_wrapper select.minimal:focus { background-image: linear-gradient(45deg, gray 50%, transparent 50%),  linear-gradient(135deg, transparent 50%, gray 50%),  linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em,  calc(100% - 20px) 1em,  calc(100% - 2.5em) 0.5em; background-size: 5px 5px,  5px 5px,  1px 1.5em; background-repeat: no-repeat; border-color: gray; outline: 0; }
#quiz_wrapper select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
#quiz_wrapper * { box-sizing: border-box; }
#quiz_wrapper .autocomplete {position: relative;}
#quiz_wrapper input { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 16px; }
#quiz_wrapper input_old[type=text] { background-color: #f1f1f1; width: 100%; }
#quiz_wrapper input[type=submit] { background-color: DodgerBlue; color: #fff; cursor: pointer; }
#quiz_wrapper .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
#quiz_wrapper .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }
#quiz_wrapper .autocomplete-items div:hover { background-color: #e9e9e9; }
#quiz_wrapper .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }
}

/* ===QUIZ LIST HEADER==== */
@media screen {
#quiz_wrapper .quiz_list h3 {font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold;  text-transform: uppercase; font-size: 24px; font-weight: 700; word-spacing: normal; padding: 10px 0px; width: 100%; display: block; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
#quiz_wrapper .quiz_list h4 {font-family: Helvetica Neue LT, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin-top: 0; }
#quiz_wrapper .quiz_list a { color: #262626; }
#quiz_wrapper .quiz_list .quiz_team { display: block; clear: both; max-width: 100vw !important }
#quiz_wrapper .quiz_list .quiz_team_info { font-size: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 20px 10px; }
#quiz_wrapper .quiz_list .quiz_team_info.left { width: 60%; display: inline-block;  /*float: left*/ ; }
#quiz_wrapper .quiz_list .quiz_team_info.right { width: 30%; display: inline-block; float: right; background-color: #F6F6F6; padding: 10px 10px 20px 10px; margin: -30px 0px 0px 0px; color: #666666 }
#quiz_wrapper .quiz_list .quiz_team_info .legende { text-transform: uppercase; font-weight: 700; color: #666666; font-size: 11px; }
#quiz_wrapper .quiz_list p { margin-top: 0; margin-bottom: 0px; font-size: 12px; padding: 0px 5px 4px 5px; }
#quiz_wrapper .quiz_list p.name { text-transform: capitalize; box-sizing: border-box; padding: 5px 5px 3px 5px; text-align: center; position: relative; margin-bottom: 10px; font-size: 14px; }
#quiz_wrapper .quiz_list .quiz_team_header { transition: 0.0s; margin: 6px 0px 0px 0px; padding: 10px; }
#quiz_wrapper .quiz_list .quiz_team_header:hover { cursor: pointer }
#quiz_wrapper .quiz_list .quiz_team_header .btn { float: right; right: 20px; font-size: 16px; margin: 10px 0px 0px 0px !important; padding: 4px 10px; }
#quiz_wrapper .quiz_list .quiz_team_header .btn-close { float: right; right: 20px; font-size: 20px; }
#quiz_wrapper .quiz_list .quiz_team_header .right { display: block; float: right; margin: 0px 0px 0px 0px; }
#quiz_wrapper .quiz_list .quiz_team_header .name { font-weight: 700; line-height: 1.15; font-size: 24px; }
#quiz_wrapper .quiz_list .quiz_team_header .txt-inline { padding: 0px 20px 0px 0px; display: inline !important; }
#quiz_wrapper .quiz_list .quiz_team_header .hour { padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; }
#quiz_wrapper .quiz_list .quiz_team_header .nomargin { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#quiz_wrapper .quiz_list .quiz_team_inline { display: inline; margin: 0px 20px 0px 0px; }
}

/* ===QUIZ LIST ITEM==== */
@media screen {
#quiz_wrapper .quiz_list .quiz_team_item { transition: 0.4s; padding: 0px 10px; display: inline-block; width: 20%; box-sizing: border-box; word-spacing: normal; padding-bottom: 20px; text-align: center; }
#quiz_wrapper .quiz_list .quiz_item { transition: 0.4s; padding: 0px 10px; display: inline-block; width: 20%; box-sizing: border-box; word-spacing: normal; padding-bottom: 20px; text-align: center; }
#quiz_wrapper .quiz_list .quiz_item::after { margin: 0px !important; padding: 0px !important; }
#quiz_wrapper .quiz_list .quiz_item:hover { /*background-color: rgba(25,25,25,0.20);*/ }
#quiz_wrapper .quiz_list .quiz_item .foto { margin-bottom: 5px; width: auto; max-height: 200px }
#quiz_wrapper .quiz_list .quiz_item { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.4; text-align: left; margin: 0px 0px 0px 0px; }
#quiz_wrapper .quiz_list .quiz_item .foto { margin-bottom: 5px; max-width: 100%; display: table; }
#quiz_wrapper .quiz_list .quiz_item .right { display: inline-block; margin: 0px 0px 0px 10px; vertical-align: top; }
#quiz_wrapper .quiz_list .quiz_item .wkteam { font-weight: 700; line-height: 1.15; font-size: 24px; }
#quiz_wrapper .quiz_list .quiz_item .number { font-weight: 700; line-height: 1.15; font-size: 16px; }
#quiz_wrapper .quiz_list .quiz_item .name { font-weight: 700; line-height: 1.15; font-size: 16px; }
#quiz_wrapper .quiz_list .quiz_item .info { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; max-width: 100%; word-wrap: break-word; border-top: #c5c5c5 1px solid }
#quiz_wrapper .quiz_list .quiz_item .txtold { display: block; font-size: 14px; -ms-word-break: break-word; word-break: break-word !important; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; text-indent: -14px; margin-left: 28px; }
#quiz_wrapper .quiz_list .quiz_item .txt { display: block; font-size: 14px; margin-left: 0px; }
#quiz_wrapper .quiz_list .quiz_item .txt-small { font-size: 11px; margin-left: 0px; }
#quiz_wrapper .quiz_list .quiz_item .txt-block { display: table; font-size: 14px; }
#quiz_wrapper .quiz_list .quiz_item .txt-italic { font-style: italic; font-size: 14px }
#quiz_wrapper .quiz_list .quiz_item .txt-label { color: #d30a12; font-size: 16px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_list .quiz_item .txt-inline { padding: 0px 10px 0px 0px; display: inline !important; }
#quiz_wrapper .quiz_list .quiz_item .social .fa { color: #d30a12; font-size: 28px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px }
#quiz_wrapper .quiz_list .quiz_item .fa { color: #d30a12; font-size: 20px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_list .quiz_item .cta { color: #ffffff; background-color: #d30a12; padding: 10px 0px; text-decoration: none; margin: 10px auto; display: block; width: 50%; text-align: center }
#quiz_wrapper .quiz_list .quiz_item .togglebutton { float: right; right: 20px; margin: -13px 0px; display: block; position: absolute; background-color: #efefef; }
#quiz_wrapper .quiz_list .quiz_item .togglebutton .fa { color: #c5c5c5 !important; font-size: 30px !important; background-color: #efefef; display: block !important; }
}

/* ===QUIZ DETAIL==== */
@media screen {
#quiz_wrapper .quiz_detail { }
#quiz_wrapper .quiz_detail a { color: #262626; text-decoration: none; }
#quiz_wrapper .quiz_detail .wrapper { margin: -40px 20px 20px 20px; }
#quiz_wrapper .quiz_detail .foto { width: 95vw; max-width: 200px; display: block; margin: 20px 0px 20px 0px }
#quiz_wrapper .quiz_detail .info { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; max-width: 100%; word-wrap: break-word; border-top: #c5c5c5 1px solid }
#quiz_wrapper .quiz_detail .name { margin: 20px 0px 20px 0px; text-transform: uppercase; font-size: 20px; font-weight: 700; word-spacing: normal; }
#quiz_wrapper .quiz_detail .score { margin: 20px 0px 20px 0px; text-transform: uppercase; font-size: 40px; font-weight: 700; word-spacing: normal; }
#quiz_wrapper .quiz_detail .txt { display: block; padding: 0px 0px 0px 0px }
#quiz_wrapper .quiz_detail .question { display: block; padding: 20px 0px 0px 0px; font-weight: bold; }
#quiz_wrapper .quiz_detail .question:first-child { display: block; padding: 0px 0px 0px 0px; font-weight: bold; }
#quiz_wrapper .quiz_detail .txt-italic { }
#quiz_wrapper .quiz_detail .txt-small { font-size: 11px; margin-left: 0px; }
#quiz_wrapper .quiz_detail .txt-label { color: #d30a12; font-size: 16px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_detail .txt-inline { padding: 0px 20px 0px 0px; display: -webkit-box !important; }
#quiz_wrapper .quiz_detail .legende { text-transform: uppercase; font-weight: 700; color: #666666; font-size: 11px; }
#quiz_wrapper .quiz_detail .social .fa { color: #d30a12; font-size: 28px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px }
#quiz_wrapper .quiz_detail .fa { color: #d30a12; font-size: 20px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_detail .cta { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #d30a12; padding: 10px 30px; text-decoration: none; margin: 20px; display: inline !important; /*width: 100%;*/ text-align: center; min-width: 280px; }
#quiz_wrapper .quiz_detail .cta:hover { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 10px 30px; text-decoration: none; display: inline !important; /*width: 100%;*/ text-align: center; min-width: 280px; }
#quiz_wrapper .quiz_detail .cta-light { font-size: 16px; text-transform: uppercase; color: #d30a12 !important; background-color: #ffffff; padding: 10px 30px; text-decoration: none; margin: 20px; display: inline !important; /*width: 100%;*/ text-align: center; min-width: 280px; border: solid 1px #d30a12 }
#quiz_wrapper .quiz_detail .cta-light:hover { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 10px 30px; text-decoration: none; display: inline !important; /*width: 100%;*/ text-align: center; min-width: 280px; border: solid 1px #333333 }
#quiz_wrapper .quiz_detail .cta a, #quiz_wrapper .quiz_detail .cta a:active, #quiz_wrapper .quiz_detail .cta a:hover, #quiz_wrapper .quiz_detail .cta a:checked { color: #ffffff !important }
#quiz_wrapper .quiz_detail .btn-close { position: relative; float: right; top: 20px; right: 20px; color: #cccccc !important; font-size: 40px; line-height: 34px; margin: 10px 0px 0px 0px; background-color: #ffffff;/* -webkit-box-shadow: -5px 0px 10px rgba(0,0,0,0.2);box-shadow: -5px 0px 10px rgba(0,0,0,0.2);*/ border-radius: 40px; border: 5px #ffffff solid; cursor: pointer; }
#quiz_wrapper .quiz_detail label { display: block; width: 100%; padding: 4px; min-height: 22px;}
#quiz_wrapper .quiz_detail label:hover { background-color: rgba(0,0,0,0.15) }
#quiz_wrapper .quiz_detail input[type=radio] { width: 20px; height: 20px; vertical-align: middle; float: left; margin: 0px 10px 0px 0px; }

}

/* ===QUIZ RESULT ==== */
@media screen {
#quiz_wrapper .quiz_result { }
#quiz_wrapper .quiz_result a { color: #262626; text-decoration: none; }
#quiz_wrapper .quiz_result .wrapper { margin: -40px 20px 20px 20px; }
#quiz_wrapper .quiz_result .foto { width: 95vw; max-width: 200px; display: block; margin: 20px 0px 20px 0px }
#quiz_wrapper .quiz_result .info { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; max-width: 100%; word-wrap: break-word; border-top: #c5c5c5 1px solid }
#quiz_wrapper .quiz_result .name { margin: 20px 0px 20px 0px; font-size: 20px; font-weight: 700; word-spacing: normal; }
#quiz_wrapper .quiz_result .score { margin: 20px 0px 20px 0px; font-size: 40px; font-weight: 700; word-spacing: normal; }
#quiz_wrapper .quiz_result .txt { display: block; padding: 0px 0px 0px 0px }
#quiz_wrapper .quiz_result .question { display: block; padding: 20px 0px 0px 0px; font-weight: bold; }
#quiz_wrapper .quiz_result .question:first-child { display: block; padding: 0px 0px 0px 0px; font-weight: bold; }
#quiz_wrapper .quiz_result .txt-italic { }
#quiz_wrapper .quiz_result .txt-small { font-size: 11px; margin-left: 0px; }
#quiz_wrapper .quiz_result .txt-label { color: #d30a12; font-size: 16px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_result .txt-inline { padding: 0px 20px 0px 0px; display: -webkit-box !important; }
#quiz_wrapper .quiz_result .legende { text-transform: uppercase; font-weight: 700; color: #666666; font-size: 11px; }
#quiz_wrapper .quiz_result .social .fa { color: #d30a12; font-size: 28px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px }
#quiz_wrapper .quiz_result .fa { color: #d30a12; font-size: 20px; margin: 10px 0px 0px 0px }
#quiz_wrapper .quiz_result .cta { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #d30a12; padding: 10px 30px; text-decoration: none; margin: 20px 20px 0px 0px; display: inline-block; /*width: 100%;*/ text-align: center; min-width: 200px; }
#quiz_wrapper .quiz_result .cta:hover { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 10px 30px; text-decoration: none; display: inline; /*width: 100%;*/ text-align: center;  }
#quiz_wrapper .quiz_result .cta-blue { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #0059DA; padding: 10px 30px; text-decoration: none; margin: 20px 20px 0px 0px; display: inline-block; /*width: 100%;*/ text-align: center; min-width: 200px; }
#quiz_wrapper .quiz_result .cta-blue:hover { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 10px 30px; text-decoration: none; display: inline; /*width: 100%;*/ text-align: center;  }
#quiz_wrapper .quiz_result .cta-blue-small { font-size: 10px; text-transform: uppercase; color: #ffffff !important; background-color: #0059DA; padding: 2px 10px; text-decoration: none; display: inline-block; text-align: center; }
#quiz_wrapper .quiz_result .cta-blue-small:hover { font-size: 10px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 2px 10px; text-decoration: none; display: inline-block; text-align: center;  }

#quiz_wrapper .quiz_result .cta-light { font-size: 16px; text-transform: uppercase; color: #d30a12 !important; background-color: #ffffff; padding: 10px 30px; text-decoration: none; margin: 20px 20px 0px 0px; display: inline-block; /*width: 100%;*/ text-align: center; min-width: 200px; border: solid 1px #d30a12 }
#quiz_wrapper .quiz_result .cta-light:hover { font-size: 16px; text-transform: uppercase; color: #ffffff !important; background-color: #333333; padding: 10px 30px; text-decoration: none; display: inline; /*width: 100%;*/ text-align: center;  border: solid 1px #333333 }
#quiz_wrapper .quiz_result .cta a, #quiz_wrapper .quiz_result .cta a:active, #quiz_wrapper .quiz_result .cta a:hover, #quiz_wrapper .quiz_result .cta a:checked { color: #ffffff !important }
#quiz_wrapper .quiz_result .btn-close { position: relative; float: right; top: 20px; right: 20px; color: #cccccc !important; font-size: 40px; line-height: 34px; margin: 10px 0px 0px 0px; background-color: #ffffff;/* -webkit-box-shadow: -5px 0px 10px rgba(0,0,0,0.2);box-shadow: -5px 0px 10px rgba(0,0,0,0.2);*/ border-radius: 40px; border: 5px #ffffff solid; cursor: pointer; }
#quiz_wrapper .quiz_result label { display: block; width: 100%; padding: 4px; min-height: 22px;}
#quiz_wrapper .quiz_result label:hover { background-color: rgba(0,0,0,0.15) }
#quiz_wrapper .quiz_result input[type=radio] { width: 20px; height: 20px; vertical-align: middle; float: left; margin: 0px 10px 0px 0px; }
#quiz_wrapper .quiz_result .allert-green {color: #128547}
#quiz_wrapper .quiz_result .allert-red { color: #AE0002}

}

/* ===RESPONSIVE==== */

@media all and (max-width:1000px) {
#quiz_wrapper .quiz_list .quiz_item { width: 50%; }
#quiz_wrapper { padding: 0px 10px; box-sizing: border-box; }
}

@media all and (min-width:769px) {
#quiz_wrapper .quiz_list .txt-inline.stars { display: block !important }
#quiz_wrapper .quiz_list .txt-inline.doelpunten { display: block !important }
#quiz_wrapper .quiz_list .quiz_detail_item { min-height: 380px; }
}

@media all and (max-width:820px) {
#quiz_wrapper .quiz_list .quiz_item { width: 50%; }
#quiz_wrapper .quiz_list .quiz_item .foto { width: auto; max-height: 100px; float: left; margin: 0px 10px 5px 0px }
}

@media all and (max-width:660px) {
#quiz_wrapper .quiz_list .quiz_item { width: 100%; }
}

@media all and (max-width:640px) {
#quiz_wrapper { padding: 0px 0px; }
}

@media all and (max-width:500px) {
#quiz_wrapper .quiz_list .quiz_item { width: 100%; }
#quiz_wrapper .quiz_detail .cta, #quiz_wrapper .quiz_result .cta, #quiz_wrapper .quiz_detail .cta:hover, #quiz_wrapper .quiz_result .cta:hover  { margin: 20px 0px; display: block !important }
#quiz_wrapper .quiz_detail .cta-light, #quiz_wrapper .quiz_result .cta-light, #quiz_wrapper .quiz_detail .cta:hover, #quiz_wrapper .quiz_result .cta-light:hover { margin: 20px 0px; display: block !important }
#quiz_wrapper select.dropdown, #quiz_wrapper input.dropdown {width: 100%}
#quiz_wrapper input[type=text],#quiz_wrapper input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { border-color: #bbb; outline: 0; z-index: 2; box-shadow: none!important; font-size: 16px; padding-left: 10px; }

}