
.callout.warning {
	p {
		margin-bottom:  0 !important;
	}
}
#sulo-account-settings {
	max-width: $dashboard-content-width;
	margin: 0 auto;
	// padding-top: $navbar-height;
	p {
		margin-bottom: 0.5rem;
	}
	[type="radio"]+label[for] {
		color: $body-font-color;
	}

	.reveal {
		.column {
			padding-right: 1rem;
			&:last-child  {
				padding: 0;
			}
		}
		label:not([for]) {
			margin-top: 1rem;
		}
	}

	.menu.section-list {
		border: none;
		li:first-child {
			padding-top: 0;
		}
		li:last-child {
			padding-bottom: 0;
		}
	}

	.menu.submenu {
		li {
			transition: background .25s ease-in-out;
			a {
				color: $dark-gray;
				transition: color .25s ease-in-out;
			}
			&:hover, &.is-active {
				a {
					color: $body-font-color;
				}
				background: $light-gray;
			}
			&.is-active {
				a {
					font-weight: $global-weight-bold;
				}
			}
		}
	}
	label.text-left {
		text-align: left;
	}
	input, select {
		&[disabled] {
			background-color: darken($white, 5%);
		}	

	}
	.email-editor {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		input {
			text-align: right;
			margin-bottom: 0.5rem;
			max-width: 20rem;
		}
		.action-buttons {
			margin-top: 0;
		}
	}
	input.uneditable {
		border: none;
		pointer-events: none;
	}
	.currency {
		text-transform: uppercase;
		font-weight: $global-weight-bold;
		.label {
			border-radius: 4px;

		}
	}
	.payment-methods {
		display: flex;
		flex-direction: row;
	}
	.icon {
		$size: 32px;
		margin-right: 0.5rem;
		width: $size;
		height: $size;
		svg {
			width: $size;
			height: $size;
		}
	}
}

#sulo-activate-account-form {
	// p {
	// 	color: $dark-gray;
	// }
	label, .section-list label {
		font-size: 90%; 
		color: $dark-gray;
		&[for] {
			// color: $body-font-color;
		}
		@include breakpoint(large) {
			text-align: right;
		}
	}

	input, select {
		max-width: 25rem;
		// margin: 0;
		&[disabled] {
			background: $white;
			font-weight: $global-weight-bold;
		}
	}
	select {
		max-width: 10rem;
	}
	.section-title {
		&:first-child {
			margin-top: 0;
		}
		// font-weight: $global-weight-bold;
	}
	.menu.section-list {
		margin-bottom: 4rem;
		border-top: $global-border;

		li:first-child {
			padding-top: 1rem;
		}
		&:last-child {
			margin-bottom: 1rem;
		}
		li {
			border: none;
		}
		.row {
			margin-top: 1rem;
			&:first-child {
				margin-top: 0;
			}
		}
	}

	.document-upload-container {
		label:not([for]) {
			text-align: left;
			color: $body-font-color;
		}
	}
		.document-uploader {
			display: flex;
			flex-direction: column;
			small {
				color: $body-font-color;
			}

			label {
				@include button;
				@include button-hollow;
				@include button-hollow-style($sulo-dark-color);
				font-size: 80%;
				// @include button-hollow;
				// @include button-hollow-style($secondary-color);
				// margin-right: 1rem;
				// @extend .button;
				margin: 0;
				flex: 0;
				text-align: left;
				// border: 1px solid $secondary-color;
			}
		}

		.action-buttons {
			.button {
				margin-bottom: $global-margin;
			}
		}
	.callout.alert {
		padding: 1rem;
	}
	.callout.warning {
		small {
			color: $body-font-color;
		}
	}
}