/* font-family: 'Source Sans Pro', sans-serif; */
/* font-family: 'Oswald', sans-serif; */

html {
    overflow-y: scroll;
}

.menu-toggle{
  display: none;
}

.pp-main-nav{
  display: block;
}

.pp-main-nav a{
    color: gray;
}
.pp-main-button{
  border: 1px solid black;
}
.pp-main-button:hover{
  color: white !important;
}
#print-button{
  color: gray;
  cursor: pointer;
  display: inline;
}
input{
  border: 1px solid #ccc;
}
body{
  font-family: 'Source Sans Pro', sans-serif;
}

p, label{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color: #444;
  font-size: 15px;
  padding-left: 10px;

}

label.gv-label{
  text-align: left;
}

h6{
  font-weight: 400;
}

.gerrie{
   background-color: #eee;
}

.gerrie-titel-sectie{
   border-bottom: 1px solid #000;
   margin-bottom: 35px;
   margin-top: 35px;
   padding: 0px !important;
}

.pp-tool-ul li:hover{
  background-color: #444;
  cursor: pointer;
}

.pp-tool-ul a:hover{
  background-color: #222;
  cursor: pointer;
}

.gerrie-titel-sectie h2{
  padding: 10px;
}


.gerrie-titel-sectie h2{
   font-size: 100%;
   font-family: 'Oswald', sans-serif;
}


.ta-rechts{
   text-align: right;
}

@media screen and (max-width: 767px) {
  .ta-rechts{
    text-align: left;
 }
}

.ta-center{
   text-align: center;
}

.lb-center{
  display: block;
  margin: 0px auto;
}

.ip-center{
  display: block;
  margin: auto;
  width: 100%;

}

.pp-vet{
   font-weight: 900 !important;
}

