:root {
    --color-bg: #1A233F;   
    --color-footer-txt: #000000;   /* var(--color-bg) */
    --color-footer-bg: #ffffff;

/* Submit button */
    --color-submit-bg: #1f2f54;  
    --color-submit-txt: #ffffff;
    --color-submit-border: none;
    --color-submit-hover-bg: #161f37;  
    --color-submit-hover-txt: #ffffff;   

/* Gender button */
    --color-gender-bg: none;    
    --color-gender-txt: #161f37; 
    --color-gender-border: #161f37; 
    --color-gender-hover: #161f37;    
    --color-gender-hover-txt: #ffffff;

/* Ekstra buttons */
    --color-other-buttons-bg:none; 
    --color-other-buttons-txt: #000000;   
    --color-other-buttons-hover: #161f37; 
    --color-other-buttons-hover-txt: #ffffff;     

/* Quiz  */
    --color-question-bg: #f2faff; 	
    --color-question-buttons-bg: none; 
    --color-question-buttons-txt: #161f37;  
    --color-question-buttons-border: #161f37; 
    --color-question-buttons-hover: #161f37; 
    --color-question-buttons-hover-txt: #ffffff;    
}
	


	
/*QUIZ SPØRGSMÅL*/
	
/* quiz spørgsmål bg */	
.Question_txt {
    background-color: var(--color-question-bg);
    padding-top: 10px;
   /* padding-right: 25px;
    padding-left: 25px; */
    margin-bottom: 25px;
    border-radius: 10px;
display:none; 
}

/* Quiz spørgsmålstekst */
.Question_heading {
   font-weight: 700;
   font-size:21px;
   color: var(--color-question-txt);
/* display:none;*/
}

/* quiz overskrift "QUIZ" */	
.Question_heading_2 {
   font-weight: 700;
   font-size:45px;
   color:#d40e14;
/* display:none; */
}

/* hvor knapperner er placeret */
.Question_row {
white-space:nowrap; 
}


.ao_row1 {
		
		}	
		
		
.ao_row2 {
				
		}			
		
	
/* Quiz knapper */
.ao_row1 input[type="radio"] {
display:none !important; 
}

.ao_row1 label {
font-size: 14px !important;
    font-weight: bold;
    display: inline-block !important;
    padding: 10px 10px !important;
    border: 1px solid var(--color-question-buttons-border) !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    margin-top: 10px;
    white-space: nowrap;
    /* box-shadow: 0px 2px lightgrey; */
    color:var(--color-question-buttons-txt) !important;
    width:31%;
   background-color: var(--color-question-buttons-bg);
   cursor:pointer;
}


.ao_row1 label:hover{ 
 background-color: var(--color-question-buttons-hover) !important;
   color:var(--color-question-buttons-hover-txt) !important; 
}


.ao_row1 input[type="radio"]:checked + span + label{ 
    background-color: var(--color-question-buttons-hover) !important;
    font-weight:bolder !important;
    color:var(--color-question-buttons-hover-txt) !important; 
}
	
/* Quizknapper end */










/* generel spørgsmålstekst styling */

.tb_Q_heading {
    font-size: 16px !important;
    font-weight: bold;
    text-align: left;
}



/* generel spørgsmålstekst styling end */


/* radiobutton start  */

.tb_Q_aT input[type="radio"] {
display:none !important; 
}

.tb_Q_aT  {
      display: flex;  /* Gør radio-knapperne til en række */
      gap: 2%;      /* Afstand mellem radio-knapper */
     /*  flex-direction: column; */
}
	
