/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* General styles */
html, button, input, select, textarea {
  font-family: 'Open Sans', sans-serif;
}

html {
  font-size: 18px;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.hidden {
  display: none;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

body {
    margin: 0px;
    color: #333;
    background-color: #ffffff;  	
}

h1,h2,h3 {
    text-transform: uppercase;
}

h1            {font-size: 0.98rem;}
h2            {font-size: 1.1rem;}
h3            {font-size: 1rem;}
p,label,td,th {font-size: 1rem; line-height: 1.2rem;}

header {
  width: 100%;
    height: 130px;
    position: relative;
    background-image: url('/css/img/inkesta.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: auto 53px;
}

header h1 {
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 1.3rem 0rem;
}

#language-nav {
  /*! width: 30px; */
    width: auto;
    padding-top: 2px;
    display: block;
    position: absolute;
    top: 0px;
    right: 20px;
    background-color: #f2f2f2;
    padding-bottom: 4px;
    border-radius: 0px 0px 5px 5px;
}

#languages {
  margin:0px;
    padding: 0px;
    height: 23px;
/*     overflow: hidden;  */
}
  
/* #languages.open {
   overflow: none;
   height: auto;
} */

.language {
  width: 22px;
    height: 16px;    
    float:left;
    margin: 0px 3px 6px 3px;
}

.language img {
    position: relative;
}

/*correction for bigger flags*/
#language-nav {
  width: 80px;
    background-color: transparent;
}	

#languages {
    height: 46px;
}

.language {
  width: 44px;
    height: 44px;
}
.language img {
  width:45px;
  height: 30px;
  object-fit: cover;
  border: 1px solid black;
  border-radius: 3px;	
}    
/*end correction*/


.screen {
  background-color: #ffffff;
  border-style: solid; 
  border-color: #bcdee7;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: 40px;
}

.screen.clean {
    border: none;
}

.screen h2 {
    margin-top: 0.625em;
}

.screen-container {
    padding: 30px;
    position: relative;
    width: 260px;
    margin: 0px auto;
}

.close-button,
.help-icon {
  /*background-color: #133e6d;*/
    background-color: #008000; 
    color: #ffffff;
    /*font-size: 0.75rem;*/
  font-size: 1.40rem;
    font-weight: 700;
    text-align: center;
    /*border-radius: 0.53rem;*/
  border-radius: 1rem;
    display: block;
    position: absolute;
    top: 20px;
    top: 5px;
    right: 20px;
    /*line-height: 1rem;
    width: 1.06rem;
    height: 1.06rem;*/
  line-height: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
}

.close-button {
    background-color: #b7c2c5;
    top: 10px;
    line-height: 90%;
    display: none;    
}

.help-close,
.pop-up-close {
  font-size: 0.75rem;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    padding-right: 25px;
    background-image: url('/css/img/icons/navigation/arrow-up.png');
    background: none,
            url('/css/img/icons/navigation/arrow-up.svg') no-repeat;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 19px 19px;
    line-height: 19px;
    cursor: pointer;
    color: #333;
}

.help-content {
    display: none;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
}

.help-content .help-close {
  display: none;
}

.pop-up-content {
    display: none;
    position: absolute;
    position: fixed;
  top: 0px;
    left:0px;
    background-color:#d4eaf0;
    background-color:#ffffff;
    width: 100%;
    height: 100%;
}

.pop-up-content .message {
  border: 1px solid #BCDEE7;
    background-color: #ffffff;    
    position: relative;
    padding: 0px 30px;
}

label {
     line-height: 1.5rem;
}

input {
    border: 1px solid #888888;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
    padding-left: 7px;
    border-radius: 10px;
}

.horizontal label {
  float:left;
    width: 43%;    
    margin-right: 5%;    
    overflow:hidden;
    min-height: 26px;   
}

#candidatelists label {
  width: auto;
  line-height: 1.2;
}

.horizontal .captcha,
.horizontal .check-holder,
.horizontal input {
  float:left;
    width: 45%;    
}

.horizontal input.zip_nr,
.horizontal input.zip_text,
.horizontal input.dob_day,
.horizontal input.dob_month,
.horizontal input.dob_year {
  width: 4%;
  min-width: 25px;
  margin-right: 2%;
}

