/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.db-bright-modal-wrapper {
  -webkit-font-smoothing: antialiased;
}

.db-bright-modal-wrapper .db-modal-overlay {
  opacity: 0.8;
}

.db-bright-modal-wrapper .db-modal {
  width: 400px;
}

.db-bright-modal-wrapper .db-modal .db-modal-x {
  opacity: 0.5;
}

.db-bright-modal-wrapper .db-modal .db-modal-title {
  display: none;
}

.db-bright-modal-wrapper .db-modal .db-modal-content {
  background: #ffffff;
  border-top: 0;
  clear: both;
  max-height: none !important;
  padding: 48px 0 0;
}

.db-bright-modal-wrapper.hidden-x .db-modal-x {
  display: none;
}

.db-bright-modal-wrapper.hidden-x .db-modal-content {
  border-radius: 5px;
}

.db-bright-modal-wrapper.hidden-x .bright-modal-header {
  margin-top: 22px;
}

.db-bright-modal-wrapper .bright-modal-logo {
  text-align: center;
}

.db-bright-modal-wrapper .bright-modal-header {
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
  padding: 0 40px;
  text-align: center;
}

.db-bright-modal-wrapper .bright-modal-header .secondary {
  margin-top: 6px;
  font-size: 12px;
  color: #7b8994;
}

.db-bright-modal-wrapper .bright-modal-content {
  padding: 0 48px;
}

.db-bright-modal-wrapper .bright-modal-footer {
  background: #f6f9fc;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #e5e5e5;
  margin-top: 24px;
  padding: 12px 0;
  text-align: center;
}