
#sulo-store-dashboard {
	.reveal h4 {
		margin-top: 0;
	}
	.sl-global-spinner {
		  // top: $navbar-height;
	}
	.buttons {
		.button { 
			margin: 0;
		}
		margin-bottom: $global-margin;
	}
	.action-buttons {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		.button {
			// flex: 0;
			&:nth-child(2) {
				margin-left: 0.5rem;
			}
			margin-bottom: 0;
		}
		&.text-left {
			justify-content: flex-start;
		}
	}

	.section-list {
		border: none;
		// padding: 0;
		label {
			font-size: 110%;
		}
		> li {
			&:first-child {
				padding-top: 0;
			}
			&:last-child {
				padding-bottom: 0;
			}
		}
		&.section-list--bank-accounts {
			li {
				border-bottom: $global-border;
			}
		}
	}

	.callout.submenu {
		padding: $global-padding;
		li {
			font-size: 90%;
			a:not(.button) {
				color: $medium-gray;
				transition: color .25s ease-in-out;
				font-weight: $global-weight-bold;
			}
			&.is-active, &:hover {
				// color: $body-font-color;
				a:not(.button) {
					color: $body-font-color;
				}
			}
			&.search-input {
				padding: 0 $global-padding;
				flex: 1;
			}
		}
	}
	.go-back {
		padding-top: $global-padding;
		padding-left: 0.5rem;
		font-weight: $global-weight-bold;
		font-size: 90%;
		a {
			transition: color .25s ease-in-out;
			color: $dark-gray;
			&:hover  {
				color: $body-font-color;
			}
		}
	}
	.page-container {
		background: $dashboard-background;
	}
	.navbar, footer, .footer .row, .row {
		max-width: $dashboard-max-width;
	}

	.footer {
		display: none;
	}

	#sulo-navbar {
		.top-bar {
			.top-bar-right {
				@include breakpoint(large) {
					font-size: 120%;
				}
			}
		}
		.top-bar-left {
			ul {
				li {
					border: none;
					border-left: $global-border;
				}
				li:first-child {
					border: none;
				}
			}
		}
	}
	#store-navbar {
		margin-bottom: $global-margin;
		ul {
			> li {
				> a {
					transition: color .25s ease-in-out;
					color: $dark-gray;
				}

				&:hover, &.is-active {
					a {
						color: $black;
					}
				}
				&.is-active {
					background: rgba($light-gray, 0.8);
					a {
						font-weight: $global-weight-bold;
					}
				}
			}
		}
	}

	.page-content {
		// padding-top: 5rem;
		@include breakpoint(large) {
			// padding-top: 5rem;
		}
		.wip-label {
			margin-top: -2.5rem;
			position: absolute;
		}

		.photo-section {
			padding: 1rem 0;
			.upload-button {
				margin: 0;
			}
		}
		.photo-uploader {
			label {
				display: none;
			}
		}
		.overlay-container {
			.overlay {
				background: rgba($white, 0.75);
				.content {
					margin: 0 auto;
				}
			}
		}
		.upload-button {
			position: relative;
			width: 100%;
			padding-top: 100%;
			> * {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 100%;
				width: 100%;
				top: 0;
				left: 0;
				position: absolute;
			}
		}
	}
}

