@charset "utf-8";
/* CSS Document */
#under_panel{overflow-y:auto; }

#droppable_same{
	height:108px; 
	width:108px; 
	border-radius:108px/108px; 
	border:solid 1px #888; 
	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
	
	
}
/*#droppable_same:after{
	content:url('../images/1_s.png');
	position:relative;
	top:-5px;
	left:-60px;	
}*/


.printer_same{
	background-image:url(../images/printer_same_100.png); 
	background-repeat:no-repeat; 
	background-position:center;
	
	cursor:pointer;
}

.printer_same:hover{box-shadow: 0 0 5px 5px #aaa;}
/*.printer_same_glow{  
	background-image:url(../images/printer_same_highlite.png); 
	background-repeat:no-repeat; 
	background-position:center;
}*/


#droppable_diff{
	height:108px; 
	width:108px; 
	border-radius:108px/108px; 
	border:solid 1px #888; 
	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}
.clickborder{border:solid 8px #f00;} 

td{font-size:130%}

.printer_diff{
	background-image:url(../images/printer_diff_100.png); 
	background-repeat:no-repeat; 
	background-position:center;
	
	cursor:pointer;
}
/*.printer_diff_glow{  
	background-image:url(../images/printer_diff_highlite.png); 
	background-repeat:no-repeat; 
	background-position:center;
}*/

#trashcan{
	text-align:center;
	vertical-align:central;
	height:108px; 
	width:108px;
	border-radius:108px/108px; 
	border:solid 1px #888;
	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}
.trash{ 
	background-image:url(../images/trash_100.png); 
	background-repeat:no-repeat; 
	background-position:center;
	
	cursor:pointer;
}
/*.trash-glow{ 
	background-image:url(../images/trash3-highlite.png); 
	background-repeat:no-repeat; 
	background-position:center;;
}*/

#loop{
	text-align:center;
	vertical-align:central;
	height:108px; 
	width:108px;
	border-radius:108px/108px; 
	border:solid 1px #888;
	background-color: #fff;
	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}
.loop{ 
	background-image:url(../images/loop_100.png); 
	background-repeat:no-repeat; 
	background-position:center;
	
	cursor:pointer;
}

.but_achtergrond{
	border-radius:8px; 
	background-image:url(../images/bg.jpg); 
	background-repeat:repeat;
	border:solid 1px #aaa;  
	padding:35px 15px;  
	width:132px;
	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);	
}
.but_nr{height:80px; width:200px; font-size:15px;}

.ui-draggable-helper{
	box-shadow: 5px 5px 5px #666;
}


table#print_table{max-width:1000px; max-height:400px; margin:0 auto;}
table#print_table td{}

#button_info_header{padding: 10px 0;  color:#fff; border-bottom:solid 1px #aaa; text-align:center;}
#info_span_holder{font-size:20px;}
#selected_holder{padding-top:28px; border-right:solid 1px #aaa;}
#left_selected{border:solid 1px #ccc; background-color:#fff; padding:3px 8px; border-radius:5px; width:108px;margin-bottom:5px; font-size:small;}


#drag_box{position:absolute; width:100%;z-index:5; background-color: #ddd; margin-right:30px; overflow:hidden;}
#drag_box_header{color:#fff; font-size:18px; height:50px; padding:10px;}
#drag_box_header_txt1{font-size:20px; font-weight:bold;}
#drag_box_header_txt2{font-size:14px; margin-right:40px;}
#drag_box_header_size{font-weight:bold;}
#drag_box_content{padding:10px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; float:left; background-image:url(../images/arrow_updown.png); background-repeat:no-repeat; background-position: center left 95%;}
#drag_box_header{
	
	
}

#print_sheet{	
	position:absolute; 
	right:0; 
	border-left:2px solid #fff; 
	padding: 0 20px 0 10px; 
	background-color:#f5f5f5;
	color:#000; z-index:1; 
	overflow-y:auto; 
	overflow-x:hidden; 
	-webkit-overflow-scrolling: touch; 	
	box-shadow:-5px -5px 7px rgba(0,0,0,0.5);
	
	min-width:400px;
	
}
/*#print_sheet #drop_places{
	padding:3px; 
	text-align:center;
}*/

#print_sheet #print_sheet_header_txt{text-align:center; padding:3px 0;}
#print_sheet #print_sheet_header_txt #print_sheet_head{font-weight:bold;}
#print_sheet #print_sheet_header_txt #print_sheet_head, #print_sheet #print_sheet_header_txt #size_indicator{ font-size:20px;}

#print_sheet #print_sheet_header_txt #sheet_size, #print_sheet #print_sheet_header_txt #sheet_type{font-size: medium; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

#print_sheet #print_sheet_row_txt{font-size:small; text-align:center; font-weight:bold; margin-bottom:3px;}

#print_sheet_close{position:absolute; right:0; margin-right:13px; margin-top:5px;}

#size_indicator_holder{border:solid 2px #fff; background-color:#444;color:#fff; border-radius:10px;  margin-top:5px;}

#print_sheet_but{
	text-align:center; 
	font-size:20px;
	white-space:pre-line;
	padding-bottom:20px;
}
#print_sheet_but_img{
	margin-top:5px;
	border-radius:66px/66px; 
	border:solid 10px #fff;
	box-shadow:     
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);	
}

#drop_places{margin-left:-30px; margin:0; padding:0}
#drop_places li{
	width:110px;
	height:110px;
	display:inline-block;
    background-color:#fff;
            		
	border:solid 1px #aaa;
	text-align:center;
	border-radius:5px;
	padding:0;
	margin-right:3px;
}
		 
#drop_places li table{
	width:100%;
	height:100%;
}
#drop_places li table td, .helper{
	text-align:center;
	vertical-align:middle; 
	font-size:11px;
	cursor:default;
}
#max_warning{position:absolute;  margin-top:6px; text-align:center;width:99%;background-color:#fff; border-top: solid 5px #f00; border-bottom:solid 5px #f00; font-size:13px; color:#000; padding:1px 5px; font-weight:bold; display:none;}

#renumber_panel{position:fixed; z-index:10; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#000; color:#fff; padding:20px; border:solid 2px #fff; border-radius:6px; white-space:pre-line; text-align:center; display:none;}
#renumber_panel_txt2{font-size:small; margin-top:5px;}
#renumber_but{padding:5px 10px; background-color:#ddd; border:solid 1px #ccc; border-radius:3px; margin-top:10px; display:inline-block; color:#000; cursor:pointer;}
#renumber_but:hover{background-color:#eee;}
#under_buttons div{font-size:small; padding:5px 10px; background-color:#fff; border:solid 1px #ccc; border-radius:3px; margin-top:10px; display:inline-block; color:#000; cursor:pointer;}


#print_warning_holder{position:fixed; z-index:20; width:450px; left:50%; top:50%; webkit-transform:translate(-50%,-50%);; transform:translate(-50%,-50%);  color:#fff; border-radius:5px; border:solid 2px #444; text-align:center; box-sizing:border-box;display:none;}
#print_warning_header_holder{padding:10px; font-weight:bold; font-size:18px; }
#print_warning_first_txt{padding:10px 10px 2px 10px;;}
#print_warning{padding:10px 20px; font-weight:bold;}
#under_buttons div{display:inline-block}