.horizontal input.dob_year {
  min-width: 50px;
  width: 5%;	
  margin-right: 0%;
}

.horizontal input.zip_nr {
  min-width: 35px;
  width: 5%;	
}


.horizontal .check-holder input + label {
  width: auto;
}


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  
  

  padding-left: 34px;  
  line-height: 31px;
  
}

[type="checkbox"]:not(:checked) + label {
    background: url('/css/img/icons/voting/classic-small-bw-unchecked.png') no-repeat;
    background: none,
            url('/css/img/icons/voting/classic-small-bw-unchecked.svg') no-repeat;    
}

[type="checkbox"]:checked + label {
    background: url('/css/img/icons/voting/classic-small-bw-checked.png') no-repeat;
    background: none,
            url('/css/img/icons/voting/classic-small-bw-checked.svg') no-repeat;    
}

#candidatelists [type="checkbox"]:not(:checked) + label {
    background: url('/css/img/icons/voting/rounded-corner-unchecked.png') no-repeat;
    background: none,
            url('/css/img/icons/voting/rounded-corner-unchecked.svg') no-repeat;    
}

#candidatelists [type="checkbox"]:checked + label {
    background: url('/css/img/icons/voting/rounded-corner-checked.png') no-repeat;
    background: none,
            url('/css/img/icons/voting/rounded-corner-checked.svg') no-repeat;    
}

/* Other options

classic-checked.png
classic-checked.svg
classic-small-bw-checked.png
classic-small-bw-checked.svg
classic-small-bw-unchecked.png
classic-small-bw-unchecked.svg
classic-small-checked.png
classic-small-checked.svg
classic-small-unchecked.png
classic-small-unchecked.svg
classic-unchecked.png
classic-unchecked.svg
rond-simpel-checked.png
rond-simpel-checked.svg
rond-simpel-unchecked.png
rond-simpel-unchecked.svg
rounded-corner-checked.png
rounded-corner-checked.svg
rounded-corner-unchecked.png
rounded-corner-unchecked.svg

*/

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1.5);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

a {
  color:#5396A8;
}

.horizontal p {
  width: 100%;
  float:left;
}

input.clearme {
  color: #cccccc;
}

input.cleared {
  color: #000000;
}

.horizontal label,
.horizontal input {
    margin-bottom: 1rem;
}

.horizontal input[type="submit"] {
    position: absolute;
    bottom: -36px;
    right: 30px;
}

.horizontal  .button-cancel {
  position: absolute;
    bottom: -36px;
    left: 30px;
    margin-bottom: 1rem;
}


input[type="submit"] {
    border: 0px;
    border-radius: 20px;
    width: auto;
    min-width: 110px;
    height: 40px;
    /*background-color: #133e6d;*/
  background-color: #008000;
    color: #ffffff;	
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8rem;
}

a.openbutton {
    border: 0px;
    border-radius: 20px;
    width: auto;
    min-width: 110px;
    height: 40px;
    /*background-color: #133e6d;*/
  background-color: #008000;
    color: #ffffff;	
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.horizontal .alternative {
    display: block;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    border: none;
    color: #222;
    text-transform: uppercase;
    font-size: 0.8rem;
    text-decoration: underline;
    width: auto;
    font-weight: 700;
    text-align: right;
    margin: 20px auto 0px auto;
    padding: 0px 7.5%;
}

table {
    width: 100%;
}

footer {
  width: 320px;
    margin: 0px auto 0px auto;
    padding-bottom: 40px;
}

#logo-mcafee {
    padding-left: 100px;   
    background: url('/css/img/logos/mcafee-secure.png') no-repeat;
    background: none,
            url('/css/img/logos/mcafee-secure.svg') no-repeat;
    width: 105px;
    height: 2rem;
    background-repeat: no-repeat;
    margin: 0px auto;
    margin-bottom: 20px;
}

#logo-mcafee a {
  text-decoration: none;
}

#logo-mcafee span {
    display: block;
    padding-left: 15px;
    font-size: 0.49rem;
    line-height: 0.9rem;
    text-transform: uppercase;
    color: #888888;
    background: url('/css/img/logos/checkmark.png') no-repeat;
    background: none,
            url('/css/img/logos/checkmark.svg') no-repeat;
    background-position: left;
}

