/*	This source file is proprietary property of Wididi BV
	Copyright © 2008 - 2020 Wididi BV all rights reserved */

/* DESKTOP START */

.home_logo,#home_logo,#home_logo_holder {
	background-image:url(/_spheres_/custom-1074/design/home_logo.jpg?6);
}
#mobile_menu .mm_title { 
	background-image:url(/_spheres_/custom-1074/design/m_home_logo.jpg?7);
}
.M16_bgc,
.M16 .fc-state-disabled, .M16 .fc-state-highlight, .M16 .fc-event, .progress .bar, .progress-striped .bar,
.mm_mainmenu, .mm_icon, .mm_submenu,
.menu_button, .button, .button_large, .button_small,
#TB_iframe_header, .garage-status, .garage-progress,
.button_terug_hover, .button_verder_hover, #chat_button,
#TB_iframe_midden_boven, #TB_iframe_holder, .template_login #TB_iframe_midden, .loginform_inner,
#melding, .SliderText, .thema_header, .webapp .melding_content,
#thema_header_navigatie .thema_tab_actief,
.button:hover,.button.hover,.button_hover,.button_large_hover,.button_small_hover,#thema_opties .button_small_hover, .webapp .button, .webapp .button_large, .webapp .button_small, .ui-input-btn, .ui-page-theme-a .ui-btn.ui-input-btn,
#right_column .untracked_card,#right_column .untracked_card:hover,.webapp .untracked_card,
#thema_opties_top_small {
    background-color:#00142c;
}
.M16_bgc_bb,
.desktop #hovermenu_middle {
	background-color:#00142c;
	border-bottom-color:#00142c;
}
.M16_bb,
.hover_header .hover_header_img,
.hover_header_hover .hover_header_img,
.hover_header_selected .hover_header_img,
.hover_header_selected.hover_header_hover .hover_header_img {
	border-bottom-color:#00142c;
}
.M16_bl,
.card.bladeren, 
.card.bladeren_hover, 
.card.bladeren_highlight, 
.sidewidget_hover, 
a.thema_sub .thema_tab_label, 
a.thema_sub:hover .thema_tab_label, 
a.thema_sub_actief .thema_tab_label, 
a.thema_sub_actief:hover .thema_tab_label,
#left_column .untracked_card:hover {
	border-left-color:#00142c;
}
.M16_b,
a.filter_click_selected:link, 
a.filter_click_selected:visited, 
a.filter_click_selected:active, 
a.filter_click_selected:hover {
	border-color:#00142c;
}
.M16_c,
#wissel_kaartje .Kop, 
a.filter_click:hover, 
a.sub_label:link,
a.sub_label:visited,
a.sub_label:active,
a.sub_label:hover {
	color:#00142c;
}

/*
.Kop, div.kop_simple H2, .td100.kop_simple p, #right_column b, #right_column strong, #right_column a {
	color:rgba(0,0,0,.3);
	text-shadow: 0 0 0 #00142c;
}
*/

/* DESKTOP STOP */

/* MOBILE START */

#mobile_menu {
	background-color:#FFFFFF;
}
#mobile_menu .mm_home,
#mobile_menu .mm_menu,
#mobile_menu .mm_back {
  background-image:url(/_content_/addon/m_icons_w.png);
}

#mobile_menu .mm_clip,
#mobile_menu .mm_search img,
#mobile_menu .mm_login img {
  background-image:url(/_content_/addon/m_icons_b.png);
}

/* MOBILE STOP */

/* EMAIL START */

.emailbody a {
	color:#00142c;
}

/* EMAIL STOP */

/* KNOW */

#cm { 
  background:#EDEDED;
  width:240px;
  height:329px;
  box-shadow:2px 2px 18px 2px rgba(0,0,0,0.50);
  overflow:hidden;
  color:#000;
  text-align:left;
  z-index:100;
}

#cm a:link,#cm a:visited,#cm a:active { 
  color:#C7C4BF;
}

#cm_buttons { 
  position:absolute;
  display:inline;
  width:198px;
  height:150px;
  top:35px;
  left:0;
  line-height:30px;
}

#cm_clipping { 
  background-position:-952px -2px;
}

#cm_close { 
  position:absolute;
  display:inline;
  cursor:pointer;
  width:14px;
  height:14px;
  background-image:url(/_content_/addon/navigator_icons_w.png);
  background-position:-106px -6px;
  -ms-filter:alpha(opacity=50);
  opacity:.50;
  -ms-opacity:.50;
  top:5px;
  left:202px;
  margin-top:-5px;
}

#cm_footnote { 
  background-position:-977px -2px;
}

#cm_highlight { 
  background-position:-877px -2px;
}

#cm_holder { 
  position:absolute;
  display:inline;
  width:218px;
  height:263px;
  top:15px;
  left:17px;
}

#cm_jog { 
  background-position:-927px -2px;
}

#cm_note { 
  background-position:-902px -2px;
}