.tb_Q_aT label {
    font-size: 14px !important;
    font-weight: bold;
   /* display: inline-block !important; */
    background-color: var(--color-other-buttons-bg) !important;
  /*  padding: 10px 20px !important;*/
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
    width: 49% !important;
    box-sizing: border-box !important;
    margin-top: 0px;
    color: var(--color-other-buttons-txt) !important;
   /* white-space: nowrap; */
    cursor:pointer;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.tb_Q_aT label:hover{ 
    background-color:var(--color-other-buttons-hover) !important;
    color:var(--color-other-buttons-hover-txt) !important; 
}


.tb_Q_aT input[type="radio"]:checked + span + label{ 
           background-color: var(--color-other-buttons-hover) !important;
    font-weight:bolder !important;
	color:var(--color-other-buttons-hover-txt) !important; 
}


	
/*  radiobutton end */	


/* style for dropdown */
.tb_Q_aT_sel {
border-radius: 5px;
width:100%;
height:45px;
border: 1px solid #000000 !important;
background-color:#ffffff !important;
font-size: 16px;
}


.tb_Q_aoT {


}

/* style for dropdown end */	


/* style for checkbox */


.tb_Q_aT_check {
      display: flex;  /* Gør radio-knapperne til en række */
      gap: 2%;
    
}


.tb_Q_aT_check label {
    display: flex;
    gap: 5px;
    cursor:pointer;
}



/* style for checkbox end */
	

/* lav logos grå */

/*
.logo {
    filter: grayscale(100%); /* Gør billedet grå */
    transition: filter 0.0s ease-in-out; /* Blød overgang */
}

.logo:hover {
    filter: grayscale(0%); /* Gør billedet farvet igen */
}	
	
/* lav logos grå end */	

a:link {
color: #000000 !important;
text-decoration: underline;

}



a:visited {
color: #000000 !important;
text-decoration: underline;
}


dl, ol, ul {
    margin-bottom: 0rem !important;
}


.qtip {
     display: none !important;
}



body
{
/*
background: rgb(32, 48, 84);
background: radial-gradient(circle, rgba(32, 48, 84,1) 0%, rgba(23, 30, 56,1) 100%);*/
/*background-image: url("https://ms.smartresponse-media.com/Files/108502/bg.jpg") !important;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top; */
font-family: 'Roboto', sans-serif, 'FontAwesome' !important;
background-color:var(--color-bg) !important; 
}

	
	
.content_row {
    background: rgba(255, 255, 255, 1.0) !important;
    border-radius: 15px;
    margin-top: 15px;
    box-shadow: 1px 3px 6px grey;
}


.hero_row {
    text-align: center;
    margin-bottom: 0px;
    background-position: center;
    background-size: auto;
    margin-bottom: -15px;
}

.hero_img {
    margin-top: -16px;
	border-radius:15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
    width:100%;
}	

.hero_row2 {
    text-align: center;
    margin-bottom: 0px;
    background-position: center;
    background-size: auto;
    margin-bottom: 0px;
}

.hero_img2 {
    margin-top: 0px;
	border-radius:15px;
}			
		
.incentive_row {
    margin-bottom: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 0px;
    padding-top: 9px;
}	
	


.incentive_txt {
font-size:1.1rem;
color:#000000;
line-height:1.2;
margin-bottom: 0px;
/* text-shadow: 0 0.1em 0.75em rgba(0,0,0); 
  text-shadow: 2px 2px 4px #000000;*/
margin-top: 5px
}



.incentive_txt_small{
font-size:1.4rem;
font-weight:bold;
color:#00A600 !important;
margin-top: 10px;
/* text-shadow: 0 0.1em 0.75em rgba(0,0,0);
  text-shadow: 2px 2px 4px #000000;*/
}




#inputArea {

}

.adress {

}


.adress li {
    list-style-type: none;

}

.adress ul{
padding-left: 0;
}


input {
border-radius: 5px;
    width: 100%;
    height: 45px;
    padding-left: 10px;
    padding-right: 0px;
    border: 1px solid #cccccc !important;
    font-size: 12px !important;
}

#q604_select {
 border-radius: 5px;
width: 100%;
height: 45px;
padding: 10px 20px;
border: 1px solid #cccccc !important;
color:#434343;
}


.inputfield_row{
margin-top:-20px!important;
}

.birthfield_row{
margin-top:-30px!important;
}

input[type="checkbox"] {
    height: 20px;
    width:20px;
}



input[type="radio"] {
    height: 20px;
width:20px;
}



/* gender attributes */





#q118 {
	margin-top:0px;
    text-align: left;
   /* width: 100%; */
    z-index: 1001 !important;
    margin-bottom: 0px;
  /*  margin-right: 34px;
    margin-left: 30px;*/
}