#link-privacy {    
    height: 1.625rem;
    border-right: 1px solid #b2b2b2;
    width: 139px;
    text-align: right;
    padding-right: 20px;
    float:left;
}

#link-privacy a {
  color: #333333;
    font-size: 0.56rem;
    line-height: 1.625rem;
    text-transform: uppercase;
}

#logo-digital-elections {

    width: 136px;
    text-align: right;
    margin-left: 20px;
    float: left;    
    height: 1.525rem;
  background: url('/css/img/logos/digitalelections.png') no-repeat;
    background: none,
            url('/css/img/logos/digitalelections.svg') no-repeat;
    background-position: left;
    background-repeat:no-repeat;
}

.template-stembiljet .screen-container {
    padding: 0px;
    width: 100%;
    padding-bottom: 30px;
}

.template-stembiljet .screen-container .message {
  margin-top: 13px;
  padding-top: 20px;
  font-size: 0.89rem;
  line-height: 1.2rem;	
}

.template-stembiljet .screen-container > * {
    margin-left: 30px;
    margin-right: 30px;    
}

.template-stembiljet .screen-container .help-icon {
  margin-right: 0px;
}

.template-stembiljet .screen-container form  {
    margin:0px;    
    padding-bottom: 30px;
}

#candidates label {
  width: auto;
}

.candidatelist a {
  outline: none;
}

.candidatelist h3 {	
    padding: 5px 30px;
    float: left;
  width: 100%;
  box-sizing: padding-box;
   box-sizing: border-box;
}

.candidatelist h3 a {
    width: 100%;
    display: block;
    color: #333;
    font-weight: 700;
}

.candidatelist h3 span {
    display: none;
    font-size: 0.73rem;
    line-height: 1.2rem;
}

.candidatelist h3 span li,
.candidatelist h3 span p {
    font-size: 1.2em;
}

.candidatelist h3.open {
    background-color:#e5f2f6;
    position: relative;    
}

.candidate-group-info {
    text-transform: none;
    font-weight: 300;
    padding-right: 20px;
}

.candidatelist ul {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 10px;
    clear:both;
}

.candidatelist ul li {
    padding: 5px 30px 0px 30px;
    width: 100%;
    box-sizing: padding-box;
    box-sizing: border-box;
    float: left;
    font-size: 0.7875rem;    
    position: relative;    
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
}

.candidatelist ul li a {
    color: #333;
    line-height: 1.5rem;
}

.candidatelist ul li a:hover {
    color: #376AC3; 
}

.candidatelist ul li.open {
    padding-bottom: 5px;
    background-color:#e5f2f6;    

}

.candidatelist ul li.open .close-button {
    display: block;    
}

.candidatelist ul label {
    margin-right: 5px;
}

.candidate-pamflet {
    padding-top: 20px;
    display: none;
}

#candidate-slider .candidate-pamflet,
.candidatelist ul li.open .candidate-pamflet {
    display: block;   
}

.candidatelist ul li.open .candidate-pamflet .name {
  display: none;	
}

.candidate-pamflet figure img {
  border-radius: 1em;
  max-width: 140px;
  min-height: 124px;
  min-width: 124px;
}

.candidate-pamflet table {
    margin-top:10px;    
}

.candidate-pamflet table td,
.candidate-pamflet table th {
    font-weight: 400;
  line-height: 1.5rem;
}

.candidate-pamflet .description {
    font-family: 'Open Sans', sans-serif;   
    margin-bottom: 40px;
}

.candidate-pamflet .description p {
    line-height: 1rem;
    line-height: 1.2rem;
    font-size: 1rem;
}

.candidate-pamflet #social {
  width: 100%;
  float:left;
  margin-top: 30px;
}

.candidate-pamflet #social span {
  float:left;
  line-height: 64px;
  font-size: 1em;
}

.candidate-pamflet #social ul {
  float:right;
  list-style-type: none;
  margin:0px;
  padding: 0px;
  list-style: none;
}

.candidate-pamflet #social ul li {
  float:left;
}

.candidate-pamflet #social ul li a {
  width: 64px;
  height: 64px;
  line-height: 64px;
  display: block;
}

