/*generiek CSS, te overschrijven in de klant-specifieke css*/

#btn_subtitles{
   position:relative;
   display:none;
   background-image:url('../images/btn_subtitles.png');
   background-repeat:no-repeat;
   width:26px; height:16px;
   z-index:1999;
   left:100%;
   top:100%;
   margin-left:-35px;
   margin-top:-25px;
   cursor:pointer;
}
#btn_subtitles.html5{top:0;margin-top:-72px;}
#btn_subtitles.sub_show{background-position:0 0;}
#btn_subtitles.sub_show:hover{background-position:0 -30px;}
#btn_subtitles.sub_hide{background-position:0 -60px;}
#btn_subtitles.sub_hide:hover{background-position:0 -90px;}
#trainingEguide:hover #btn_subtitles{display:block;}

.heeft_srt_file:hover #btn_subtitles{display:block;}

#btn_subtitles.sub_show:hover:before,
#btn_subtitles.sub_hide:hover:before{
   color:white;
   position:relative;
   height:16px;line-height:16px;
   width:150px;
   left:-160px;
   white-space:nowrap;
   text-align:right;
   display:block;
}
#btn_subtitles.sub_show:hover:before{content:'ondertiteling';}
#btn_subtitles.sub_hide:hover:before{content:'verberg ondertiteling';}

.media_mp3 #btn_subtitles{
   display:none !important;
}

/**************************************************************************************/
.interview_overlay{
	font-size:16px;
	line-height:25px;
	padding-left:10px;
	color:white;
	font-weight:900;
	background-image:url('../images/bg_video_overlay.png');
	width:99%;
	height:25px;
	position:absolute;
	top:90%;
   z-index:99999;
   /*margin-top:-7.5%;*/
   pointer-events:none;
}

.interview_overlay .interview_naam{}
.interview_overlay .interview_functie{padding-left:1em;}
#trainingEguide.media_controls .interview_overlay{margin-top:-35px;}
.interview_overlay span{
   font-size:16px;
}
.interview_functie{
	color:#b3c833;
	font-weight:500;
}
/**************************************************************************************/
.videosubbar{
   position:absolute;
   margin:-50px auto;
   font-size:22px;
   line-height:22px;
   color:#FFF;
   font-family: Arial;
   text-shadow: 0px 0px 4px #000;
   text-align:center;
   padding:0 45px;
   width:700px;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;

   pointer-events: none;
  /* background: #333;*/

   /*z-index:999999;*/
   /*display:none;*/

}
.media_links .videosubbar,
.media_rechts .videosubbar,
.media_videohalflinks .videosubbar,
.media_videohalfrechts .videosubbar{
   width:450px;
}
#trainingEguide:hover .videosubbar{margin-top:-75px;}
.media_links, .media_rechts{/*content video klein*/
   width:460px;
   height:259px;
   position: relative;
}
.media_links{
   float:left;
   margin:10px 20px 20px 10px;
}
.media_rechts{
   float:right;
   margin:10px 10px 20px 20px;
}

/*VERWIJDER DOWNLOAD KNOP BIJ HTML5 VIDEO*/
audio::-internal-media-controls-download-button {display:none;}
audio::-webkit-media-controls-enclosure {overflow:hidden;}
audio::-webkit-media-controls-panel {width: calc(100% + 32px); /* Adjust as needed */}

/*dit verbergt zowel de download als de subtitle button*/
/*
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden !important;}
video::-webkit-media-controls-panel{width: calc(100% + 64px) !important;}
*/

