.modals {
	position: fixed;
	background: rgba($black, 0.4);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 10000;

	.modals-outer {
		min-width: 464px;
		display: flex;
		flex-direction: column;
		overflow: auto;
		padding-bottom: 2px;

		.modals-inner {
			background: $layoutBackground;
			border-radius: 10px;
			color: lighten($black, 20%);
            padding: 40px;
			box-shadow: 0 2px #222;
			border: 1px solid #222;

			.modal {
				h2 {
					padding: 0;
					margin: 0 0 30px 0;
                    font-weight: normal;
                    color: #999;
				}

				h3 {
					align-self: stretch;
					border-bottom: 1px solid $lightGrey;
					padding: 15px 15px;
					margin: 0;
				}
			}
		}
	}
}