db-content-cms:hover {
  cursor: pointer;
  position: relative;
  display: block;
}

db-content-cms:hover:before {
  content: 'Click to edit';
  position: absolute;
  white-space: nowrap;
  background-color: crimson;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 4px 10px !important;
  color: white !important;
  top: -28px; left: -6px;
  margin: 0 !important;
  line-height: 120% !important;
  text-transform: uppercase !important;
}

db-content-cms:hover:after {
  content: '';
  position: absolute;
  width: calc(100% + 12px); height: calc(100% + 12px);
  top: -6px; left: -6px;
  border: 2px solid crimson;
}

.alertify .ajs-header {
  font-weight: bold;
}

.alertify .ajs-body .ajs-content {
  padding: 20px 0;
}

.alertify textarea.cms-edit {
  width: 100%;
  resize: none;
  height: 100px;
  padding: 10px;
}

.alertify .cms-info {
  font-size: 10px;
  margin-bottom: 10px;
}

.alertify .cms-info span {
  font-weight: bold;
  margin-right: 5px
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  border-radius: 4px;
  border: none;
  color: white;
  outline: none;
  background-color: #24bd24;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button.ajs-cancel {
  background-color: #757575;
}

.alertify .cms-custom-fields-available h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  color: steelblue;
}

.alertify .cms-custom-fields-available table {
  font-size: 14px;
}

.alertify .cms-custom-fields-available table td:first-of-type {
  padding-right: 20px;
  font-weight: bold;
}

.alertify #cms-convert-to-title-case {
  float: right;
  background: cadetblue;
  color: white;
  outline: none;
  border: none;
  font-size: 12px;
  border-radius: 4px;
  padding: 3px 8px;
  margin-bottom: 5px;
}

.alertify #cms-convert-to-title-case:hover {
  background: darkcyan;
}

#cms-edit-notify-bar {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: crimson;
  z-index: 900;
  color: white;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 12px;
}

#cms-edit-notify-bar button {
  
  background: rgba(0,0,0,.3);
  border-radius: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(255,255,255,.5);
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

#cms-edit-notify-bar a {
  margin-left: auto;
  border: none !important;
}

body#cms #top,
body#cms #navbarSupportedContent {
  display: none !important;
}

body#cms .navbar { top: 0px !important;}

body#cms > section {
  max-width: 560px;
  padding: 0 40px;
  margin: 0 auto;
  text-align: center;
}

body#cms h1 {
  text-align: center;
  font-size: 28px;
  margin-top: 40px;
}

body#cms p.error {
  text-align: center;
  color: crimson;
  font-weight: bold;
}

body#cms form {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  padding: 20px;
  border: 1px solid #cdcdcd;
  border-radius: 8px;
}

body#cms form h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

body#cms form input {
  width: 100%;
  padding: 6px;
}

body#cms form button {
  padding: 8px 16px;
  margin-top: 20px;
  float: right;
  border-radius: 4px;
  border: none;
  color: white;
  outline: none;
  background-color: #24bd24;
}

body#cms form button#request-another-code {
  float: left;
  background-color: #999999;
}

body#cms form input#code {
  text-transform: uppercase;
  letter-spacing: 2px;
}