.btn,
.btn_mini,
.btn_fa{
   position:relative;
   display:inline-block;
   font-size:12px;
   border: 1px solid var(--theme-color-secondary);
   background-color: var(--theme-color-secondary);
   color:#FFF;
   padding:7px 10px !important;
   text-align:center !important;
   -webkit-border-radius: 0.375rem !important;
   -moz-border-radius: 0.375rem !important;
   border-radius: 0.375rem !important;
   cursor:pointer;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   white-space:nowrap;
   margin:0 4px 4px 0;
   transition: all 0.2s ease;
   height: 36px;
}
.btn.sel, .btn_mini.sel, .btn_fa.sel,
.btn:hover, .btn_mini:hover, .btn_fa:hover{
   text-decoration:none;
   color: #3587ce;
   background-color: #fff;
}
.btn_mini.disabled,
.btn.disabled,
.btn_mini.disabled:hover,
.btn.disabled:hover,
.btn_fa.disabled,
.btn_fa.disabled:hover{
   background-color:#999 !important;
   border-color:#999 !important;
   color:rgba(255,255,255,.7) !important;
   cursor:default;
}

.btn_fa.btn_fa_ico.disabled,
.btn_fa.btn_fa_ico.disabled:hover,
.btn_fa.btn_fa_ico.disabled:before{
   background-color:transparent !important;
   border-color:transparent !important;
   color:#666 !important;
}
.btn_fa.btn_fa_ico{
   background-color:transparent;
   border-color:transparent !important;
   color:rgb(2, 130, 194);
}
.btn_fa.btn_fa_ico:before{
   color: rgba(2,130,194,1);
   /* font-size: 1.8em !important; */
   padding: 0 !important;
   transform: scale(1.4);
   
}
.btn_fa.btn_fa_ico:hover,
.btn_fa.btn_fa_ico:hover:before{
   background-color:transparent;
   color:#CC0000;
}