/*bovenstaande voor audio kan ook bij video maar dan verberg je ook de subtitle knop*/
/*daarom wordt hieronder de fullscreen button over de downlaod button gelegd. De download btn ergens anders zetten lijkt niet te lukken*/
/*video::-webkit-media-controls-fullscreen-button {
	margin-left: 32px;
	margin-right:-32px;
	z-index: 10;
	position: relative;
	background: #fafafa;
	background-image: url(../images/video_fullscreen_icon.svg);
	background-size: 60%;
	background-position: 50% 50%;
	background-repeat: no-repeat;

}
*/
/**************************************************************************************/
div.verplicht,span.verplicht,p.verplicht{
   color:#FF0000 !important;
}
.melding{
   /*-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;*/
   /*min-height:20px;line-height:20px;*/
   /*text-align:center;*/
   /*background-image:url('../images/melding.png');
   background-repeat:no-repeat;*/

   padding:5px;
   position:relative;
   background-color:white;
   border-width:1px;
   border-style:dashed;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   margin:1em 0;
   line-height: 1.5em;
}

.melding.letop, .melding.alert{border-color:#ff9900;}
.melding.verplicht, .melding.required, .melding.error, .melding.alert{
   border-color:#ff0000;
   -webkit-animation: blinkblink 1s forwards;
      -moz-animation: blinkblink 1s forwards;
        -o-animation: blinkblink 1s forwards;
           animation: blinkblink 1s forwards;
}
.melding.goed, .melding.accept, .melding.ok{border-color:#37b400;}

.melding:before,
.melding:before{
   font-family:"Font Awesome 7 Pro";
	font-weight: normal;
	font-style: normal;
   font-size:2em;
   float:left;
   margin: 6px 3px;
   /*text-shadow: 0 0 5px black;*/
}
.melding.letop:before,
.melding.alert:before{content:'\f071';color:#ff6600;}

.melding.verplicht:before,
.melding.required:before,
.melding.error:before{content:'\f06a';color:#ff0000;}

.melding.goed:before,
.melding.accept:before,
.melding.ok:before{content:'\f00c';color:#37b400;}

.alert{color:#F90;border-color:#F90;}
.error{color:#F00;border-color:#F00;}

@keyframes blinkblink {
  0%   { opacity:1; }
  25%  { opacity:0; }
  50%  { opacity:1; }
  75%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes blinkblink{
  0%   { opacity:1; }
  25%  { opacity:0; }
  50%  { opacity:1; }
  75%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blinkblink{
  0%   { opacity:1; }
  25%  { opacity:0; }
  50%  { opacity:1; }
  75%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blinkblink{
  0%   { opacity:1; }
  25%  { opacity:0; }
  50%  { opacity:1; }
  75%  { opacity:0; }
  100% { opacity:1; }
}



/*
div.melding.letop, div.melding.alert{
   background-position: 0 -50px;
   border:1px solid #ffa800;
}
div.melding.verplicht, div.melding.error, div.melding.required{
   background-position: 0 -150px;
   border:1px solid red;
}
div.melding.accept, div.melding.goed, div.melding.ok{
   background-position: 0 -250px;
   border:1px solid #37b400;
}
*/
.required_ster{
   color:red !important;
   font-weight:bold !important;
   position:relative;
   display:inline-block;

	margin: 0px 0 0 -15px;
    /* float: left; */
    z-index: 2;
    /* right: 0; */
   /*float:right;*/

}
#vraagform.verplichtform::after{
   content:'* Verplichte opdracht';
   font-weight:bold;
   color:red;
   font-size: initial;
}
/*IN IFRAME ANDERE BODY ETC*/
html.iframe,body.iframe{
   width:auto !important;
   height:auto !important;
}
body.iframe #contentContainerDiv{
   margin:0 !important;
   padding:0 !important;
   width: auto !important;
}

.x2{font-size:1.5em !important;}
.x3{font-size:2em !important;}
.x4{font-size:2.5em !important;}

/***********************************************************************************webinar overzicht*/
.home_overzicht{
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.home_overzicht .home_img{
   float:left;
   position:relative;
   margin-right:10px;
   width:100px;
   height:100px;
   background-repeat:no-repeat;
   background-position: center center;
   background-size:cover;
   border:1px solid #CCC;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
}
.home_overzicht .home_intro{
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   overflow: hidden;
}

.home_overzicht h1::first-letter{
   text-transform: capitalize;
}
.home_overzicht .home_link{
   float:right;
   font-size:18px;
   background-color:#0282c2;
   color:#FFF;
   padding:5px 10px;
   text-decoration:none;
   border:1px solid #0282c2;
}
.home_overzicht .home_link:hover{
   background-color:#FFF;
   color:#0282c2;
   text-decoration:none;
}
.home_overzicht .home_intro .datumtijd{
   margin:0 0 10px 0;
   font-size:14px;
   background-color:#F3F3F3;
   display:inline-block;
   padding:5px 10px;
}
/***********************************************************************************aanmeldforms*/
div.aanmeldform{
   margin-top:10px;
}
.aanmeldform .aanmeldform-wrapper{
   width: 100%;
}
.aanmeldform_container.unsel{
   background-color:#f6f6f6;
   opacity: 0.2;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
   filter: alpha(opacity=20); /* IE 5-7 */
}

/*********************************************/
audio{
   padding:0;
   margin:0;
   height:30px !important;

}
/********************************************session timeout msg op de loginpagina*/
div.sessiontimeout_msg_container{
   position:fixed;
   width:100%;
   height:100%;
   left:0;top:0;
   background-color: rgba(206, 206, 206, 0.7);
   z-index:999999;
      display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items:center;
   justify-content:center;

}
div.sessiontimeout_msg_container > div.error_msg{
   position:relative;
   width:400px;
   max-height:90%;
   overflow:auto;
   padding: 30px 30px 30px 60px;
   background-color:#FFF;
   box-shadow: 2px 2px 2px #7c7c7c;
   background-image: linear-gradient(to right, #feb47b, #eb0303);
   background-size: 100% 3px;
   background-repeat: no-repeat;
   background-position: bottom;
}
div.sessiontimeout_msg_container > div.error_msg span.alert:before{
   margin-right:10px;   
}
div.sessiontimeout_msg_container > div.error_msg::before{
   position: absolute;
   content: "\f06a";
   font-family: "Font Awesome 7 Pro";
   color: #ff2f2f;
   left: 17px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 2.2rem;
}
div.sessiontimeout_msg_container > div.error_msg a#sessiontimeout_msg_sluiten{
   border-color: unset !important;
   background-color: unset !important;
   border: unset !important;
   position: absolute;
   right: 0;
   top: 0;
   margin: 0;
   font-size: 1rem;
}
div.sessiontimeout_msg_container > div.error_msg a#sessiontimeout_msg_sluiten::before{
   color: #7e7e7e;
   font-size: 1.3rem;
}
ul.home_profielen, ul.home_profielen li{
   padding:0; margin:5px 0;list-style:none;
}

#voortgang_cbt a.voortgang_item{display:none;}

/*LOGIN FORM*/
#formLogin table tr td:nth-of-type(1){display:none;}

#formLogin input, #formLogin button,
#vergetenform input, #vergetenform button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#vergetenform input[name=email],
#formLogin input[name=username],
#formLogin input[name=password],
#magic_link_form input[name=email_magic_link]{
   background-color:rgba(0,0,0,0.05);
   border:none;
   border-bottom:1px solid rgba(0,0,0,.3);
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   background-repeat:no-repeat;
   background-size: 35px 25px;
   background-position: 5px 7.5px;
   text-indent:40px;
   -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
   -webkit-transition: all .5s ease-in;
   -moz-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
#formLogin input[name=username]:focus,
#formLogin input[name=password]:focus,
#vergetenform input[name=email]:focus,
#magic_link_form input[name=email_magic_link]:focus {
   border-bottom:1px solid #000;
   background-color:rgba(0,0,0,0.1);
}
#formLogin input[name=username]{background-image: url(/images/icons/user.svg);}
#formLogin input[name=password]{background-image: url(/images/icons/key.svg);}
#vergetenform input[name=email],
#magic_link_form input[name=email_magic_link]{background-image: url(/images/icons/apestaart.svg);}

#formLogin input[name=username],
#formLogin input[name=password],
#formLogin button[type=submit],
#vergetenform button[type=submit],
#vergetenform input[name=email],
#magic_link_form input[name=email_magic_link],
#magic_link_form button[type=submit]{width:100%;height:40px !important;font-size:1.1rem;}


#magic_link_form #magic_link_container,
.vragenlijst_toegangscode form#infoform{
   display:flex;
   flex-flow:row nowrap;
}
#magic_link_form input[name=email_magic_link],
.vragenlijst_toegangscode #infoform input[type=text]{
   flex:0 1 100%; 
   margin:0;padding:0 1em;
} 
#magic_link_form button[type=submit]{flex:0 1 60px;}
.vragenlijst_toegangscode #infoform button[type=submit]{flex:0 1 120px;}

#magic_link_form button[type=submit],
.vragenlijst_toegangscode #infoform button[type=submit]{
   margin:0;
}
#magic_link_form button[type=submit]::before{float:none;}


#vergetenform button[type=submit].btn_fa,
#formLogin button[type=submit].btn_fa,
#magic_link_form button[type=submit].btn_fa{text-align:left !important;}

body:not(.mobile) #vergetenform td:nth-of-type(1){width:72%;}
/*#vergetenform td:nth-of-type(2){width:25%;}*/

#vergetenform button[type=submit].btn_fa:before,
#formLogin button[type=submit].btn_fa:before,
#vergetenform button.btn_fa:before,
#magic_link_form button.btn_fa:before{
   font-size: 25px;
   line-height: 40px;
   width:40px;
   margin-right:0;
   text-align:center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /*border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  /*transition: background-color 5000s ease-in-out 0s;*/
  background-color:rgba(0,0,0,0.05) !important;
  background-image: url(/images/icons/user.svg) !important;
}
.headerimage .userimg,
#editdeelnemerform .userimg{max-width:74px;max-height:74px;height:auto;width:74px;}


 /*************************************document uploaden in een cbt*/
.deelnemer_cbt_upload {
      display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   flex-flow:column nowrap;
}

.deelnemer_cbt_upload .upload_forms_uitleg{order:1}
.deelnemer_cbt_upload .eigen_docs{order:10;}
.deelnemer_cbt_upload .upload_forms{order:20;}
.deelnemer_cbt_upload .doc_titel_anderen{order:30;}
.deelnemer_cbt_upload .andere_docs{order:40;}

div.user_doc_upload form,
div.user_doc_upload{
      display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   flex-flow:row wrap;
   align-items: center;
   /*justify-content:space-between;*/
   justify-content:flex-start;
   margin:0;
   padding:5px 0;
   width:100%;
}
div.user_doc_upload .doc_volnaam,
div.user_doc_upload .doc_filenaam{flex:0 1 100%;}
div.upload_forms_uitleg{flex-flow:column wrap; }
div.user_doc_upload .doc_btn{flex:0 1 auto;}
div.user_doc_upload{border-bottom:1px solid rgba(45, 155, 205, 0.32)}

div.user_doc_upload:nth-child(odd){background-color:rgba(45, 155, 205, 0.05)}
div.doc_volnaam img{margin-right:10px;max-width:50px;height:auto;}

.doc_titel_anderen{margin-top:2em;font-weight:bold;}
div.user_doc_upload .doc_volnaam{
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}

.deelnemer_cbt_upload .user_doc_upload.eigen_docs .doc_volnaam{display: none;}
span.doc_datum{font-size:.8rem !important;display:block;color:#888}
span.doc_datum:before{content:'Toegevoegd op ';}
span.doc_cntr{width:30px;margin-right:10px;}
span.doc_cntr:after{content:'.'}

.max_docs_1 span.doc_cntr{display:none;}

.doc_filenaam input[type=file] {
    max-width: 350px;
}

div.deelnemer_cbt_upload > div.upload_forms{display:block;}
div.deelnemer_cbt_upload > div.upload_forms ~ div.upload_forms{display:none !important;}


/********************************************************************deelnemer img uploaden, tonen als img niet als link naar doc */
.deelnemer_cbt_upload.extensies_img{
/*   flex-flow: column wrap;*/
   flex-flow: row wrap;
   justify-content: space-between;
   
}

.deelnemer_cbt_upload.extensies_img .doc_volnaam,
.deelnemer_cbt_upload.extensies_img .doc_filenaam{flex:0 1 auto;}
.deelnemer_cbt_upload.extensies_img .doc_filenaam img {
   max-width:100%;
   max-height:250px;
   width:auto;
   height:auto;
}
.deelnemer_cbt_upload.extensies_img .user_doc_upload.eigen_docs .doc_volnaam{display: flex;}
.deelnemer_cbt_upload.extensies_img .user_doc_upload{
   flex: 0 1 24%;
   width: auto;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: flex-start;
}

.deelnemer_cbt_upload.extensies_img .upload_forms {order: 10;}
.deelnemer_cbt_upload.extensies_img .upload_forms_uitleg {order: 11;}
.deelnemer_cbt_upload.extensies_img .user_doc_upload.eigen_docs{order:40;}

.deelnemer_cbt_upload.extensies_img .user_doc_upload.upload_forms_uitleg,
.deelnemer_cbt_upload.extensies_img .user_doc_upload.upload_forms {
    flex: 0 1 100% !important;
    width: 100%;
}

.deelnemer_cbt_upload.extensies_img .user_doc_upload .doc_volnaam {
   order: 2;
   font-size: .8em !important;
}
.deelnemer_cbt_upload.extensies_img .user_doc_upload .doc_volnaam .profile_img{
   width:30px;
   margin-left:0;
}
.deelnemer_cbt_upload.extensies_img .user_doc_upload .doc_btn{order:3;}
.deelnemer_cbt_upload.extensies_img .user_doc_upload:not(.upload_forms) .doc_cntr{display:none;}

.deelnemer_cbt_upload.extensies_img .doc_titel_anderen{
   flex:0 1 100%;
   display:none;
}
/*******************************************************************************/
.home_block.login_als_crea_only a.loginals_admin:before,
.home_block.login_als_crea_only a.loginals_user:before{
   font-family:"Font Awesome 7 Pro";
	margin:0 5px 0 0 ;
}
.home_block.login_als_crea_only a.loginals_admin:before{content:'\f013';}
.home_block.login_als_crea_only a.loginals_user:before{content:'\f007';}
/*
.home_block.trainingsmodules ul.learning > li > a .home_cbt_image {background-position:-9999999999px;}
*/

.deelnemer_img{
   display:block;
   position:relative;
   width:100%;
   padding-top:100%;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   border-radius:50%;
   border:1px solid #FFF;
   background-size:cover;
   background-position:center center;
   background-repeat:no-repeat;
   background-color:#fff;
   overflow:hidden;
   font-size: 1.4em;
   -webkit-box-sizing: content-box !important;
   -moz-box-sizing: content-box !important;
   box-sizing: content-box !important;
}
.deelnemer_img span.deelnemer_initialen{
   display: block;
   position: absolute;
   text-align: center;
   line-height: 0 !important;
   font-size: 1em !important;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   padding-top: 50%;
}
a.edit_profiel{
   position:relative;
   font-size:inherit;
      display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
}
a.edit_profiel.do_foto:after,
a.edit_profiel.no_foto:after{
   content: '\f030';
   font-family: "Font Awesome 7 Pro";
   font-size: 22px;
   color:rgba(2,130,194,1);
   display: block;
   padding: 0 !important;
   margin: 0;
   text-align: center;
   position: absolute;
   top: 73%;
    left: 73%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
    background: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
a.edit_profiel:hover:after,
a.edit_profiel:hover:after{
   color:#CC0000;
   padding: 0 !important;
}


div.lr_groep_container .upload_foto{
   background-color: #fff;
   color:rgba(2,130,194,1);
   display: block;
   -webkit-border-radius: 50% !important;
   -moz-border-radius: 50% !important;
   border-radius: 50% !important;
   padding: 0 !important;
   margin: 0;
   text-align: center;
   top: 0;
   position: absolute;
   z-index: 2;
    margin-top: 62%;
    margin-left: 62%;
    /* transform: scale(.8); */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px !important;
    line-height: 35px !important;
    font-size: 12px !important;
}

.profile_img{width:50px; margin:5px;}

#headerprofile img,
#headerprofile .profile_img{
   margin:0 0 0 10px;padding:0;
   float:right;
   height:40px;
   width:40px;
   width:auto;
   -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
#headerprofile .profile_img{width:40px; font-size: .7em;}

/*NAAM GROEP ALS LINK OM IN EN UIT TE KLAPPEN, ALS MEER DAN 1 GROEP*/

.groepsinfo div:not(.aantal_1) > fieldset.home_groepsoverzicht > legend{
   color:rgb(2,130,194);
   font-size:1.2em;
   cursor:pointer;
}
.groepsinfo div:not(.aantal_1) > fieldset.home_groepsoverzicht > legend:before{
   font-family:"Font Awesome 7 Pro";
   font-size:1.1em;
   color: rgba(45, 155, 206, 0.6);
   display:inline-block;
   padding-right:.5em;
}
.groepsinfo div:not(.aantal_1) > fieldset.home_groepsoverzicht.toon > legend:before{content:'\f077';}
.groepsinfo div:not(.aantal_1) > fieldset.home_groepsoverzicht.verberg > legend:before{content:'\f078';}
.groepsinfo div:not(.aantal_1) > fieldset.home_groepsoverzicht.verberg > ul.home_list{ height: 0; overflow: hidden;}

/****************************************************************AVG form*/

body.login.avg .home_block{
   background-color: rgba(255,255,255,.9);
}

.avg_form_container {

   padding: 20px;
}
.avg_form_container h1{margin:0 !important;padding:.5em 0 !important;}
.avg_form_container form{
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   flex-flow:row wrap;
   justify-content: space-between;
   background-color:#FFF;padding:10px;
}

.avg_form_container form > label{order:1;flex:0 1 80%;}
.avg_form_container form > button{order:2;}

.avg_form_container form div.avg_checkbox input[type=checkbox]{display:none;}
.avg_form_container form div.avg_checkbox{
   background-image:url(../images/icons/checkbox_unchecked.svg);
   width:30px;height:30px;
   cursor:pointer;
   background-repeat:no-repeat;
   background-position:center center;
   background-size:contain;
   float:left;
}
.avg_form_container form div.avg_checkbox:hover{background-image:url(../images/icons/checkbox_unchecked_hover.svg);}
.avg_form_container form div.avg_checkbox.checked{background-image:url(../images/icons/checkbox_checked.svg);}

.avg_form_container form div.avg_checktxt{    padding-left: 40px; padding-top: 5px;}
.avg_form_container form div.avg_checktxt p:last-child{margin-bottom:0;}

.avg_form_container .niet_akkoord{border:10px solid rgba(0,0,0,.1);background-color:#FFF; padding:10px;margin-top:1em;}
.avg_form_container .niet_akkoord:before{
   content:'\f071';
   color:#ff6600;
   font-family:"Font Awesome 7 Pro";
	font-weight: normal;
	font-style: normal;
   font-size:2em;
   float:left;
   margin:0 5px;
}

/****************************************************************AVG form*/

/* ==================== Custom Css For All Customer At Here ==================== */
.login .btn_fa.btn_fa_volgende {
   font-size: 1.1rem !important;
}
.login .btn_fa.btn_fa_volgende::before {
   width: 30px !important;
}
body.login .home_block h1, 
body.aanmelden .home_block h1{
   padding: 1rem 0 1rem 0;
}