#cm_text { 
  line-height:15px;
  position:absolute;
  display:inline;
  width:218px;
  height:80px;
  top:210px;
  left:0;
}

	.ci { width: 14px; height:14px; background-image:url(/_content_/addon/navigator_icons_b.png); background-position: -432px -6px; } 

	.mc-comments { background-position: -432px -6px; }
	.mc-pages { background-position:-505px -5px; }
	.mc-profiles { background-position:-256px -5px; }
	.mc-shortlist { background-position:-556px -5px; }
	.mc-questions { background-position:-530px -5px; }
	.mc-completed { background-position:-181px -6px; }

/* QUICK */

	a.quick_link:link, a.quick_link:visited, a.quick_link:active { color:#C7C4BF; }
	a.quick_link:hover { color:#FFFFFF; }
	.quick_upload { background-image: url(/_content_/addon/navigator_icons_w.png); background-position: -225px -0px; transparent; -ms-filter:alpha(opacity=50); opacity:.50;-ms-opacity:.50;}

/* CONTEXTMENU */


	#cm a:link, #cm a:visited, #cm a:active { color: #666; letter-spacing:0px;font-weight:400;} 
	#cm a:hover { color: #000; letter-spacing:0px;font-weight:400!important;} 
	#cm {background-color: #ededed;color: #505050;
	  width:240px;
  height:329px;
  box-shadow:0px 2px 44px 2px rgba(0,0,0,.3);
  overflow:hidden;
  color:#000;
  text-align:left;
  z-index:100;}
	#cm_close { background-image:url(/_content_/addon/navigator_icons_b.png); }
.cm_button { 
  position:relative;
  background-image:url(/_content_/addon/navigator_icons_w.png);
  width:21px;
  height:21px;
  overflow:hidden;
  margin-right:5px;
}	
	.an_note { background-color:#FFE9A0 !important; border: solid 1px #E4E4E4; border-right-color: #979797; border-bottom-color:#979797;  }
	.an_highlight { background-color:#FF94D0 !important;  }
	.an_clipping { border-color: #000000;   }
	.pbullet { background-image:url(/_content_/addon/bullet.png); background-repeat:no-repeat; width: 560px; background-position: 0px 0px; }
	.pnumber { }
	
	.a_previous { background-image:url(/_content_/addon/navigator_icons_b.png); }
	.a_next { background-image:url(/_content_/addon/navigator_icons_b.png);  }

/* CUSTOM CSS */

.desktop .vid-dropzone {
position:relative;
width:400px;
height:200px;
}
.webapp .vid-dropzone {
position:relative;
width:400px !important;
height:200px;
left:50%;
margin-left:-200px;

}
.webapp .dropzone, .webapp .vid-dropzone .dropzone .dz-default.dz-message {
width:400px !important;
}

.vid-dropzone-text {
color:#000;
text-transform:none;
line-height:30px;
}
.vid-dropzone-button {
  outline:none;
      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
cursor:pointer !important;
position:relative;
font-size:18px;
letter-spacing:.5px !important;  
color:#fff;
width:240px;
height:40px;
border-radius:20px;
text-align:center;
line-height:40px;
text-transform:none;
margin-left:auto;
margin-right:auto;
display:inline-block;
}
.webapp .vid-dropzone-button {
width:300px;
}
.body .dropzone {
z-index: 1;
width: 640px !important;
height: 400px !important;
display: inline-block;
background-color:transparent;
}

.webapp .dropzone {
width: 580px !important;
}

.body .vid-dropzone .dropzone {
width: 400px !important;
height: 200px !important;
border:0px;
}

.body .dropzone .dz-default.dz-message { 
z-index:0;
text-align:center; 
line-height:30px !important; 
width:100% !important; 
left:0% !important;
font-size:18px !important; 
font-weight:300 !important; 
text-transform:none !important;
letter-spacing:.5px !important;  
height:130px !important; 
border:0px;
bottom:120px !important;
}

.body .vid-dropzone .dropzone .dz-default.dz-message { 
bottom:20px !important;
}

.vid-dropzone .dropzone{
border:0px;
}

.mobile .dropzone {
overflow:hidden !important;
}

.webapp .vid-dropzone-button, .webapp.body .dropzone .dz-default.dz-message {
font-size:24px !important;
}
#vid-logo {
width:113px;
height:113px;
background-image:url(/php/ssl_cache.php?file=/_spheres_/custom-890/design/V-ID_ani.png);
}

@keyframes vid-logo-idle {
  from {background-position:0px 0px;  }
  to {background-position:-1921px 0px; } 
}
.idle {
  animation:vid-logo-idle 1.8s steps(17) forwards;
}

@keyframes vid-logo-uploading {
  from {background-position:0px -113px;  }
  to {background-position:-3277px -113px; } 
}
.uploading {
  animation:vid-logo-uploading 2.5s steps(29) forwards;
}

@keyframes vid-logo-verified {
  from {background-position:0px -226px;  }
  to {background-position:-3616px -226px; } 
}
.verified {
  animation:vid-logo-verified 3.5s steps(32) forwards;
}

@keyframes vid-logo-notverified {
  from {background-position:0px -339px;  }
  to {background-position:-3616px -339px; } 
}
.notverified {
  animation:vid-logo-notverified 3.5s steps(32) forwards;
}