.candidate-pamflet a.facebook { background-image: url('/css/img/facebook.png');}
.candidate-pamflet a.linkedin { background-image: url('/css/img/linkedin.png');}
.candidate-pamflet a.twitter { background-image: url('/css/img/twitter.png');}
.candidate-pamflet a.googleplus { background-image: url('/css/img/googleplus.png');}
.candidate-pamflet a.blogger { background-image: url('/css/img/blogger.png');}



.template-stembiljet input[type="submit"] {
  width: 100px;
    float:none;
    position: absolute;
    right: 30px;
    bottom: -38px;   
  font-weight: 400;
  text-transform: uppercase;
  /*font-size: 0.8rem;*/
  font-size: 1.1rem;
  right: 5%;
  min-width: 130px;
}

.template-stembiljet input[type="submit"].blanco {
  width: 280px;
  right: 3%;
}

.template-stembiljet input[type="submit"]:disabled {
    background-color: #555555;
    color: #aaaaaa;    
}

.template-stembiljet .button-watch-next,
.template-stembiljet .button-watch-previous,
.template-stembiljet .button-cancel {
    background-color: #cccccc;
  width: 100px;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: -38px;
    border: 0px none;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    min-width: 110px;
    height: 40px;
    font-size: 1rem;
    line-height: 2.4rem;
    margin-bottom: 16px;
    
     /*  Versie 2   */
    font-size: 0.8rem;
    background-color: #133e6d;
     font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    left: 5%;
  padding: 0px 10px;
  text-transform: uppercase;
}

.template-stembiljet .button-cancel {
  background-color: #4c5665;

}

.template-stembiljet .button-watch-previous,
.template-stembiljet .button-watch-next {
  background-color: #333;
  left: 10px;	
}

.template-stembiljet .button-watch-next {
  left: auto;
  right: 10px;
}

#candidate-slider {
  overflow: scroll;
}

#candidate-slider .message figure {
    float:left;
  width: 180px;
  margin-top: 15px;
}

#candidate-slider .message .info {
    float:left;
    max-width: 484px;
}

.candidate-pamflet td,
.candidate-pamflet th,
#candidate-slider .message td,
#candidate-slider .message th {
  text-align: left;
    vertical-align: top;
  padding-bottom: 10px;
}

#candidate-slider nav {
    width: 200px;
    margin: 50px auto 0px auto;
    padding-bottom: 10px;
}

#candidate-slider nav span{
    display: block;
    width: 65px;
    height: 21px;
    line-height: 17px;
    background-repeat: no-repeat; 
    cursor: pointer;
}

#candidate-slider nav span.previous {
    text-align: right;
    padding-right: 30px;
    background-image: none, url("/css/img/icons/navigation/arrow-left.svg");
    background-size: 19px 19px;
    background-position: right;
    float:left;
}

#candidate-slider nav span.next {
    text-align: left;
    padding-left: 30px;
    background-image: none, url("/css/img/icons/navigation/arrow-right.svg");
    background-position: left;
    background-size: 19px 19px;    
    float:right;
}

#candidate-slider nav span.pop-up-vote-close {
  position: absolute;
  //left: 20px;
  bottom: 20px;
  right: 20px;
  width: 160px;
right: 83px;
background: #008000;
width: 180px;
padding: 8px 16px;
text-align: center;
color: #ffffff;
border-radius: 20px;
height: auto;
display: none;
}
.options-top .pager {
  border-radius: 22px;
  width: 40px;
  height: 40px;
  font-size: 1rem;
  background-color: #e9510e;
  color: #fbfbfb;
  text-align: center;
  line-height: 2.5rem;    
  top: -35px;    
  right: 100px;    
  position: absolute;
}
textarea {
  width: 400px;
  height: 150px;
  margin-bottom: 40px;
}	

.toggle-class {
  cursor: pointer;
}

.toggle-class .collapse-title {
  margin-top: -1em;
}

.toggle-class .icon-caret {
  margin: 0px 5px 0px 0px;
  border: 1px;
  border-style: solid;
  border-radius: 40%;
    width:30px;
    height: 25px;
    align-items: center;
    text-align: center;
  }

