/* general */
        


       @font-face { font-family : myFont1264;src : local('☺'),url('/library/sanoma_nederland/fonts/1264/futurastd-book.otf') format('opentype');}

          body {
              width : 800px;
              height : 1200px;
              
                background-color : #ffffff;
              
          }

          #countdown, .countdown, div#timer, .click {
            
              color : #000000;
            
          }

          div#qualifio_wrapper{
            
              max-width: 800px;
            
          }

          body, input.champTexte, textarea, div.chart-label span, select {
            
              font-size : 14px;
            font-family : myFont1264; 
          }

					body, div.chart-label span {
            
              color : #000000;
            
          }

        h1.campaign_title{
          
              display: none;
          
        }
        h1{
          
            font-size : 24px;
          
            color : #2e2e2e;
          
              font-weight: Normal;
          font-family : myFont1264; 
        }
        h2.campaign_step{
          
            display : block;
          
        }
        h2{
          
            font-size : 20px;
          
            color : #000000;
          
              font-weight: Bold;
          font-family : myFont1264; 
        }

        
          a {
            color:#000000;
          }
        
        div#question, div.question, div.chart-question {
          
            font-size : 16px;
          
            color : #000000;
          
              font-weight: Bold;
          font-family : myFont1264; 
        }

        
        #launchGame{
          text-align : center;
        }
        

        /* qualifioBox */
        div#qualifioBox{
        
            position : relative;
        
      
          margin-left: auto;
          margin-right: auto;
        
      width : 100%;
      
      }

      

        div.quizz{
        
          padding-top : 20px;
        
          padding-bottom : 20px;
        
          padding-left : 20px;
        
          padding-right : 20px;
        
        }

    div#lots {
      
        display : none;
      
    }

    div#others_games {
      
        display : none;
      
    }

    
      div#fb_tools {
        display : none;
      }
      div#social_tools {
        display : none;
      }
    

    div#tools{
    	
        color : #ffffff;
      
      
    }
    

      
      #responsive_tools div#tools a {
        
              border-color: #000000;
              border-style: solid;
              
                  border-width: 1px;
              
          color: #ffffff;
        
          background:#000000;
        
						font-weight: Normal;
				font-family : myFont1264; 
      }

      #responsive_tools div#tools a:hover {
        
                border-color: #000000;
                border-style: solid;
                
                    border-width: 1px;
                
            color: #000000;
        
            background:#ffffff;
        
        }



    .bouton, .ssoBouton, .uploadChooseBtn, .qualifio-gigya-button input, .zoom .simplevote {
      
      
            border-style: solid;
          
              border-color: #000000;
          
              border-width: 1px;
          
        color: #ffffff;
    
        background: #000000;
    
            border-radius : 0px !important;
          
        font-size : 14px;
      
          font-weight: Normal;
      font-family : myFont1264; 

    }

		

		div.cup {
			
	        border-color: #000000;
	    
		}

		div.hourglass-bottom:before, div.hourglass-bottom:after, div.sand {
			
	        background: #000000;
	    
		}

		div.progressBar div {
			
	        background: #000000;
	    
	        color: #ffffff;
	    
            border-radius : 0px !important;
          
		}

		div.progressBar {
			
            border-radius : 0px !important;
          
		}

		.first-clic-info i, .second-clic-info i {
			
					color: #000000;
			
		}

		.first-clic-info span, .second-clic-info span {
			
					background: #000000;
			
					color: #ffffff;
			
		}

		

		.vote-icon span {
			
	        color: #ffffff !important;
	    
		}

		.vote-icon:before {
			
	        color: #ffffff !important;
	    
				background: #000000 !important;
			
		}


    

    .ui-slider-handle.ui-state-default.ui-corner-all {
      
        background: #000000 !important;
      
    }

    .exit div#socialEndScreen a.jssocials-share-link, #responsive_tools div#social a.jssocials-share-link, a.fb_button, .jssocials-share-link, .chrono-wrapper div#progressbar, .chart-border, .graph_inside, .chart-illustration, #fbInvite .fb_messenger_img {
      
        border-radius : 0px !important;
      
    }

    select, textarea, input.champTexte, .answerPic img, .answerVPic, .chkl_response, #keyword, select#ordre, input#code, .identityset select, .questionset select, .gallery select, .qualifio-gigya-textfield input {
      
    }
    div#tools a {
      
          border-radius : 0px;
          
    }

    .answerPic:hover img, textarea:hover, input.champTexte:hover, textarea.champMemo:focus, input.champTexte:focus, #keyword:hover, #keyword:focus,
    input#code:hover, input#code:focus, .qualifio-gigya-textfield input:hover, .qualifio-gigya-textfield input:focus, div.clock, .chrono-wrapper #countdown, .countdown,
    .chrono-wrapper div#progressbar, textarea.champMemo:hover, select:hover, select:focus, div#timer, .answerVPic:hover, div.selectedPic, .selectedPic:hover {
      
        border-color : #000000;
      
    }

    .column2:nth-of-type(2n+2):before, table.scores .score-title th, div.clock .center, div.hour:before, div.clock:after, div.clock:before, div.answerVPic .ic_checkbox {
      
        background : #000000;
      
        color : #ffffff;
      
    }

    .identite .label > span, .identite .question > span, .identite .checkbox .vertical > span, .form_label span, .mandatory-symbol, .coreg-label label span, .click i {
      
        color : #000000;
      
    }

    div#bar {
      
        background : #000000;
        background-image: none !important;
      
    }

      .bouton:hover, .ssoBouton:hover, .uploadChooseBtn:hover, .qualifio-gigya-button input:hover, .zoom .simplevote:hover {
        
              border-width: 1px;
            
                border-color: #000000 !important;
            
            color: #000000;
        
            background: #ffffff;
        
      }




    
        .flat_inside_checkbox::after, .flat_radio input[type="radio"]:checked + .flat_inside_radio::before, .flat_checkbox input[type="checkbox"]:checked + .flat_inside_checkbox::before, .answer-wrapper:hover .flat_inside_radio:before {
          border-color: #000000;
        }
      
        .flat_inside_radio::after {
          background: #000000;
         }
       


    .uploadzone{
      

        border-color : rgba(0, 0, 0, 0.6);
        color : rgba(0, 0, 0, 0.6);
      
    }

    .uploadzone:hover {
      
        border-color : #000000;
        color : #000000;
      
    }

    .jcarousel-skin-partners .jcarousel-container-horizontal {
        width: 670px;
    }
    .jcarousel-skin-partners .jcarousel-clip-horizontal {
        width: 670px;
    }

    .jcarousel-skin-othersgames .jcarousel-container-horizontal {
        width: 730px;
    }
    .jcarousel-skin-othersgames .jcarousel-clip-horizontal {
        width: 730px;
    }

    
    .coda-slider-wrapper{
      width : 100px;
    }
    .coda-slider{
      width : 100px;
    }
    .coda-slider-wrapper.arrows .coda-slider .panel{
      width : 100px;
    }
    .coda-slider .panel{
      width : 100px;
    }
    .coda-slider-wrapper.arrows .coda-slider{
      width : 100px;
    }
    
    
    
        #s_play {
            display: none !important;
        }
    
					.tlr-background-color{background-color: #000000;}
				
					.tlr-text-color{color: #ffffff;}
				
					.tlr-size{font-size: 15px;}
				
					.tlr-info-box-text-color{color: #000000;}
				
        				tlr-font{
					font-family: 'Raleway', sans-serif; 
			        }
      			
		

        
          

          @media only screen and (max-width: 797px){
            body {
              background-image: none;
            }
            div#qualifioBox{
              margin-top : 0px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              left: inherit !important;
            }

             div.quizz {
                padding: 20px;
             }

             div#bandeau_sup img {
                display: block !important;
             }

             .footer img {
                display: inline-block !important;
             }

             div#qualifio_wrapper {
              min-height: auto !important;
             }
          }
          @media only screen and (min-width: 803px){
            body {
              background-image: none;
            }
            div#qualifioBox{
              margin-top : 0px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              left: inherit !important;
            }

             div.quizz {
                padding: 20px;
             }

             div#bandeau_sup img {
                display: block !important;
             }

             .footer img {
                display: inline-block !important;
             }

             div#qualifio_wrapper {
                min-height: auto !important;
             }
          }
          
          /* extra css code added by super admin */
          ::selection {
    color: #ffffff;
    background-color: #000000;
    text-shadow: none;
}

