/*********************************************************************************************************/
/********************************************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{content:'\f19d';}
.btn_fa_bar_chart:before, .btn_fa_stats: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_calendar:before, .btn_fa_agenda:before{content:'\f073';}
.btn_fa_close:before, .btn_fa_sluiten:before{content:'\f00d';}
.btn_fa_cog:before, .btn_fa_tandwiel:before{content:'\f013';}
.btn_fa_cogs:before, .btn_fa_tandwielen:before{content:'\f085';}
.btn_fa_copy:before, .btn_fa_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{content:'\f00c'}
.btn_fa_delete:before, .btn_fa_verwijder:before, .btn_fa_trash:before, .btn_fa_verwijderen:before{content: '\f1f8'; }
.btn_fa_desktop:before{content:'\f108'}
.btn_fa_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{content:'\f06e';}
.btn_fa_eye_slash:before, .btn_fa_verbergen: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_home:before{content:'\f015';}
.btn_fa_info:before{content:'\f05a';}
.btn_fa_label:before{content:'\f02b';}
.btn_fa_list:before{content:'\f00b';}
.btn_fa_lock:before{content:'\f30d';}
.btn_fa_unlock:before{content:'\f3c2';}
.btn_fa_mail:before{content:'\f0e0';}
.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{content:'\f03e';}
.btn_fa_secret:before{content:'\f21b';}
.btn_fa_play:before{content:'\f04b';}
.btn_fa_plus:before, .btn_fa_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{content:'\f02d';}
.btn_fa_reload:before, .btn_fa_refresh: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{content:'\f0c7';}
.btn_fa_search:before, .btn_fa_zoeken:before{content:'\f002';}

.btn_fa_sign_in:before, .btn_fa_inloggen:before{content:'\f090';}
.btn_fa_sign_out:before, .btn_fa_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{content:'\f054';}
.btn_fa_volgorde:before{content:'\f047';}
.btn_fa_volgorde_h:before, .btn_fa_drag_h:before{content:'\f07e';}
.btn_fa_volgorde_v:before, .btn_fa_drag_v:before{content:'\f07d';}
.btn_fa_vorige:before, .btn_fa_prev: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{content:'\f106';}
.btn_fa_angle_down:before, .btn_fa_down:before{content:'\f107';}
.btn_fa_user:before, .btn_fa_deelnemer:before{content:'\f007';}
/*********************************************************************************************************/
.btn_fa{
   position:relative;
   display:inline-block;
   /*font-size:inherit;*/
   font-size:12px;
   line-height:inherit;

   background-color:#666;
   border:1px solid rgba(2,130,194,1) !important;
   background-color:rgba(2,130,194,1);
   color:#FFF;

   padding:0 5px !important;
   text-align:center !important;
   -webkit-border-radius: 2px !important;
   -moz-border-radius: 2px !important;
   border-radius: 2px !important;

   cursor:pointer;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   min-width:24px !important;
   height:24px !important;line-height:24px !important;
   white-space:nowrap;
   margin:0 1px 1px 0;
}
/*.btn_fa:first-child{
   margin:0;
}*/

.btn_fa.sel,
.btn_fa:hover{
   background-color:#FFF;
   color:rgba(2,130,194,1);
   text-decoration:none;
}
.btn_fa.disabled,
.btn_fa.disabled:hover{
   background-color:#999 !important;
   border-color:#999 !important;
   color:rgba(255,255,255,.7) !important;
}
.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,
.btn_fa.btn_fa_ico:before{
   background-color:transparent;
   color:rgba(2,130,194,1);
   font-size:1.4em !important;
   padding:0 !important;
   border:none !important;
}
.btn_fa.btn_fa_ico:hover,
.btn_fa.btn_fa_ico:hover:before{
   background-color:transparent;
   color:#CC0000;
}
.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:22px;
	line-height:22px;
	font-size:1.2em;
	/*background-color:rgba(2,130,194,1);
	color:#FFF;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}
.btn_fa:hover:before{
   /*background-color:#FFF;
   color:rgba(2,130,194,1);*/
}