/* Too large for mobile */
/* styles only applicable from 590px = 36.875em @16px base font-size */
@media all and (min-width: 36.875em) {

    h1            {font-size: 1.375rem;}
    h2            {font-size: 1.125rem;}
    h3            {font-size: 1rem;}
    p,label,td    {font-size: 1rem; line-height: 1.2rem;}
    
  header {	    
      height: 250px;
    background-size: auto 125px;
  }

    header h1 {   
       margin: 1.25rem 0rem;
    }

    .screen {	
         
        border-width: 1px 1px 1px 1px;
        width: 550px;
        margin: 0px auto 40px auto;
        border-radius: 20px;
    }
    
    .screen-container {
        width: 490px;
    }
      
  .horizontal .alternative {
        padding: 0px;   
    margin: 20px 22% 10px 0px;
    width: 130px;
    text-align: center;
    float: right;		
  }
    
  .template-stembiljet .button-cancel {
        left: 20%;
  }
    
  .template-stembiljet input[type="submit"] {	
    right: 20%;	    
  }
    
    footer{
        padding-top:40px;
        height: 2rem;
    width: 575px;
  }
  
  .help-content {	
    border-radius: 20px 20px 0px 0px;
    }
    
  .pop-up-content .message {
        width: 490px;
        padding: 30px;        
        border-radius: 20px;
        margin: 0px auto;         
    }
    
    
    
    #candidate-slider .message {
    padding-top:22px;
    margin-bottom: 60px;
  }
    
    #logo-mcafee {
       float:left;
       margin: 0px 0px 0px 40px;
       border-right: 1px solid #b2b2b2;        
       padding-right: 20px;
    }
    
    #link-privacy {
        float:left;
    text-align: center;
        padding-left: 140px;
        width: auto;
        width: 106px;        
    } 
    
    .candidatelist {
    float: left;
  }
  
  .candidatelist.cols-1 {
    width: 100%;	
  }
  .candidatelist.cols-2 {
    width: 50%;	
  }
  
  .candidatelist.cols-5,
  .candidatelist.cols-3,
  .candidatelist.cols-4{
    width: 100%;
  }
  
  .candidate-pamflet td,
  .candidate-pamflet th,
  #candidate-slider .message td,
  #candidate-slider .message th {
    padding-bottom: 0px;
  }
  
    
}

/* General size */
/* styles only applicable from 870px = 54.375em @16px base font-size */
@media all and (min-width: 54.375em) {

  .mobile-only{display: none;}
  
    h2 {font-size: 1.345rem;}
  p,label,td,th    {font-size: 1.2rem; line-height: 1.5rem;}
  .open-introduction p    {line-height: 1.6rem;}

  .screen {
        width: 880px;
    }
    
    .screen.cols-3 {
        width: 90%;
    }
    
    .screen.cols-4
    { 
        width: 100%;
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;                
    }
    .screen.cols-5{
      width: 100%;
    }
    
  .screen-container {
        width: 664px;
        padding-left: 83px;
        padding-right: 83px;
    }
  
  footer{
        padding-top:50px;
  }
        
    .pop-up-content .message {
        margin: 0px auto;         
        width: 664px;
    padding-left: 83px;
    padding-right: 83px;
    }
    
    #candidate-slider .message th {
        min-width: 140px;
    }
    
    #candidate-slider nav {
      margin: 0px auto 0px auto;
  }
    
    .candidatelist.cols-3 {
    width: 33.33%;	
  }
  
  .candidatelist.cols-4 {
    width: 25%;	
  } 
  .candidatelist.cols-5 {
    width: 20%;	
  } 
  
  .template-stembiljet .screen-container h2 {
    padding-top: 30px;
  }
  
  .template-stembiljet .screen-container > * {
      margin-left: 60px;
      margin-right: 60px;    
  }
  
  .candidatelist ul li,
  .candidatelist h3 {
    padding-left: 60px;
    padding-right: 60px;
  }	
  
  /* Versie 2 */
  .template-stembiljet .button-cancel {
        left: 42%;
  }
  
   /* Versie 2 */
  .template-stembiljet input[type="submit"] {	
    right: 20%;	    
  }
  
   /* Versie 2 */	 
  .horizontal .alternative {

      margin-right: 20%; 
     }
    
}