.btn_mini:before,
.btn:before,
.btn_fa:before{
   font-family:'Font Awesome 7 Pro';
	font-weight: 300;
	font-style: normal;
	text-decoration: inherit;
	text-decoration:none;

	position:relative;
	display:inline-block;
	min-width:14px;

	height:20px;
	line-height:20px;
	font-size:1.2em;
	/*background-color:rgba(2,130,194,1);
	color:#FFF;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 5px;
}

/*********************************************************************************************************/
/********************************************FONTAWESOME CREA BTNS****************************************/
/*********************************************************************************************************/
.btn_fa_alert:before, .btn_fa_letop:before{content:'\f071';}
.btn_fa_archive:before, .btn_fa_archief:before{content:'\f187';}
.btn_fa_cbt:before, .btn_fa_graduation:before, .btn.cbt:before, .btn_mini.cbt:before{content:'\f19d';}
.btn_fa_bar_chart:before, .btn_fa_stats:before,
.btn_mini.resultaten:before, .btn.resultaten:before{content:'\f080';}
.btn_fa_bar_comment:before, .btn_fa_feedback:before, .btn_fa_comment:before{content:'\f075';}
.btn_fa_bars:before, .btn_fa_menu:before{content:'\f0c9';}
.btn_fa_bold:before, .btn_fa_wysiwyg:before{content:'\f032';}
.btn_fa_camera:before, .btn.camera:before{content:'\f030';}
.btn_fa_calendar:before, .btn_fa_agenda:before, .btn.agenda:before, .btn_mini.agenda:before{content:'\f073';}
.btn_fa_close:before, .btn_fa_sluiten:before, .btn.sluiten:before, .btn_mini.sluiten:before{content:'\f00d';}
.btn_fa_cog:before, .btn_fa_tandwiel:before{content:'\f013';}
.btn_mini.wijzigen:before, .btn.wijzigen:before, .btn.change:before,
.btn_fa_cogs:before, .btn_fa_tandwielen:before{content:'\f085';}
.btn_fa_copy:before, .btn_fa_kopie:before, .btn.kopie:before, .btn_mini.kopie:before{content:'\f0c5';}
.btn_fa_square_o:before, .btn_fa_uncheckbox:before{content:'\f0c8'}
.btn_fa_check_square_o:before, .btn_fa_checkbox:before {content:'\f14a'}
.btn_fa_check:before, .btn.accept:before, .btn_mini.accept:before{content:'\f00c'}
.btn_fa_delete:before, .btn_fa_verwijder:before, .btn_fa_trash:before, .btn_fa_verwijderen:before, .btn.verwijderen:before, .btn_mini.verwijderen:before{content: '\f1f8';}
.btn_fa_desktop:before{content:'\f108'}
.btn_fa_edit:before, .btn.bewerken:before, .btn_mini.bewerken:before, .btn.edit:before, .btn_mini.edit:before{content:'\f044';}
.btn_fa_ellipsis_h:before{content:'\f141';}
.btn_fa_ellipsis_v:before{content:'\f142';}
.btn_fa_eye:before, .btn_fa_toon:before, .btn_fa_tonen:before, .btn.toon:before, .btn_mini.toon:before{content:'\f06e';}
.btn_fa_eye_slash:before, .btn_fa_verbergen:before, .btn_fa_verberg:before{content:'\f070';}
.btn_fa_file:before, .btn_fa_page:before{content:'\f15b';}
.btn_fa_file_pdf:before, .btn_fa_pdf:before{content:'\f1c1';}
.btn_fa_filter:before{content:'\f0b0';}

.btn_fa_gift:before, .btn_fa_uitdelen:before, .uitdelen:before{content:'\f06b';}
.btn_fa_home:before, .btn.home:before, .btn_mini.home:before{content:'\f015';}
.btn_fa_info:before, .btn.info:before, .btn_mini.info:before{content:'\f05a';}
.btn_fa_label:before{content:'\f02b';}
.btn_fa_list:before{content:'\f00b';}
.btn_fa_lock:before, .btn.locked:before, .btn_mini.locked:before{content:'\f30d';}
.btn_fa_unlock:before, .btn.unlocked:before, .btn_mini.unlocked:before{content:'\f3c2';}
.btn_fa_mail:before, .btn.mail_groep:before, .btn_mini.mail_groep:before, .btn.mail:before, .btn_mini.mail:before{content:'\f0e0';}
.btn_fa_groep:before{content:'\f0c0';}
.btn_fa_clock-o:before, .btn_fa_klok:before {content: "\f017";}
.btn_fa_magic:before{content:'\f0d0';}
.btn_fa_min:before{content:'\f068';}
.btn_fa_min_circle:before{content:'\f056';}
.btn_fa_mobile:before{content:'\f10b'}
.btn_fa_picture:before, .btn_fa_foto:before, .btn.foto:before, .btn_mini.foto:before{content:'\f03e';}
.btn_fa_secret:before{content:'\f21b';}
.btn_mini.start:before, .btn.start:before,
.btn_fa_play:before{content:'\f04b';}
.btn_fa_pause:before{content:'\f04c';}
.btn_fa_plus:before, .btn_fa_toevoegen:before, .btn.plus:before, .btn_mini.plus:before, .btn.toevoegen:before, .btn_mini.toevoegen:before{content:'\f067';}
.btn_fa_plus_circle:before, .btn_fa_toevoegen_circle:before{content:'\f055';}
.btn_fa_privs:before, .btn_fa_rechten:before{content:'\f21b';}
.btn_fa_read:before, .btn_fa_book:before, .btn.lezen:before, .btn_mini.lezen:before{content:'\f02d';}
.btn_fa_reload:before, .btn_fa_refresh:before, .btn_fa_heruitdelen:before, .btn.herlaad:before, .btn_mini.herlaad:before{content:'\f021';}
.btn_fa_repeat:before, .btn_fa_rotate_right:before{content:'\f01e';}
.btn_fa_save:before, .btn_fa_submit:before, .btn_fa_opslaan:before, .btn.opslaan:before, .btn_mini.opslaan:before{content:'\f0c7';}
.btn_fa_search:before, .btn_fa_zoeken:before, .btn.zoek:before, .btn.search:before, .btn_mini.zoek:before{content:'\f002';}

.btn_fa_sign_in:before, .btn_fa_inloggen:before, .btn.inloggen:before, .btn_mini.inloggen:before{content:'\f090';}
.btn_fa_sign_out:before, .btn_fa_uitloggen:before, .btn.uitloggen:before, .btn_mini.uitloggen:before{content:'\f08b';}

.btn_fa_toggle_off:before{content:'\f204';}
.btn_fa_toggle_on:before{content:'\f205';}
.btn_fa_volgende:before, .btn_fa_go:before, .btn_fa_next:before, .btn.go:before, .btn_mini.go:before, .btn.volgende:before, .btn_mini.volgende:before{content:'\f054';}
.btn_fa_volgorde:before, .btn.dragdrop:before, .btn_mini.dragdrop:before{content:'\f047';}
.btn_fa_volgorde_h:before, .btn_fa_drag_h:before, .btn.dragdrop_h:before, .btn_mini.dragdrop_h:before{content:'\f07e';}
.btn_fa_volgorde_v:before, .btn_fa_drag_v:before, .btn.dragdrop_v:before, .btn_mini.dragdrop_v:before{content:'\f07d';}
.btn_fa_vorige:before, .btn_fa_prev:before, .btn.terug:before, .btn_mini.terug:before{content:'\f053';}
.btn_fa_undo:before, .btn_fa_rotate_left:before{content:'\f0e2';}

.btn_fa_angle_left:before, .btn_fa_left:before{content:'\f104';}
.btn_fa_angle_right:before, .btn_fa_right:before{content:'\f105';}
.btn_fa_angle_up:before, .btn_fa_up:before, .btn.omhoog:before, .btn_mini.omhoog:before{content:'\f106';}
.btn_fa_angle_down:before, .btn_fa_down:before, .btn.omlaag:before, .btn_mini.omlaag:before{content:'\f107';}

/*********************************************************************************************************/
.btn_mini.bijlage:before, .btn.bijlage:before{content:'\f0c6';}
.btn_mini.cancel:before, .btn.cancel:before{content:'\f05e';}
.btn_mini.certificaat:before, .btn.certificaat:before{content:'\f0a3';}
.btn_mini.deelnemer:before, .btn.deelnemer:before, .btn.persoon:before{content:'\f2be';}
/*.btn_mini.einde:before, .btn.einde:before{content:'\';}*/
.btn_mini.factuur:before, .btn.factuur:before{content:'\f153';}
/*.btn_mini.geefopdrachtall:before, .btn.geefopdracht_all:before, .btn.geefopdrachtall:before{content:'\';}
.btn_mini.geefopdracht:before, .btn.geefopdracht:before{content:'\';}*/
.btn_mini.groep:before, .btn.groep:before{content:'\f0c0';}

.btn_mini.internet:before, .btn.internet:before{content:'\f0ac';}
.btn_mini.presentie:before, .btn.presentie:before{content:'\f235';}
.btn_mini.print:before, .btn.print:before, .btn.printen:before{content:'\f02f';}

/*.btn_mini.selecteren:before, .btn.selecteren:before{content:'\';}*/
.btn_mini.schrijven:before, .btn.schrijven:before, .btn.write:before{content:'\f040';}

.btn_mini.uploaden:before, .btn.uploaden:before{content:'\f093';}
.btn_mini.import_deelnemers:before, .btn.import_deelnemers:before,
.btn_mini.downloaden:before, .btn.downloaden:before{content:'\f019';}
.btn_mini.versturen:before, .btn.versturen:before, .btn.send:before{content:'\f1d8';}

.btn_mini.xlsx:before, .btn.xlsx:before, .ico.xlsx:before,
.btn_mini.xls:before, .btn.xls:before, .ico.xls:before{content:'\f1c3';}
.btn_mini.docx:before, .btn.docx:before, .ico.docx:before,
.btn_mini.doc:before, .btn.doc:before, .ico.doc:before{content:'\f1c2';}
.btn_mini.pdf:before, .btn.pdf:before, .ico.pdf:before{content:'\f1c1';}
.btn_mini.text:before, .btn.text:before, .ico.text:before{content:'\f15c';}

.btn_mini.vergroot:before, .btn.vergroot:before{content:'\f00e';}
.btn_mini.dontlike:before, .btn.dontlike:before, .btn.dislike:before{content:'\f165';}
.btn_mini.like:before, .btn.like:before{content:'\f164';}
.btn_mini.connect:before, .btn.connect:before, .btn_fa.btn_fa_connect:before, .btn_fa.btn_fa_koppelen:before, .btn.koppelen:before{content:'\f0c1';}
.btn_mini.disconnect:before, .btn.disconnect:before, .btn_fa.btn_fa_disconnect:before, .btn_fa.btn_fa_ontkoppelen:before, .btn.ontkoppelen:before{content:'\f127';}
.btn_fa_user:before, .btn_fa_deelnemer:before{content:'\f007';}
.btn_fa_users:before{content:'\f0c0';}

.btn_fa_like:before, .like:before{content:'\f164';}
.btn_fa_dislike:before, .dislike:before{content:'\f165';}

.btn_fa_external_link:before, .btn_external_link:before{content:'\f08e';}

.btn_fa_chat:before, .btn_chat:before{content:'\f086';}

.btn_fa_signs:before, .btn_fa_leertrajecten:before{content:'\f277';}
.btn_fa_playlists:before{content:'\f009';}

.btn_fa_star:before{content:'\f005';}

/********************************************************************************************************aparte kleuren voor sommige bnts*/
.btn_fa_save.btn_fa_ico:before, .btn_fa_submit.btn_fa_ico:before, .btn_fa_opslaan.btn_fa_ico:before{color:#00b104; }

.delete, .verwijder, .trash, .verwijderen,
.btn_fa_delete, .btn_fa_verwijder, .btn_fa_trash, .btn_fa_verwijderen{background-color:rgba(255,0,0,.4); border-color:rgba(255,0,0,.4) !important;}
.btn_fa_delete.btn_fa_ico:before, .btn_fa_verwijder.btn_fa_ico:before, .btn_fa_trash.btn_fa_ico:before, .btn_fa_verwijderen.btn_fa_ico:before{color:#F00; }
.btn_delete_user_in_group::before{
   content: '\f1f8';
}
.btn:before{
   margin-right:5px;
}
.btn, .btn_fa{
   text-transform: capitalize;
}
.btn_fa img, .btn img{
	max-height:100% !important;
	margin-left: -5px;
	margin-right: -5px;
   height: 25px;
}
#formLogin input[name=username], #formLogin input[name=password], #formLogin button[type=submit],
 #vergetenform button[type=submit], #vergetenform input[name=email]
 /* , .aanmeldform input */
 {
    width: 100%;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 1.1rem;
    border-radius: 0px !important;
    padding:0px 5px !important;
 }

.vragenlijst_toegangscode .btn_fa.btn_fa_inloggen{
   height: auto !important;
   padding: 0 !important;
}
body.start #clickbox .clickboxfooter .btn.uitloggen{
   border:0px solid rgba(2,130,194,1) !important;
}
body.admin_home .admin-vragenlijsten{
   overflow-x: auto;
}
.admin-custom .opslaan {
   background-color: #00b104;
   border: 1px solid #00b104 !important;
}
.admin-custom .opslaan:hover{
   background-color: #ffffff !important;
   color: #00b104 !important;
}

.admin-custom .terug{
   background-color: #999 !important;
   border: 1px solid #999!important;
}