body, table.identite td, input.champTexte, textarea {
    line-height: 1.5em;
}

h1, h2 {
    line-height: initial;
}

.bouton, table.multiple td.description input.bouton { 
    padding: 15px 30px;
}
	
.gallery.thumbnails #qualifioBox .bouton {
    padding: 5px 10px;
}

a, a:link, a:visited, #fb_logout a {
  	text-decoration: underline;
}

a:hover, a.bouton, a.bouton:hover {
  	text-decoration: none;
}

.answerPic img:hover, textarea:hover, input.champTexte:hover, textarea:focus, input.champTexte:focus, #keyword:hover, #keyword:focus, input#code:hover, input#code:focus {
    border-color: #000000;
}

.identite input.champTexte {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #B9B9B9;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.identite input.champTexte:hover, .identite  input.champTexte:focus, .identite textarea:hover, .identite textarea:focus {
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000 !important;
}

.identityset select {
    max-width: inherit;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #B9B9B9;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-size: inherit;
    font-family: inherit;
    text-align: center;
    height: inherit;
    padding: 9px;
    text-align-last: center;	
}
	
.identityset select:hover, .identityset select:focus, .identityset select:active {
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000 !important;
}

#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
	text-decoration: none;
} 

.identite .has-error, .container_matrix-radio .span-error {
    background: transparent!important;
    padding: 0 !important;
}

