#menu_item_index_slide{
	#menu_item_index{
		padding:10px;
	
	}

}



#menu_item_detail{
	
	.switch {
		float: right;
		height: 20px;
		width: 50px;
		border: 1px solid #979797;
		border-radius: 20px;
		margin-top: -5px;
		box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5);
		cursor: pointer;
		overflow: hidden;
		background:white;
		position:relative;
		top:13px;
		right:10px;
	}
	.switch input[type=checkbox] {
		display: none;
	}
	.switch::before {
		content: "";
		display: block;
		height: 20px;
		width: 0px;
		position: absolute;
		border-radius: 20px;

		box-shadow: inset 0 1px 2px rgb(181, 208, 94), inset 0 6px 3px 2px rgba(171, 208, 94,1);
		background-color: rgb(151, 188, 74);
	}
	.switch.on::before {
		width: 70px;
	}
	.switch > .thumb {
		display: block;
		width: 14px;
		height: 14px;

		position: absolute;
		top:2px;
		left:4px;

		border: solid 1px #919191;
		border-radius: 50%;
		
		box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white;
		@include background(linear-gradient(#CECECE, #FBFBFB));
		
	}
	.switch.on > .thumb {
	
		left:inherit;
		right:4px;
		
	}
	.switch:hover > .thumb {
		box-shadow: inset 0 2px 1px #fff, inset 0 -2px 1px #fff;
		background-image: none;
	}
	.switch > .thumb::before {
		content: "";
		display: block;
		height: 10px;
		width: 2px;
		background-color: white;
		box-shadow: 0px -1px 1px #666;
		border: none;
		position: absolute;
		top: 3px;
		left: -15px;
	}
	.switch > .thumb::after {
		content: "";
		display: block;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		border: solid 2px #777;
		position: absolute;
		right: -22px;
		top: 0px;
	}
	
	
	position:fixed;
	top:0px;
	right:0px;
	z-index:1000;

	background:#fbfbfb;
	bottom:0px;
	width:100%;

	display:none;
	margin-right:-100%;


	
	overflow:hidden;
	
	
	
	
	@include transition-duration(0.8s);

	#content_types_draggables{
		text-align:center;
		position:absolute;
		bottom:0px;
		right:0px;
		left:0px;
		z-index:800;
		background:transparent;
	
	}


	.header{
		background:transparent;
		@include background(linear-gradient(bottom, rgb(50,50,50) 0%, rgb(30,30,30) 100%));
		position:absolute;
		height:40px;
		top:0px;
		left:0px;
		right:0px;
		padding:0px;
		
		h1{
			font-family:'Gill Sans' ;
			color:black;
			font-size:24px;
			padding:5px;
			padding-left:10px;
			color:white;
			font-weight:normal;
			
			@include text-shadow(2px 2px 0px rgba(0,0,0,0.8));
					
		}
		
	}
	
	.menu_item_informations{
	
		width:300px;
		position:absolute;
		top:40px;
		right:0px;
		bottom:0px;
		
		
		background:rgba(0,0,0,0.9);
		
		h3{
			font-size:1.1em;
			@include background(linear-gradient(bottom, rgb(50,50,50) 0%, rgb(30,30,30) 100%));
			color:white;
			padding:5px;
			@include text-shadow(1px 1px 0px rgba(0,0,0,0.8));
		
		}
	
	}
	
	
	#menu_item_block_edit{
		
		position: absolute;
		top:40px;
		
		bottom:0px;
		right:300px;
		left:0px;
		overflow:auto;
		padding:10px;
		
		
	}
	
}