@media all and (min-width: 64.375em) {
   .screen.cols-5 {
       
       width: 1106px;
       
     }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


@media screen and (max-width: 870px){ 
    
    .desktop-only{display: none;} .horizontal div.captcha{width: 234px; float: right;} #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} 

  .template-stembiljet input[type="submit"].blanco { 
    left: 10%
  }
  .template-stembiljet .cancel-blanco { 
    left:10%;
    bottom: -80px;
  }
  
  footer {
    margin-top: 100px;
  }

    .template-stembiljet .pop-up-content {
        min-height: 100vh;
        height: 100%!important;
        padding-top: 0!important;
        }        

    .candidate-pamflet .description {margin-bottom: 80px;}
} 


.help__icon{
background-color: #133e6d;
background-color: #008000;
color: #ffffff;
font-size: 0.75rem;
font-size: 1.40rem;
font-weight: 700;
text-align: center;
border-radius: 0.53rem;
border-radius: 1rem;
display: block;
position: absolute;

right: 20px;
line-height: 1rem;
width: 1.06rem;
height: 1.06rem;
line-height: 1.6rem;
width: 1.6rem;
height: 1.6rem;
cursor: pointer;
  
}

.help__icon.active{
  background-color: #008000;
}

input[type="submit"].blue{
  background-color: #133e6d;
  font-weight: 700;
}

h2.underlined{
  margin:10px 0px 1em 0px;;
  padding-bottom: 4px;
  border-bottom:solid 1px #000;
}
.no-margin{
  margin:0px;
}

.no-underline{
  text-decoration: none;
  color: #2952e8;
}

.dob_month,.dob_day,.dob_year{
  padding: 0px 7px;
  text-align: center;
}



input[type="text"].clearme.dark{
  
  color: #000;
}

span.close-list{
  display: inline-flex;
  float: right;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 25px;
  color:#fff;
  font-size: 1.40rem;
  justify-content: center;
  align-content: center;
  font-weight: 700;
  background-color: #b7c2c5;
  line-height: 1rem;
  cursor: pointer;
}

.candidatelist h3.open span.close-list{
  display: inline-flex;
  font-size: 1.40rem;
  line-height: 90%;
  position: absolute;
    right: 20px;
    text-transform: none;
}
@media all and (min-width: 36.875em) {
  .candidatelist h3.open span.close-list{
    right: 10px;
    }
  
}




.adapted p{
  line-height: 1.5;
  font-size: 1.1em;
  margin: 0px 0px 17px 0px;
}
.adapted label{
    
    width: 54%;	
  font-size: 1.4em;
  line-height: 1.5rem;
/* 	margin-bottom: 1.7em; */
}
.adapted .horizontal input.wide{
  width: 39%;
}
.adapted .horizontal input.zipcode{
  width: 10%;
}

.adapted .horizontal .captcha{
  width: 271px;
  float: right;
  padding-bottom: 2em;
}
.adapted .horizontal div.captcha{}
.adapted #rc-imageselect, .g-recaptcha {transform:scale(0.89);-webkit-transform:scale(0.89);transform-origin:0 0;-webkit-transform-origin:0 0;}

.adapted p.zip-description{
  width: 50%;
  color: #777;
}

.adapted .zipcode_label{
  font-size: 1em;
  float: right;
  width: 41%;
  padding-left: 25px!important;
  margin-right: 0px;
  line-height: 20px!important;
  margin-top:5px;
  background-size: 20px!important;
  box-sizing: border-box;
}

@media all and (max-width: 54.374em) {
  
  .adapted .horizontal input.zipcode{
  width: 50%;
}
  
  
  .adapted .horizontal .captcha{
    
    float: none;
      
  }
  
  .adapted .zipcode_label{
    width: 100%;
  }
  
  .adapted p.zip-description{
  width: 100%;
}
  .adapted label{
    
    width: 100%;	
  font-size: 1.4em;
  line-height: 1.5rem;
/* 	margin-bottom: 1.7em; */
}
  
}

.adapted [type="checkbox"]:not(:checked) + label{
      background: url('/css/img/icons/form-elements/default-unchecked.png') no-repeat;
    background: none, url('/css/img/icons/form-elements/default-unchecked.svg') no-repeat;
        background-size: auto auto, auto auto;
}
.adapted [type="checkbox"]:checked + label{
      background: url('/css/img/icons/form-elements/default-checked.png') no-repeat;
    background: none, url('/css/img/icons/form-elements/default-checked.svg') no-repeat;
        background-size: auto auto, auto auto;
}