/* radio her  */


#q118 input[type="radio"] {
display:none !important; 
}



#q118 label {
    font-size: 14px !important;
    font-weight:bold;
    display: inline-block !important;
    background-color: var(--color-gender-bg) !important;
    padding: 10px 20px !important;
    border: 1px solid var(--color-gender-border) !important;
    border-radius: 5px !important;
    width: 50% !important;
    box-sizing: border-box !important;
    color:var(--color-gender-txt)!important;
    white-space:nowrap;
    Cursor: pointer;
}




#q118 label:hover{ 
    background-color: var(--color-gender-hover) !important;
    color:var(--color-gender-hover-txt) !important;
}


#q118 input[type="radio"]:checked + span + label{ 
    background-color: var(--color-gender-hover)!important;
    font-weight:bolder !important;
    color:var(--color-gender-hover-txt) !important;
}




.gender_row {
/* width:100%; */
   white-space:nowrap;

}
	
/* gender end */


.txt_align {
    text-align:left;
}



.button {
    width: 100%;
    margin-top: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 1px solid var(--color-submit-border); 
    color: var(--color-submit-txt);
    transition: all 0.3s linear;
    background-color: var(--color-submit-bg);
    box-shadow: 0px 2px 3px rgb(0 0 0 / 0.2);
    text-transform:uppercase;
    cursor: pointer;
}
	
.button:hover {
	background-color:var(--color-submit-hover-bg);
	color:var(--color-submit-hover-txt);
}


.footer_row{
background-color:var(--color-footer-bg); 
margin-top:50px !important;
color:var(--color-footer-txt);
border-radius: 5px;
}

.footer_row a {
    color: var(--color-footer-txt) !important;
}
		
	
	
	
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

#q604_select {





}
 }


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
 #q604_select {
input {

    font-size: 12px !important;
}
} 

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

#q604_select {

}

input {
font-size: 14px !important;


}

 }


/* Small Tablets */
@media (min-width: 0px)and (max-width: 767px) {

.incentive_txt_small {
    font-size: 0.1rem;
    margin-top: 10px
}


.incentive_txt {
    font-size: 0.7rem;
    margin-top: 0px

  }


.ui-dialog {
width:85% !important;
}


input {
font-size: 12px !important;
height: 35px;
padding: 10px 5px;
}


#q604_select {
height: 35px;
padding: 10px 5px;
font-size:12px;
}



.mobile_row {
margin-top:-20px;
}



#q118 label {
    font-size: 12px !important;
    box-sizing: border-box !important;
    padding-top:5px !important;
    height:35px; 

}

.txt_align {

    font-size: 12px;
}


.button {
font-size: 12px !important;
}
.footer_row {

    font-size: 11px;
}
.content_row {

    margin-top: 20px;

}



#q149 {

    margin-top: 0px;

}

#q7643 {
margin-top:-5px;
    
}

#q7644 {
margin-top:-20px;
    
}
#q7645 {
margin-top:-20px;
    
}

.birthfield_row{
margin-top:-20px!important;
}

/* radio her  */
#q8882 label {
font-size: 6px !important;
}
	
#q8885 label {
font-size: 6px !important;
}	


.ao_row1 label {
    font-size: 8px !important;
    padding: 10px 0px !important;
    margin-top: 10px;
}

.Question_txt {
    padding-top: 5px;
  padding-right: 0px;
   padding-left: 0px;
   margin-bottom: 25px;
   border-radius: 10px;
}	
	
	
.Question_heading_2 {
   font-size:30px;
}	

.Question_heading {
   font-size:16px;
}

	
	
.hero_img2 {

    margin-bottom: -20px;
}
	


.tb_Q_aT label {
    height: 35px;
    font-size: 11px !important;
/*  padding: 9px 20px !important;
   margin-bottom: 0px;*/
}

/* generel spørgsmålstekst styling */	
.tb_Q_heading {
    font-size: 10px !important;
}
/* generel spørgsmålstekst styling end */		


.tb_Q_aT_sel {
height:30px;
font-size: 12px;
}


.tb_Q_aT_check label {

    font-size: 0.7rem;
}

}