.btn_input_height{
   height:26px !important;line-height:26px !important;
}

.btn_fa img, .btn img{
   max-height:100% !important;
   
}
/********************************************************************************************************aparte kleuren voor sommige bnts*/
/*.btn_fa_save, .btn_fa_submit, .btn_fa_opslaan{
   background: rgba(2,130,194,1);
   background: -moz-linear-gradient(left, rgba(0,177,3,1) 0%, rgba(0,177,3,1) 20px, rgba(4,131,194,1) 20px, rgba(2,130,194,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,177,3,1)), color-stop(20px, rgba(0,177,3,1)), color-stop(20px, rgba(4,131,194,1)), color-stop(100%, rgba(2,130,194,1)));
   background: -webkit-linear-gradient(left, rgba(0,177,3,1) 0%, rgba(0,177,3,1) 20px, rgba(4,131,194,1) 20px, rgba(2,130,194,1) 100%);
   background: -o-linear-gradient(left, rgba(0,177,3,1) 0%, rgba(0,177,3,1) 20px, rgba(4,131,194,1) 20px, rgba(2,130,194,1) 100%);
   background: -ms-linear-gradient(left, rgba(0,177,3,1) 0%, rgba(0,177,3,1) 20px, rgba(4,131,194,1) 20px, rgba(2,130,194,1) 100%);
   background: linear-gradient(to right, rgba(0,177,3,1) 0%, rgba(0,177,3,1) 20px, rgba(4,131,194,1) 20px, rgba(2,130,194,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b103', endColorstr='#0282c2', GradientType=1 );
}*/

