@charset "utf-8";
/* CSS Document */

#header{ background-color:#c00; }

.but_bg{
	color: #fff; 
	background-color: #7d7e7d;
 	background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 	background: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
	
}
/*.but_bg:hover{
	background-color: #7d7e7d;
 	background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 	background: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: linear-gradient(to bottom, #7d7e7d, #555);
}*/

/*#save_but{}
#save_but:hover{background:#09C; color:#fff;}*/

#login_but{background-color:#444; color:#fff;}
#login_but:hover{background-color:#000;}

#link_but{background:#069;}


.menu_div {color:#fff;}
.menu_div_active {border-color:#ccc; background-color:#fff; color:#000;}
#menu_holder{
	
	background-color:#444;
	border-top: solid 1px #fff;
	border-bottom:solid 2px #fff;  
}

#sel_div{		
	color:#fff; 
	background: #bb0000;	
}


#to_order, #to_print, #to_list_print, #to_buttonmaker{background:#069;}


#to_order:hover, #to_print:hover, #to_list_print:hover, #to_buttonmaker:hover{background:#007dbb}

#l_arrow, #r_arrow{background-color:#444;}


.button_emboss{
	box-shadow:inset 2px 2px 2px rgba(215,215,215,1), inset -2px -2px 2px #000;
}
.button_emboss_checked{
	box-shadow:inset 2px 2px 2px rgba(0,0,0,1), inset -1px -1px 1px #aaa;
}

.glass{
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); 
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	
}
.header_buttons{background-color:#f5f5f5;}
.header_buttons:hover{background-color:#fff;}

#to_overview{background-color:#f5f5f5;}
#to_overview:hover{background-color:#fff;}

#help_but_holder{background-color:#f5f5f5;}
#help_but_holder:hover{background-color:#fff;}



#help_panel{
	background: #fff; 
}
#help_header{
	background-color:#444; 
	color:#fff; 
}


/*-----------------------phone only----------------------------------*/


.under_logo{background:#bb0000;}



#save_but_phone{ 
color:#fff; 
box-shadow:2px 2px 2px #000;	
	
background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(173,0,0,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(173,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(173,0,0,1) 100%); 
background: -o-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(173,0,0,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(173,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(173,0,0,1) 100%); 
	
}

/*#help_page{ background-color:#666; color:#fff;}
#help_page_header{background-color:#069; color:#fff; }
#help_page_txt_holder{ border-top-color:#000;}
*/
#help_page3_header, #renumber_page_header{background-color:#069; color:#fff;}


/*-----------------------------------------------*/

.black_gradient{
	background-color:#555;
	/*background-color: #7d7e7d;
 	background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 	background: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background: linear-gradient(to bottom, #7d7e7d, #0e0e0e);*/
}

.close_but {
	background-color:#fff;
}



#to_order_but{
	color:#000;
	background-color:#fc0;
}

.debuttons{
	background:#f90;
	color:#fff; 
	cursor:pointer;
	transition:0.4s;
	padding:2px 15px 5px 15px;
	font-weight:bold;
}
.debuttons:hover{background-color:#ee8f00}






#drag-container{ background-color:#FFF; }

#drag-element{ background-color:#000; }


/*------------------------------------------------index------------------------------------*/
#theContainer{ background:#f5f5f5; }

.example{
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #000;
}

#terms{}
#terms:hover{color:#888;}
.small_links{}
.small_links:hover{color:#888;}

#register_but {  	
	color:#fff; 	
	background:#bb0000;	
}
#register_but:hover{background:#000;}

#register_header_txt{	
	color:#fff;	
	background-color:#bb0000;	
}

/*------------------------------------buttonmaker------------------------------------------*/

#start{
color:#fff; 
background-color:#bb0000;
	/*background: rgb(147,174,185);
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzkzYWViOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTU0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(147,174,185,1) 1%, rgba(78,84,86,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(147,174,185,1)), color-stop(100%,rgba(78,84,86,1))); 
	background: -webkit-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); 
	background: -o-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%);
	background: -ms-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); 
	background: linear-gradient(to bottom,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%);*/
}


#inspector-container{
	background-color:#eee;
/*background: rgb(252,255,244);
background: -moz-linear-gradient(-45deg,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); 
background: -webkit-linear-gradient(-45deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); 
background: -o-linear-gradient(-45deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); 
background: linear-gradient(135deg,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); */
}
#hack{background-color:#c5d6dd;} /*zelfde als inspector-container*/

.checkbox-highlite{color:#fff;}

.main-div{	
	border-bottom:solid 2px #fff;
	
}


input[type='checkbox']:checked, input[type='radio']:checked{
	background: rgb(207,231,250); 
	background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); 
	background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
	background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
	background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
}


input[type='checkbox'], input[type='radio']{	
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
}



.advanced_panel{
	background-color:#666;
		/*background: rgb(147,174,185); 
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzkzYWViOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTU0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(147,174,185,1) 1%, rgba(78,84,86,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(147,174,185,1)), color-stop(100%,rgba(78,84,86,1))); 
	background: -webkit-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); 
	background: -o-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); 
	background: linear-gradient(to bottom,  rgba(147,174,185,1) 1%,rgba(78,84,86,1) 100%); */
	
	color:#fff; 
}
.advanced-but{	
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	
	
}

.advanced_but_active{
	color:#fff;

	background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); 
	background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
	background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
	background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); 
	 
}

.advanced_but_inactive{
	/*background: rgb(255,255,255); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);*/
	
}

#inspector_upload{	
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
	
}

.visi_checked{ 
	background-color:#093;
	color:#fff;
}
.visi_checked:hover{
	background-color:#0C6;
}
.visi_unchecked{ 	
	background-color:#666;
	color:#ccc;	
}


/*-----------------------------------------------overview-----------------------------------------------------*/


#under_panel{
	background-color:#eee;
	/*color:#000;
	background: rgb(207,221,226); 

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNjZmRkZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzQ5YmJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(207,221,226,1) 60%, rgba(116,155,191,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(207,221,226,1)), color-stop(100%,rgba(116,155,191,1))); 
background: -webkit-linear-gradient(top,  rgba(207,221,226,1) 60%,rgba(116,155,191,1) 100%);
background: -o-linear-gradient(top,  rgba(207,221,226,1) 60%,rgba(116,155,191,1) 100%);
background: -ms-linear-gradient(top,  rgba(207,221,226,1) 60%,rgba(116,155,191,1) 100%);
background: linear-gradient(to bottom,  rgba(207,221,226,1) 60%,rgba(116,155,191,1) 100%); */

}

#no_orders{color:#7BA7B9;}

ul#theList li{background-color:rgba(255,255,255,0.5); border:solid 1px #fff;}

.names{	
	background:#444;
	color:#fff;	
}
.names-sel{
	background-color:#FC0;	
	color:#000;	
}

#print_warning_holder{background-color:#444;color:#fff;}
#print_warning_header_holder{background-color:#069;}
#print_warning_header_txt{color:#fff;}



/*---------------------LIST PRINTING-----------------------------------*/
#print_options{background-color:#fff;}