.container{
   margin-top:  20px;
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.pp-tussen-totaal{
   border-top: 1px solid #000;
   padding-top: 10px;
   font-weight: bold;
}

h1.pp-rekentool-title{
   text-align: center;
   margin-top: 50px;
   font-size: 130%;
   font-family: 'Oswald', sans-serif;
}

.pp-totaal-header{
   background-color: #111111;
   color: #fff;
   padding: 15px;
   margin-top: 30px;
}

.pp-totaal-header h2{
   font-size: 110%;
   font-weight: 100;
   margin-bottom: 0px;
}

.pp-totaal-body{
   background-color: #dddddd;
   padding: 15px;
   padding-bottom: 0px;
}

.pp-prijs{
   text-align: center;
}

.pp-totaal-onder{
   margin-bottom: 30px;
}

.pp-subtotaal-box{
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
}

.pp-titel-lijn{
    display: block; width: 150px;
    border: 0; border-top: 2px solid #000;
}

.pp-label{
  margin-bottom: 20px;
}

.pp-container-prod{
  background-color: #efefefef;
  border: 1px solid #dedede;
  padding: 20px;
}

.pp-fold-icon{
  display: block;
  float: right;
  margin-right: 15px;
  opacity: .3;
  margin-top: 12px;
}

.pp-close-icon{
  display: block;
  float: left;
  margin-right: 15px;
  opacity: .3;
  margin-top: 8px;
  margin-left: 10px;
}

.pp-close-icon:hover{
  opacity: 1;
  cursor: pointer;
}

.pp-fold-icon:hover{
  opacity: 1;
  cursor: pointer;
}

.pp-voor{
  display: block;
  float:left;
}

.pp-na{
  display: block;
  float:right;
}

.pp-col-input{
  padding: 0px;
}

.pp-extra-info{
  color: #888;
  font-size: 90%;
  padding-left: 5px;
}

.pp-gv-input, .pp-ak-input{
  width: 50px;
  margin-left: 10px;
}

.pp-comm-input{
  width: 100%;
}

.pp-nopad{
  padding-right: 0px;
  padding-left: 10px;
}

.pp-checkbox{
  margin-right: 10px;
  padding-bottom: .5rem;
}

.pp-row-top{
  margin-top: 40px;
  padding-bottom: 20px;
}

.pp-row-bottom{
  margin-bottom: 40px;
}

.pp-extra-padding{
  padding-left: 15px;
}

.pp-button-voegtoe{
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  display: block;
  float: right;
  margin: 0;
  color: #888;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
}

.pp-button-voegtoe:hover {
  color: #444;
  border-bottom: 2px solid #444;
  cursor: pointer;
}

.pp-button{
  padding: 10px 20px;
  font-weight: 400;
  float:right;
}

.pp-button:hover{
  color: #efefef;
  background-color: #333;
  border: 1px solid #000;
  cursor: pointer;
}

ul.pp-tool-ul{
  margin: 0px;
}

.pp-tool-ul li{
  display: block;
  float: left;
  padding: 10px 20px;
  color: #ccc;
}

li.pp-li-active{
  background-color: #555 !important;
}

li.pp-li-eerst{
  border-right: 1px solid #ccc;
}

.pp-tool-ul li:hover{
  color: #111;
  cursor: pointer;
}

.pp-h3{
  font-size: 100%;
  margin: 0px;
  /*font-family: 'Source Sans Pro', sans-serif; */
  font-family: 'Oswald', sans-serif;
  font-weight: 100;
  letter-spacing: 1px;
}

.pp-h3-input{
  color: #fff;
  padding-top: 10px;
}

.pp-h3-title{
  color: #fff;
  padding: 10px 0px 10px 0px;
}

.pp-product-title{
  /* background-color: #444; */
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #222;
  background-color: #eeeeee;
}


.pp-product-title-noh{
  background-color: #efefef;

  padding: 10px;
}
.pp-container-title{
  margin-top: 0px;
}

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

label{
  line-height: 2;
}

.pp-box-margin{
  margin: 0px 0px;
  padding-top: 20px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ddd;
}

.pp-h-box{
  margin: 0px 0px;
  padding-top: 20px;
  border-bottom: 1px solid #222;
}

.pp-input-box-margin{
  margin: 10px 0px;
  padding-top: 20px;
}

.pp-inactive{
  background-color: #444;
  padding: 10px;
}

.pp-inactive:hover{
  background-color: #666;
}

.pp-inactive h3{
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;

}

.pp-title-buttons li{
  display: block;
  float: right;
  padding: 0px 20px;
  margin-top: 15px;
  color: #ccc;
  font-size: 90%;
  color: #888;
  font-family: 'Oswald', sans-serif;
}

.pp-title-buttons li:hover{
  color: #222;
}

input:focus{
  border: 1px solid #222;
  box-shadow: none;
  outline: 0;
}

.pp-inner-hr{
  background-color: #efefef;
  margin: 0;
}

.pp-code-vak{
  background-color: #dedede;
  padding-top: 10px;
}

.pp-code-vak p{
  margin-bottom: 10px;
}

h6{
  font-family: 'Oswald', sans-serif;
  font-size: 100%;
}

.pp-link{
  display: block;
  float: left;
  padding: 10px;
}

.pp-select-style{
  float: left;
  margin-left: 10px;
  width: 70%;
  background-color: #efefef !important;
  padding:  2px;
  border: 1px #888 solid;
}

.pp-select-style select{
  background-color: transparent;
  border-radius: 0;
  width: 100%;
  border: 0px;
  color: #444;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}

select.pp-rekentool-select:focus{
  outline: 0;
  background-color: transparent;
  border: 0px;

}

.pp-label-float{
  display: block;
  float: left;
}

.add{
  font-family: 'Oswald', sans-serif;
}

.test{
  min-height: 20px;
  background-color: #aaa;
  padding: 30px;
}

.pp-invis{
  display: none;
}

.pp-title-inp{
  font-family: 'Oswald', sans-serif;
  padding-bottom: 10px;
}

.pp-container-prod{
  padding: 10px;
}

.pp-row-openclose:hover .pp-fold-icon{
  opacity: 1;
  cursor: pointer;
}

option.pp-default-option p{
  color: #888;
}


.pp-result-container{
   max-width: 80%;
}

@media screen and (max-width: 960px) {
  .pp-result-container{
   max-width: 80%;
   }
}

@media screen and (max-width: 600px) {
  .pp-result-container{
   max-width: 95%;
   }
}

.pp-link{
  display: block;
  float: left;
  padding: 10px;
}

.pp-login-container{
  max-width: 35%;
}

@media screen and (max-width: 960px) {
  .pp-login-container{
   max-width: 80%;
   }
}

@media screen and (max-width: 767px) {
  .pp-login-container{
   max-width: 95%;
   }

   /* MENU MOBILE */

  .container .pp-main-nav{
    height: 100vh;
    background: #fff;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 8vh;
    display: none;
  }

  .pp-main-nav a{
  margin: 2% 5%;
  width: 80%;
  font-size: 110% !important;
  font-weight: 300 !important;
  }

  #print-button{
    margin: 2% 5%;
  width: 80%;
  font-size: 110% !important;
  font-weight: 300 !important;
  }
  

  .banner{
  z-index: 98;
  }

  .menu-toggle{
  display: block;
  position: fixed;
  top: 0px;
  right: 0px;
  background-color: #222;
  color: #fff;
  padding: 10px 15px;
  z-index: 99;
  }


}

.pp-h2{
  font-family: 'Oswald', sans-serif;
  text-align: center;
}

.pp-code-field{
  margin-top: 80px;
}

.pp-bg-gr{
  background-color: #444;
  color: #fff;
  padding: 25px 30px 40px 30px;
  margin-top: 20px;
}

.pp-bg-gr label{
  color: #fff;
}

.pp-a-button{
  background-color: #333;
  display: block;
  padding: 3px 0px 3px 0px;
  width: 90%;
  float: right;
  text-align: center;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}

a.pp-a-button:hover{
  color:#888;
  text-decoration: none;
}

.title-button-banner{
  background-color: #333;
  padding: 0px;
}

.title-button-banner ul li{
  color: #fff;
  margin-top: 0px;
}

.title-button-banner ul li:hover{
  color: #aaa;
  cursor: pointer;
}

.pp-title-buttons{
  padding: 10px 0px 15px 0px;
}

.newInput{
  margin: 0px;
}

.all-caps{
  text-transform: uppercase;
}

.pp-x-icon{
  font-size: 80%;
  color: #ddd;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 0px;
}

.pp-product-title:hover{
  cursor: pointer;
}

.pp-product-title:hover h3{
  /*font-style: italic;*/
  color: #222;
}

.pp-product-options{
  background-color: #555;
}

.pp-icon-box{
  padding: 0px;
}

.pp-input-container{
  margin-bottom: 30px !important;
  border: 1px solid #222;
}

/* .total-wrapper:hover{
  width: 97%;
} */

.pp-options{
  margin-bottom: 0px;
  color: #444;
  display: block;
  float: right;
  padding: 2px 15px 4px 15px;
  border-left: 1px solid #222;
}

.pp-options:hover{
  background-color: #bcbcbc;
  cursor: pointer;
}

.pp-options-head{
  background-color: #eeeeee;
  border-bottom: 1px solid;
  padding-right: 0px;
  }

.pp-h3-active{
  color:#222;
  font-weight: 300;
}

.pp-h3-inactive{
  color: #999;
}

.pp-margin-title{
  margin-bottom: 20px;
}

.pp-border-around{
  border: 1px solid #222;
  border-bottom: 0px;
  padding: 0px;
}

.pp-verwijder:hover, .pp-cancel:hover{
  color: #811F1F;
  background-color: #E49B9B;
}

.pp-bewerk:hover{
  color: #AC7301;
  background-color: #DFCF7E;
}

.pp-add:hover{
  color: #0f3e0f;
  background-color: #c2f0c2;
}

.pp-edit-box{
    border-bottom: 1px solid #222;
}

.pp-OA-sectie{
  padding-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}

.pp-sectie-contact{
  padding-bottom: 40px !important;
}

.new-oa{
  border: 1px solid #222;
  border-bottom: 0px;
}

.pp-right{
  float: right !important;
  font-size: 80%;
  padding-bottom: 0px !important;
  padding-top: 20px !important;
}

.pp-right h2{
  font-weight: 200;
  text-transform: uppercase;
}

.pp-right-active{
  color: #222 !important;
}

.pp-icon{
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
}

.pp-icon-inactive{
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
  opacity: .3 !important;
}

li:hover .pp-icon-inactive{
  opacity: 1 !important;
}

.pp-gesch-totaal{
  font-weight: bold;
}

.pp-totaal-row{
  border-top: 1px solid #222;
  padding-top: 15px;
}

.pp-nomargin{
  padding-right: 0px !important;
  border-bottom: 1px solid #222;
  background-color: #EEEEEE;
}

.pp-detail:hover{
  background-color: #d6f5f5;
  color: #196666;
}

.padding-after{
  padding-bottom: 30px;
  border-bottom: 1px solid #222;
}

.pp-nomargin{
  margin-top: 0px;
}

.pp-select-title{
  padding: 10px 5px 13px 5px;
  margin-top: 0px;
}

.container_input{
  border-top: 1px solid #222;
  margin-top: 0px;
  background-color: #fff;
}

.pp-container-prod{
  padding: 0px !important;
}

.pp-adres{
  width: 100%;
}

.pp-login-field, .pp-login-button{
  padding: 0px;
}

.result-item{
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
}

.sub-item{
  color: #aaa !important;
  font-weight: 100 !important;
}

.pp-product-total{
  border-top: solid 1px #ddd;
  padding-top: 15px;
  padding-bottom: 5px;
}

.single_Product_marg{
  margin-top: 60px;
  padding-top: 20px;
  border: 1px solid #222;
  min-height: 70px !important;
}

.pp-afm{
  color: #aaa;
  text-transform: lowercase;
  font-weight: 200;
  font-size: 80%;
}

.product_Name {
  font-weight: 400 !important;
}

.pp-top-b{
  border-top: 1px solid #ddd;
}

.pp-checkbox-plaatsing,.pp-checkbox-opmeting{
  float: right;
  margin-top: 7px;
}

.pp-features{
  padding-top: 20px;
  background-color: #F9F9F9;
}

.pp-features-bot{
  padding-top: 20px;
  border-bottom: solid #222 1px;

}

.pp-rb{
  display: block;
  float: left;
  margin: 0px 10px;
  width: 80%;
  text-align: left;
}

.pp-hidden{
  visibility: hidden;
}

.pp-top-line{
  margin-bottom: 15px;
}

.pp-uc-vet{
  color: #aaa;
  text-transform: none;
  font-weight: 400;
  font-size: 15px;
}

/*.pp-input-box{
  background-color: #DEDEDE;
}*/


/* STYLES SINCE UPDATE | OKTOBER 2019 */

.pp-invis-opm, .pp-invis-prod, .pp-invis-pla{
  border: 1px solid #555;
  display: none !important;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.product_Name {
  margin-top: 0px;
}

.single_Product_marg{
  margin-top: 10px;
  padding: 10px 0px;
  border: 1px solid #ddd !important;
}

.border-prod{
  border: 1px solid #555 !important;
}

.totaal_opm, .totaal_pla, .totaal_prod, .totaal_gen{
  margin-top: 10px;
  border: 1px solid #555 !important;
  background-color: #eee;
  font-weight: 400;
  padding: 10px 0px;
}

.pp-light-bg{
  background-color: #F7F7F7 !important;
}

.totaal_gen{
  padding: 0px
}

.result-item{
  margin: 0px;
}

.small-block-price{
  display: block;
  margin: auto;
}

.pp-uitleg{
  color: #BBB;
  font-weight: 100;
  font-size: 80%;
}

.sub-sectie-totaal{
  margin-top: 60px;
}

.gerrie-titel-sectie{
  background-color: #333;
}

.gerrie-titel-sectie h2{
  font-size: 130%;
  color: #fff;
  margin-bottom: 0px;
}

.pp-page{
  margin-bottom: 50px;
}

.product_Name_prod{
  padding-bottom: 10px;
}
.pp-product-total p{
  margin-bottom: 0px;
  font-family: 'Oswald', sans-serif;
}

.sub-item, .label-font label{
  font-family: 'Oswald', sans-serif !important;
}

.totaal_Producten{
  text-align: center;
}

.line-totals, .line-totals-seg, .line-totals-super, .line-totals-tussen{
  padding: 10px !important;
  border-bottom: 1px solid #aaa !important;
}

.line-totals-seg{
  border-bottom: 1px solid #444 !important;
}

.line-totals-tussen{
  border-bottom: 1px solid #444 !important;
  background-color: #e6E6E6 !important;
}

.line-totals-super{
  padding: 10px !important;

  background-color: #333;

}

.line-com{
  background-color: #fff;
}

.line-totals-super .result-item{
  color: #fff !important;
  border-bottom: 0px solid !important;
}

.totaal_gen .col-3 .result-item{
  text-align: center;
}

/*  Header style */
.tool-header{
  background-color: #fff;
  position: fixed !important;
  z-index: 99;
  top: 0px !important;
  left: 0px !important;
  max-width: 100vw !important;
  margin: 0px !important;
  height: 80px; 
  box-shadow: 0 7px 10px -10px #ccc;
} 

.header-title{
  display: block; 
  float: left;
  margin-left: 15px; 
  line-height: 80px;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  font-size: 150%;
}

.header-img{
  display: block; 
  float: left;
  margin-top: 10px;
  margin-left: 50px; 
}

.pp-rekentool-title{
  margin-top: 90px !important; 
}

.pp-main-nav a, #print-button{
  display: block; 
  float: right;
  padding: 10px 20px; 
  background-color: #f5f5f5;
  margin-right: 15px;
  transition: .5s;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
  font-size: 75%;
}

.number-box{
  display: block; 
  float: right; 
  padding: 10px 20px; 
  transition: .5s;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 100;
  font-size: 85%;
}

.pp-main-nav a:hover{
  text-decoration: none;
  background-color: #fff;
}

#print-button:hover{
  text-decoration: none;
  background-color: #fff;
}