.identite .span-error {
    padding: 0 !important;
    margin: auto;
} 
            /* extra css code added by client */
          div.answerVPic, div.answerVPic:hover, div.selectedPic, div.selectedPic:hover{border-width:1px !important}
div.answerVPic, div.answerVPic:hover, div.selectedPic, div.selectedPic:hover{border-color:#000000; background-color:#ffffff}
input#check_previous{background:none; border:none; color:black; text-decoration:underline}
input#check_previous:hover{text-decoration: none}
.profil-picture-container{display:none}
.profil-popup[data-v-2086f47f]{border-radius:inherit}
.profil-popup h2[data-v-2086f47f]{color:black; text-align:left}
a.bouton{margin:0; padding:14px 30px 14px 20px; letter-spacing:0.5px}
#check_previous.bouton{margin:15px 5px 15px 0px; padding:15px}
.answerPic, .answerPic figure{transition:.2s; margin-bottom:10px}
.background-overlay[data-v-2086f47f] {background: rgba(255,255,255,.8)}

.chart-picture[data-v-2086f47f] {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.chart-picture-container[data-v-2086f47f] {
  height: 100px;
  display: inline-block;
  width: 10%;
  float: right;
}
.chart-picture-container~.chart-middle[data-v-2086f47f] {
  width: 90%;
}

@media only screen and (max-width: 600px){
	.chart-picture-container[data-v-2086f47f] {width: 20%;}
.chart-picture-container~.chart-middle[data-v-2086f47f] {width: 80%;}
}

.quizz{display:flex; flex-direction:column}
.quizz .chart-personality{order:1}
.quizz .fc-result-button{order:2; text-align:center}
.quizz .fc-result-text{order:3}