body{font-family:'Open Sans',sans-serif;display:flex;justify-content:space-evenly;margin-top:5px;background:url("../images/misc/bkgd.jpg") no-repeat center center fixed;max-height:98vh!important;overflow:hidden;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
		button,#but_screenshot{font-family:'Open Sans',sans-serif;background:#006994;color:#fff;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:16px;padding:5px 10px 5px 10px}
		
		.btn_reset{background:#ea8200}
		.btn_fullscreen{background:#8c8c8c}
		.btn_screenshot{background:#009a00!important}
		 button:hover,#but_screenshot:hover{background:#585858!important;color:#fff}
		.btn_nav{padding:5px 15px 5px 15px}
		
		img{width:100%}
		
		
		.top{width:100%;float:left;left:0;padding-left:1%;position:absolute;z-index:99}
		.top-sel{position:fixed;left:0;float:left;height:160px;width:22%;top:45px;width:0.5%; float:left}
		.top-buttons{float:left;width:100%;padding-left:2%;position:absolute}
		
		.draggable{height:140px;padding:0.5em;z-index:999;float:left}
		.draggable:hover{background:rgba(0,0,0,0.2)}
		
		.page{padding-top:40px}
		
		.shelves{width:68%;position:fixed;right:0;z-index:-999;padding-right:1%}
		.row{width:23.8%;float:left;min-height:88vh;max-height:88vh}
		
		.row-top-bottom{width:97%;min-height:2vh;background:purple}
		.row-topleft,.row-topright,.row-bottomleft,.row-bottomright{width:1.2%;min-height:2vh}
		.row-topleft{background:url("../images/misc/shelf_top_left.png") right bottom no-repeat}
		.row-topright{background:url("../images/misc/shelf_top_right.png") left bottom no-repeat}
		.row-bottomleft{background:url("../images/misc/shelf_bottom_left.png") right bottom no-repeat}
		.row-bottomright{background:url("../images/misc/shelf_bottom_right.png") left bottom no-repeat}
		.row-left{padding-left:0.2%}
		.row-left,.row-right{width:1.5%;background:orange;height:90vh}
		.shelf{background:url("../images/misc/shelf_one.png") bottom;background-size:cover;float:left;width:100%;height:14.7vh}
		.shelf_btm{background:url("../images/misc/shelf_one_btm.png") bottom;background-size:cover}
		
		.row-top{background:url("../images/misc/shelf_top.png") bottom repeat-x}
		.row-bottom{background:url("../images/misc/shelf_bottom.png") bottom repeat-x}
		.row-left{background:url("../images/misc/shelf_left_side.png") right repeat-y}
		.row-right{background:url("../images/misc/shelf_right_side.png") left repeat-y}
		
		.row0{width:30%;margin-top:205px;float:left;max-height:94vh;background:url('../images/misc/scroll.png') no-repeat right top rgba(0,0,0,0.1);-webkit-overflow-scrolling:touch}
		.row2,.row3,.row4{border-left:3px solid #eee}
		.grid-0{width:100%;min-height:200px;max-height:68vh;overflow-y:scroll;float:left}
		
		
		.item{position:absolute;line-height:50px;margin:10px 5px 5px 5px;z-index:1;padding-bottom:10px}
		.item.muuri-item-hidden{z-index:0}
		.item.muuri-item-releasing{z-index:2}
		.item.muuri-item-dragging{z-index:3}	
		.item-content{position:relative;width:100%;height:100%;text-align:center;font-size:30px;cursor:pointer}
		
		.item-content img{width:inherit;height:inherit}
		

		.item_sq{width:20%}
		.item_ob{width:44%}
		.item_sq,.item_ob{padding-left:10px;padding-bottom:10px;height:11vh}
		.item_sq_move,.item_ob_move{position:absolute!important;height:inherit}

		.grid-shelf .item-content{background:white}
	
		.text-sel{color:#000;text-transform:uppercase;font-weight:bold;padding-top:5px;float:left;width:50%}
		.text-sel-top{padding-top:0;padding-bottom:5px;width:70%}
		.text-sel-mid{padding-top:5px;padding-bottom:0px;width:90%;padding-left:3%}

		canvas{float:right;width:100px!important;height:70px!important;position:absolute;
		background:url("../images/misc/screenshot_text_btm.png") no-repeat bottom rgba(255,255,255,0.7);right:0;padding:5px 5px 55px 5px;border:2px solid #8e8e8e}	
			
		.canvClose{display:block; height:23px; z-index:9999; right:0; font-size:10px; float:none; position:absolute; padding:3px 5px}
			
			 

			.phant{pointer-events:none!important}
			
			.draggable.phant:hover{background:none!important}
			 .phant img{background:none!important}
			::-webkit-scrollbar{width:1.5em; height:2em}::-webkit-scrollbar-button{background:#eee}::-webkit-scrollbar-track-piece{background:#eee}::-webkit-scrollbar-thumb{background:#ccc}




		@media screen and (max-width:1000px){
			button, #but_screenshot{font-size:12px;padding:3px}
			.row1,.row2.row3.row4{min-height:87vh; max-height:87vh}
			
			.item_ob{width:85%}
			.item_sq{width:36%}
			body{min-height:100vh;max-height:100vh}
			.grid-0{min-height:50vh; max-height:50vh}
		}