$lui-paper-padding: 1em !default;
$lui-paper-border-radius: 3px !default;
$lui-paper-background-color: $white;

.lui-paper {
	background: $lui-paper-background-color;

	&.lui-paper-full-width {
		width: 100% !important;
	}

	&.lui-paper-full-height {
		height: 100% !important;
	}

	&.lui-paper-rounded {
		border-radius: $lui-paper-border-radius;

		& > .lui-paper-container {
			border-radius: $lui-paper-border-radius;
		}
	}

	&.lui-paper-top-rounded {
		border-top-left-radius: $lui-paper-border-radius;
		border-top-right-radius: $lui-paper-border-radius;

		& > .lui-paper-container {
			border-top-left-radius: $lui-paper-border-radius;
			border-top-right-radius: $lui-paper-border-radius;		}
	}

	&.lui-paper-bottom-rounded {
			border-bottom-left-radius: $lui-paper-border-radius;
			border-bottom-right-radius: $lui-paper-border-radius;

		& > .lui-paper-container {
			border-bottom-left-radius: $lui-paper-border-radius;
			border-bottom-right-radius: $lui-paper-border-radius;

		}
	}

	&.lui-paper-left-rounded {
			border-top-left-radius: $lui-paper-border-radius;
			border-bottom-left-radius: $lui-paper-border-radius;

		& > .lui-paper-container {
			border-top-left-radius: $lui-paper-border-radius;
			border-bottom-left-radius: $lui-paper-border-radius;
		}
	}

	&.lui-paper-right-rounded {
			border-top-right-radius: $lui-paper-border-radius;
			border-bottom-right-radius: $lui-paper-border-radius;
		& > .lui-paper-container {
			border-top-right-radius: $lui-paper-border-radius;
			border-bottom-right-radius: $lui-paper-border-radius;
		}
	}

	&.lui-paper-circle {
		border-radius: 50%;
		line-height: 0;

		& > img {
			border-radius: 50%;
			line-height: 0;
		}

		& > .lui-paper-container {
			border-radius: 50%;
		}
	}

	&.lui-paper-padded {

		& > .lui-paper-container {
			padding: $lui-paper-padding;
		}
	}

	& > .lui-paper-container {
		height: 100%;
		width: 100%;
	}

	&.lui-paper-overflow {

		& > .lui-paper-container {
			overflow: hidden;
			position: relative;
		}
	}

	&.lui-paper-z-depth-1 {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
		& > .lui-paper-z-depth-bottom { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12); }
	}

	&.lui-paper-z-depth-2 {
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
		& > .lui-paper-z-depth-bottom { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); }
	}

	&.lui-paper-z-depth-3 {
		box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23);
		& > .lui-paper-z-depth-bottom { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19); }
	}

	&.lui-paper-z-depth-4 {
		box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22);
		& > .lui-paper-z-depth-bottom { box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25); }
	}

	&.lui-paper-z-depth-5 {
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22);
		& > .lui-paper-z-depth-bottom { box-shadow: 0 19px 60px rgba(0, 0, 0, 0.30); }
	}

}

.lui-paper-heal-wrapper{
	pointer-events: none;
	overflow: hidden;
	margin: -60px;
	padding: 60px;

	&.lui-heal-left {
		margin-left: 0px;
		padding-left: 0px;
	}	

	&.lui-heal-right {
		margin-right: 0px;
		padding-right: 0px;
	}	

	&.lui-heal-top {
		margin-top: 0px;
		padding-top: 0px;
	}	

	&.lui-heal-bottom {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
}