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; } }