.btn_fa_save, .btn_fa_submit, .btn_fa_opslaan{background-color:#00b104; border-color:#00b104 !important;}
.btn_fa_save.btn_fa_ico:before, .btn_fa_submit.btn_fa_ico:before, .btn_fa_opslaan.btn_fa_ico:before{color:#00b104; }

.btn_fa_delete, .btn_fa_verwijder, .btn_fa_trash, .btn_fa_verwijderen{background-color:#F00; border-color:#F00 !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; }
/*********************************************************************************************************/
/*********************************************OLD SCHOOL CREA BTNS****************************************/
/*********************************************************************************************************/
.btn, .btn_mini{
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   line-height: 22px !important;
   height: 22px !important;
   margin:1px !important;
   color: #FFF !important;
   text-decoration: none !important;
   display:inline-block;
   cursor:hand;cursor:pointer;
   border:none;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

   /*box-shadow functioneert als border*/
   -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
   -moz-box-shadow:    0px 0px 0px 1px rgba(255, 255, 255, 1);
   box-shadow:         0px 0px 0px 1px rgba(255, 255, 255, 1);

   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;

   background-color: #666666;
   background-image:url('../images/btns.png');
}
.btn.is_html5, .btn_mini.is_html5{
   background-image:url('../images/btns.png'), -webkit-gradient(linear, right top, left top, color-stop(24px, #3376ff), color-stop(24px, #666666));
   background-image:url('../images/btns.png'), -moz-linear-gradient(left, #3376ff 24px, #666666 24px);
   background-image:url('../images/btns.png'), -o-linear-gradient(left, #3376ff 24px, #666666 24px);
   background-image:url('../images/btns.png'), -webkit-linear-gradient(left, #3376ff 24px, #666666 24px);
   background-image:url('../images/btns.png'), -ms-linear-gradient(left, #3376ff 24px, #666666 24px);
   background-image:url('../images/btns.png'), linear-gradient(to left, #3376ff 24px, #666666 24px);
}
.btn:hover, .btn_mini:hover{
   -o-transition: background-color .5s;
   -moz-transition: background-color .5s;
   -webkit-transition: background-color .5s;
   transition: background-color .5s;

   background-color: #FF0000 !important;
   text-decoration:none;
   color: #FFF !important;
}
.btn.is_html5:hover, .btn_mini.is_html5:hover{
   background-image:url('../images/btns.png'), -webkit-gradient(linear, right top, left top, color-stop(22px, #FF0000), color-stop(22px, #FF0000)) !important;
   background-image:url('../images/btns.png'), -moz-linear-gradient(left, #FF0000 22px, #FF0000 22px) !important;
   background-image:url('../images/btns.png'), -o-linear-gradient(left, #FF0000 22px, #FF0000 22px) !important;
   background-image:url('../images/btns.png'), -webkit-linear-gradient(left, #FF0000 22px, #FF0000 22px) !important;
   background-image:url('../images/btns.png'), -ms-linear-gradient(left, #FF0000 22px, #FF0000 22px) !important;
   background-image:url('../images/btns.png'), linear-gradient(to left, #FF0000 22px, #FF0000 22px) !important;
}

.accept {background-position: right -88px;}
.agenda {background-position: right -110px;}
.allebijlagen {background-position: right -132px;}
.bewerken {background-position: right -154px;}
.bijlage {background-position: right -176px;}

.cbt {background-position: right -1452px;}
.cbt_klaar {background-position: right -1474px;}
.cancel {background-position: right -198px;}
.certificaat {background-position: right -1056px;}
.deelnemer {background-position: right -550px;}

.dragdrop {background-position: right -1364px; cursor: move !important;}
.dragdrop_h {background-position: right -1386px; cursor: move !important;}
.dragdrop_v {background-position: right -1408px; cursor: move !important;}
.edit {background-position: right -154px;}
.esf {background-position: right -1034px;}
.einde {background-position: right -1320px;}

.btn.factuur {background-position: right -1012px;}
.btn.g90 {background-position: right -1144px;}
.btn.g90_check {background-position: right -1144px;}
.btn.g180 {background-position: right -1144px;}
.btn.g180_check {background-position: right -1144px;}
.btn.geefopdracht_all {background-position: right -264px;}
.btn.geefopdracht {background-position: right -220px;}
.btn.geefopdrachtall {background-position: right -242px;}
.btn.go {background-position: right -1078px;}
.btn.groep {background-position: right -286px;}
.btn.groep_template {background-position: right -1100px;}
.btn.home {background-position: right -1298px;}
.btn.import_deelnemers {background-position: right -242px;}
.btn.info {background-position: right -308px;}
.btn.internet {background-position: right -330px;}
.btn.kopie {background-position: right -352px;}
.btn.lezen {background-position: right -1144px;}
.btn.mail_groep {background-position: right -396px;}
.btn.mail_result_verstuurd {background-position: right -440px;}
.btn.mail_result {background-position: right -418px;}
.btn.mail {background-position: right -374px;}
.btn.no_fac {background-position: right -1210px;}/*geen factuur*/
.btn.omhoog {background-position: right -462px;}
.btn.omlaag {background-position: right -484px;}
.btn.opslaan {background-position: right -506px; font-weight:bold !important;}
.btn.opslaan_pijllinks {background-position: right -528px;}
.btn.persoon {background-position: right -550px;}
.btn.plus {background-position: right -572px;}
.btn.presentie {background-position: right -770px;}
.btn.printen {background-position: right -594px;}
.btn.reset {background-position: right -616px;}
.btn.resetopdrachten {background-position: right -638px;}
.btn.resultaten {background-position: right -1166px;}
.btn.selecteren {background-position: right -1122px;}
.btn.schrijven {background-position: right -660px;}
.btn.sluiten {background-position: right -682px;}
.btn.start {background-position: right -1342px;}
.btn.terug {background-position: right -704px; }
.btn.terug_mini {background-position: right -704px;}
.btn.toevoegen {background-position: right -726px;}
.btn.toon {background-position: right -990px;}
.btn.toonalle {background-position: right -748px;}
.btn.tooneigen {background-position: right -770px;}
.btn.uitloggen {background-position: right -792px;}
.btn.uploaden {background-position: right -814px;}
.btn.versturen {background-position: right -836px;}
.btn.klant {background-position: right -1430px;}
.btn.verwijderen_rechts {background-position: right -880px;}
.btn.verwijderen {background-position: right -858px;}
.btn.volgende {background-position: right -902px;}
.btn.wijzigen {background-position: right -924px;}
.btn.xls {background-position: right -1188px;}
.btn.zoek {background-position: right -946px;}
.btn.pdf {background-position: right -1496px;}
.btn.mail_thuis {background-position: right -1518px;}
.btn.mail_werk {background-position: right -1540px;}
.btn.lezen_leeg {background-position: right -1562px;}
.btn.unlocked {background-position: right -1584px;}
.btn.locked {background-position: right -1606px;}
.btn.vergroot{background-position: right -1628px;}
.btn.dontlike,.dislike{background-position: right -1650px;}
.btn.like{background-position: right -1672px;}
.btn.herlaad{background-position: right -1694px;}
.btn.downloaden{background-position: right -1716px;}
.btn.foto{background-position: right -1738px;}
.btn.disconnect{background-position: right -1760px;}
.btn.inloggen{background-position: right -1782px;}
.btn.leeg{background-position: left top; color:white; text-align:center;}
.btn.leeg{padding-right:10px !important;}


.home_block a.btn,
.home_block a.btn:hover, .btn{padding: 0px 32px 0px 10px !important;}
.btn_mini{width:22px;}

/*heel klein buttontje*/
.btn_mini.klein{
   height: 14px !important;
   width:14px;
   line-height:13px;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border:none;
   background-image: url('../images/btns_klein.png');
}

/*##########################################################################*/
/*ico docs*/
.ico{
   background-image: url('../images/ico_docs.gif');
   background-repeat: no-repeat;
   width:16px;height:16px;
}
.ico.doc{background-position: 0px 0px}
.ico.ocx{background-position: 0px -20px}
.ico.gif{background-position: 0px -40px}
.ico.jpg{background-position: 0px -60px}
.ico.png{background-position: 0px -80px}
.ico.pdf{background-position: 0px -100px}
.ico.ppt{background-position: 0px -120px}
.ico.ptx{background-position: 0px -140px}
.ico.xls{background-position: 0px -160px}
.ico.lsx{background-position: 0px -180px}

/*.ico_locked, .ico_unlocked{
    background-image: url('../images/ico_locked.png');
    background-repeat: no-repeat;
    width:16px;height:16px;
    display:inline-block;
}
.ico_locked{background-position: 0px -16px}
.ico_unlocked{background-position: 0px 0px} */

.ico_locked,
.ico_unlocked{display:inline-block;}
.ico_locked:before,
.ico_unlocked:before{
	font-family: 'Font Awesome 7 Pro';
	font-weight: 300;
	font-style: normal;
	text-decoration: inherit;
	position:relative;
	display:inline-block;
	font-size:1.2rem;
}
.ico_locked:before{content:'\f30d';color:#F00}
.ico_unlocked:before{content:'\f3c2';color:#00b104;}


/*ANDERE ACHTERGROND KLEUREN VOOR OPSLAAN EN VERWIJDEREN/SLUITEN*/
.opslaan.is_html5{
   background-image:url('../images/btns.png'), -webkit-gradient(linear, right top, left top, color-stop(22px, #209800), color-stop(22px, #666666)) !important;
   background-image:url('../images/btns.png'), -moz-linear-gradient(left, #209800 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -o-linear-gradient(left, #209800 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -webkit-linear-gradient(left, #209800 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -ms-linear-gradient(left, #209800 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), linear-gradient(to left, #209800 22px, #666666 22px) !important;
}
.verwijderen_rechts.is_html5, .verwijderen.is_html5, .sluiten.is_html5{
   background-image:url('../images/btns.png'), -webkit-gradient(linear, right top, left top, color-stop(22px, #FF0000), color-stop(22px, #666666)) !important;
   background-image:url('../images/btns.png'), -moz-linear-gradient(left, #FF0000 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -o-linear-gradient(left, #FF0000 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -webkit-linear-gradient(left, #FF0000 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), -ms-linear-gradient(left, #FF0000 22px, #666666 22px) !important;
   background-image:url('../images/btns.png'), linear-gradient(to left, #FF0000 22px, #666666 22px) !important;
}