@import '../GlobalStyles/colors';

.emptyLayoutComponent {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;

	.contentWrapper {
		display: flex;
		width: 100vw;
		margin: 0 0 0 auto;
		justify-content: center;
		align-items: center;
		margin-bottom: 120px;
	}

	.footerWrapper {
		width: 100vw;
		margin: 0 0 0 auto;

		&.contentWrapperMinHeight {
			min-height: calc(100vh - 110px);
		}

		&.narrow {
			margin-left: 250px;
			max-width: calc(100vw - 265px);
		}

		&.footer {
			position: fixed;
			bottom: 0;
			right: 0;
			background: #fff;

			display: flex;
			flex-direction: row;
			justify-content: space-between;
			border-top: 1px solid $dropShadow;
			margin: 45px 0 5px auto;
			margin: 0;
			padding: 5px 10px;
			font-size: 12px;
			color: $font-light-grey;

			a {
				color: $font-grey-darker;
				text-decoration: none;

				&:hover {
					color: $font-light-grey;
				}
			}

			svg {
				width: 70px !important;
				height: 15px !important;
			}
		}
	}
}