div.user-view-cloud-box {
	border: solid 1px #ccc;
	padding: 1em;
	&:hover {
		border: solid 1px #00f;
		background-color: #eee;
	}
}

.es-billing table {
	background-color: #fefefe;
	border: solid 1px #000;
	th {
		background-color: #fcfcfc;
	}
	td,th {
		border-bottom: 1px solid #ddd;
		padding: 0 1rem 0 1rem;
	}
}

div.es-adapted-licenses {
	div.es-license {
		display: inline;
	}
}
div.es-installation {
	div.title {
		font-weight: bold;
	}
}
div.es-license {
	span.warning {
		color: red;
	}
	span.status.warning {
		font-weight: bold;
		color: red;
	}
	span.status.success {
		font-weight: bold;
		color: green;
	}
}
div.es-licenses {
	&.es-stats {
		div.es-license {
			margin-bottom: 2px;
			position: relative;
			span.title {
				display: inline-block;
				min-width: 7rem;
				font-weight: bold;
			}
			div.license-id {
				display: inline-block;
				min-width: 16rem;
				span.condition {
					color: #999;
					font-size: 90%;
					display: block;
				}
			}
			span.user {
				display: block;
				min-width: 12rem;
			}
			span.details {
				position: absolute;
				right: 1rem;
				span.expiration {
					display: block;
				}
				span.status {
					display: block;
				}
				span.usage {
					padding-right: .5rem;
					display: inline-block;
				}
			}
			span.warning {
				color: #900;
			}
		}
	}
	div.info {
		color: #5b5b5b;
		padding: 1rem;
		border: solid 1px #ccc;
		background-color: #f5f5f5;
		margin-bottom: 1rem;
		& > div {
			padding: 1rem;
			background-color: #fff;
			position: relative;
			box-sizing: border-box;
		}
	}
}

form#cloud_account_edit {
	div.description {
		padding-left: 1rem;
		font-style: italic;
		color: #555;
	}
	input[type="submit"] {
		margin: .5rem;
		padding: .5rem 2rem;
		font-size: 120%;
		font-weight: bold;
		color: white;
		background-color: #3f8ee1;
	}
}