body .container .row:last-child {
  margin-bottom: 32px;
}

p {
  font-size: 16px;
  line-height: 22px;
}

.flex-col {
  display: flex;
}

.flex-col .section {
  flex: 1 0 0%;
  display: flex;
  flex-direction: column;
}

.licensing-content-wrapper {
  padding-bottom: 72px;
}

.licensing-content-wrapper.container.first .big-heading {
  margin-top: 32px;
}

p.readable-width {
  max-width: 784px;
}

/*** PRODUCT DETAILS ***/

.product-name {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}

.section.pro-section,
.section.white-rounded-section,
.block-payment-section,
.block-details-section,
.activations-section,
.update-section,
.cancel-section,
.invoice-section,
.product .section,
.payment-option .section {
  margin-bottom: 16px;
  background-color: #fff;
  border-radius: 5px;
  padding: 16px 16px 8px;
}

.section.pro-section {
  background-image: linear-gradient(
    45deg,
    hsl(103deg 44% 89%) 0%,
    hsl(102deg 45% 91%) 11%,
    hsl(102deg 45% 92%) 22%,
    hsl(102deg 45% 93%) 33%,
    hsl(102deg 45% 94%) 44%,
    hsl(102deg 45% 95%) 56%,
    hsl(102deg 45% 96%) 67%,
    hsl(102deg 45% 98%) 78%,
    hsl(102deg 45% 99%) 89%,
    hsl(0deg 0% 100%) 100%
  );
}

.pro-section .heading,
.white-rounded-section .heading,
.no-bg-section .heading,
.block-details-section .heading,
.block-payment-section .heading,
.activations-section .heading,
.update-section .heading,
.invoice-section .heading,
.cancel-section .heading,
.license-form .heading,
.product .section .heading,
.payment-option .section .heading {
  font-size: 21px;
  margin-bottom: 8px;
}

.section.white-rounded-section.admin-section {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 8px solid coral;
  padding-bottom: 16px;
  margin-bottom: 0;
}

.admin-section .btn {
  margin-right: 8px;
  margin-bottom: 8px;
}

.license-form .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.white-rounded-section p.caption,
.payment-option .section p.caption {
  font-size: 13px;
  line-height: 15px;
  color: #444;
}

.payment-option span.tag {
  display: inline-block;
  padding: 4px;
  margin-right: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.no-bg-section .sub-heading {
  font-size: 17px;
  margin-top: 24px;
  margin-bottom: 8px;
}

.update-section form .btn-update-payment {
  margin-top: 16px;
}

.section .update-above {
  margin-top: 8px;
}

.section.license-info .license-code,
.product.license .code {
  display: inline-block;
  font-size: 23px;
  border: 1px solid lightsalmon;
  padding: 8px;
  font-family: monospace;
  border-radius: 3px;
  margin-left: 8px;
}

.alert.caption-alert {
  font-size: 13px;
}

.badge-stripe-powered {
  display: block;
  margin-top: 8px;
}

.badge-stripe-powered img {
  width: 120px;
}

.cws-badge {
  display: block;
  margin-bottom: 16px;
}

.cws-badge img {
  width: 256px;
}

.pro-section .emph {
  font-weight: bold;
}

/*** EXISTING LICENSES ***/

body.license-manage.err-license-fetch .licensing-content-wrapper,
body.license-manage .global-page-error {
  display: none;
}

body.license-manage.err-license-fetch .global-page-error {
  display: block;
}

.block-payment-section {
  padding-bottom: 16px;
}

.block-details-section .block-details,
ul.licenses {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
}

.block-details-section .block-details,
.activations .activation,
ul.licenses li {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f4f4f4;
}

.block-details-section .block-details span,
.activations .activation span,
ul.licenses li div {
  background-color: #f5f5f5;
  padding: 8px 12px;
  margin-right: 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

ul.licenses li div.trial-tag {
  background-color: antiquewhite;
}

ul.licenses li div.retry-tag {
  background-color: salmon;
}

ul.licenses li div .key {
  font-weight: 300;
  margin-right: 4px;
  display: inline-block;
}

.pro-section .schedule,
.update-section form,
.invoice-section form,
.cancel-section form {
  margin-bottom: 8px;
}

.section.has-bottom-action {
  padding-bottom: 16px;
}

.btn-reenable-license {
  margin-left: 8px;
}

/*** LICENSE BLOCKS ***/

.create-block {
  max-width: 512px;
}

.block-details-section .block-details span.cancelled-true,
.block-details-section .block-details span.paid-false {
  background-color: aliceblue;
}

.block-details-section .block-details span.cancelled-false,
.block-details-section .block-details span.paid-true {
  background-color: lavender;
}

.pre-ish {
  font-family: monospace;
}

.no-bg-section {
  margin-top: 32px;
  padding-bottom: 64px;
}

.not-so-big {
  max-width: 720px;
}

/*** BLOCK 404 ***/

body.license-block .no-load-error,
body.license-block.no-load .alert-success,
body.license-block.no-load .section {
  display: none;
}

body.license-block.no-load .no-load-error {
  display: block;
}

body.license-block .expiration-date {
  width: 256px;
}

/*** ADMIN ***/

.admin-section .admin-subsection {
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 16px;
}

.white-rounded-section.admin-section .admin-subsection .heading {
  font-size: 19px;
}

.admin-section .admin-subsection pre {
  font-size: 13px;
  margin: 8px 0 0 0;
}