.pp-toppage{
  margin-top: 90px;
}

canvas{
  height: 70vh !important;
  width: 80vw !important;
  position: fixed;
  top: 15vh; 
  left: 10vw;
  box-shadow: 0 0px 5px 5px #ddd;
}

.tool-menu-item{
  padding: 0px !important;
  padding-left: 10px !important;
  padding-top: 12px !important;
}

.pp-empty-button{
  margin-right: 20xp;
  border: 1px solid #333;
  padding: 15px;
}

.pp-empty-button:hover{
  color: #fff !important;
  background-color: #333 !important;
  cursor: pointer;
}

a.pp-empty-button{
  color: #333!important;
}

a.pp-empty-button:hover{
  color: #fff !important;
  text-decoration: none !important;
}

.extra-numbers{
  opacity: .2;
}



/* PRINT FILE STYLES  */ 
@media print{
  .col{
    width: 50% !important;
    max-width: 50% !important;
    display: block;
    margin: 0;
    padding: 5px;
  } 

  .container{
    min-width: 1px !important;
  }

  .sectie-productie{
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sectie-extra-opties{
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sub-sectie-opties{
    padding: 0px !important;
  }

  .sub-sectie-opties .gerrie-titel-sectie{
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sub-sectie-opties .container, .totaal_gen{
    width: 50% !important;
    max-width: 50% !important;
    display: block;
    margin: 0 auto;
    page-break-inside: avoid;
  }

  .single_Product_marg{
    margin: 10px 0px 0px 0px !important; 
    max-width: 100% !important;
  } 

  .totaal_gen{
    float: right;
  }
}

/* EXTRA STYLING DATE TOOL */
.pp-toppage-2{
  margin-top: 130px;
  max-width: 60vw !important;
}
.pp-date-nav{
  list-style-type: none;
  margin-bottom: 0px !important;
  padding-left: 0px;
}

.pp-date-nav li{
  display: block;
  float: left;
  margin: 10px 15px;
  padding: 5px 10px;
}

.first-menu-item{
  border-right: 1px solid #ccc;
  margin-right: 0px;
  padding-right: 30px !important;
}

.pp-date-nav li a{
  opacity: .5;
  color: #fff !important;
  font-size: 100%;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}

.pp-date-nav li a:hover{
  opacity: .8;
  cursor: pointer; 
}

.pp-date-nav li a.active{
  opacity: 1;
}

form.showHider label, form.bereikenBegin label, form.userVerlof label{
  display: block;
  text-align: right !important;
  font-family: 'Oswald', sans-serif;
}

form.showHider input, form.bereikenBegin input, form.userVerlof input{
  border-radius: 0px !important;
  border: 1px solid #666;
}

.datepicker{
  border-radius: 0px !important;
  border: 1px solid #666;
  width: 100%;
}

a.pp-dt-button{
  display: block;
  color: #333;
  border: 1px solid #333;
  padding: 10px 25px;
  float: right !important;
  margin-top: 20px;
  margin-left: 30px;
}

a.pp-dt-button:hover{
  color: #fff !important;
  background-color: #333 !important;
  cursor: pointer;
  text-decoration: none !important;
}

.scheiding{
  margin-top: 45px;
}

.leverbaar, .datum_vandaag{
  margin-bottom: 0px !important;
  font-family: 'Oswald', sans-serif;
}

.leverbaar{
  background-color: #DDFFBC;
  font-weight: 500;
  padding: 5px 15px;
}

.possible{
  font-family: 'Oswald', sans-serif;
  background-color: #DDFFBC;
  font-weight: 500;
  padding: 5px 15px;
}

.not_possible{
  font-family: 'Oswald', sans-serif;
  background-color: #FFBCBC;
  font-weight: 500;
  padding: 5px 15px;
}

#select_afkitten{
  position: absolute !important;
  right: 0 !important;
  top:0 !important;
}

/* ADMIN PANELS DATE TOOL */

.verlof-wrapper{
  max-width: 60vw;
  margin-bottom: 155px;
  background-color: #f6F6f6;
  padding-bottom: 30px;
}

.verlof-wrapper .col-12, .verlof-wrapper .col-10{
  padding-right: 30px;
}

.verlof-wrapper div.header{
  padding: 5px !important;
}

.admin_only{
  font-size: 75%;
  font-weight: 100;
}

ul.dates-array{
  list-style-type: none;
  padding: 0;
}

ul.dates-array li{
  width: 100%;
  display: block;
  margin: 5px 0px 0px;
  padding: 10px 20px;
  float: left;
  background-color: #efefef;
  font-family: 'Oswald', sans-serif;
}

.date_delete{
  opacity: .4;
  font-weight: 200 !important;
  font-size: 90% !important;
  float: right;
}

.date_delete:hover{
  opacity: 1;
  cursor: pointer;
}

.colpad{
  padding-left: 30px !important;
}

.pp-info{
  font-family: 'Oswald', sans-serif;
  color: #333;
  font-weight: 200;
  font-size: 90%;
  margin: 0px;
}

.pp-info-block{
  background-color: #fafafa;
  padding: 20px;
  margin-bottom: 35px;
}

.edit_workdays{
  margin-top: 40px;
}

/* DATE TOOL - MOBILE STYLE */
@media screen and (max-width: 767px) {
  .pp-toppage-2{
    margin-top: 10vh;
    max-width: 100vw !important;
  }
  .verlof-wrapper{
    max-width: 100vw;
  }
}

.col-12.sub-sectie-opties{
  padding: 0px;
}

ul.extra-pages li{
    display: block;
    float: left;
}

ul.extra-pages li{
  display: block;
  float: left;
  padding: 5px 10px;
  margin-right: 0px;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
  font-size: 75%;
  color: #666 !important;
}

ul.extra-pages li a{
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
  color: #666 !important;
  cursor: pointer;
}

.sd-footer{
  display: block; 
  padding: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: #fff;
  border-top: 1px solid #222;
  z-index: 99;
}

.av-title{
  color: #444;
  margin-top: 40px;
}

.av-para{
  color: #666;
  padding: 0px;
}

.sd-av-field{
  max-width: 50%;
  margin: auto;
  margin-bottom: 85px;
}

.sd-right-name{
  float: right !important;
}