.full-height{
	height:100%;
}


.page-sidebar{
	
	padding: 1rem;
	height:100%;
	
	background:$white;
	z-index:-1;
	@include has-shadow();
	
	
	.sidebar-menu{
		width:300px;
	}
	
	ul{
		margin-left:-1.5rem;
		li{
			a{display:block;color:$black;padding:0.625rem 1.5rem;@include animate();}
			
			.category-icon{width:2rem;display:inline-block;color:rgba($black,0.25);}
			.link__inactive{color:$medium-gray;}
			
		}
			
		li{
			@include animate();
			@include border-radius(0 1.25rem 1.25rem 0);
			
			&.current,
			&.current:hover{
				background: rgba($primary-color,0.10);
				a{color:$primary-color;}
				.category-icon{color:$primary-color;}
			}
			&:hover{
				background: rgba($dark-gray,0.15);
				a{color:$black;}
			}
			
			&.current__child{
				padding-left:1rem;
				//background: rgba($primary-color,0.10);
			}
		
		}
	}
	
	
	@include breakpoint(medium){
		width:16rem;
	}
	
	@include breakpoint(small only){
		width:auto;
	}
	
}

	
.page-content{
	
	//padding: 1rem;
	
	//.content-block{
		
	background:$white;
	margin:1.5rem 0;
	padding:1.5rem;
	
	@include has-shadow();
	@include border-radius(0.125rem);
	
	
	//@include breakpoint(small only)
	//{
	//	margin:0;
	//	padding:0.75rem;
	//}
		
		//}
	
	@include breakpoint(small only)
	{
		padding:1rem;
	}
	
}


.cell__line-left{
	position:relative;
	&::before{
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		border-left:solid 1px $light-gray;
	}
}

.cell__line-top{
	position:relative;
	padding-top:$global-margin;
	margin-top:$global-margin;
	&::before{
		content:"";
		position:absolute;
		top:0;
		right:$global-margin;
		left:$global-margin;
		border-top:solid 1px $light-gray;
	}
}

.cell__padding-left{padding-left:$global-padding;}


.layer{
	
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100;
	background:rgba($black,0.25);
	overflow:hidden;
	width:auto;
	transform:translateX(0);
	
	@include animate(0s);			
	
	&.collapsed_hor{
		transform:translateX(100%);
		//display:none;
		
		.layer-align-right{
			transform:translateX(100%);
		}
	}
	
	.cell-block-y{
		overflow:hidden;
	}
	
	.layer-align-right{
		position:relative;
		float:right;
		right:0 !important;
		left:auto !important;
		width:30%;
		height:100%;
		background:$white;
		transform:translateX(0);
		
		
		@include has-shadow();
		@include animate(0.5s);
	}
	
	
	
	
	.layer-background{
		position:relative;
		padding:2.5rem 3rem 3rem 3rem;
		background:$white;
				
		@include breakpoint(small only)
		{
			padding:3rem 0.5rem 1.5rem 0.5rem;
		}
	}
	
	.layer-close-layer{
		position:absolute;
		top:0.5rem;right:1rem;
		color:$medium-gray;
		font-size:1.75rem;
	}
	
	/*.layer-drag-size{
		width:1.5rem;
		height:2rem;
		text-align:center;
		position:fixed;
		color:$light-gray;
		top:50%;
		margin-top:-0.75rem;
		font-size:1.5rem;
		&:hover{color:$primary-color;}
	}*/
	.ui-resizable-handle{
		position: absolute;
		font-size: 0;
		z-index: 99999;
		display: block;
	}
	.ui-resizable-w{
		cursor: w-resize;
		width: 1rem;
		left: 0;
		top: 0;
		height: 100%;
		&::before{
			content: "\f7a5";
			position:fixed;
			width:1.5rem;
			height:2rem;
			text-align:center;
			position:fixed;
			color:$light-gray;
			top:50%;
			margin-top:-0.75rem;
			font-size:1.5rem;
			font-family: "Font Awesome 5 Pro";
		}
		&:hover::before{color:$primary-color;}
	}
	
	.collapsed_hor{
	
	}
	
	
	
	
	
	
}

.layer__form
{
	.grid-x .cell{width: calc(100% - 2rem);}
}

.geomil-figure
{
	border:solid 1px $light-gray;
	background-color:rgba($light-gray,0.25);
	img{mix-blend-mode: multiply;width:100%;}
}