/* Manual CSP style replacements for dynamic/conditional template cases */

.csp-sector-wrapper {
  border: 1px solid #BF962D;
  border-radius: 10px;
}

.csp-model-sector-view-header {
  border-radius: 10px;
}

.csp-model-sector-view-title {
  color: #BF962D;
}

.csp-notify-modal-bg {
  background-color: rgba(129, 129, 129, 0.3);
}

.csp-news-card-bg {
  border-color: transparent;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 300px;
  height: 200px;
}

.csp-table-cell-base {
  word-wrap: break-word;
  background-color: white;
  max-width: 300px;
}

.csp-editor-select {
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: transparent;
  border-color: transparent;
}

.csp-form-gold {
  border-color: #BF962D;
  background-color: transparent;
}

.csp-form-text-black {
  color: black;
}

.csp-form-text-white {
  color: white;
}

.csp-form-gold-muted {
  border-color: #BF962D;
  background-color: #f0f0f0;
}

.csp-form-nowrap-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.csp-form-overflow-nowrap {
  overflow-x: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.csp-img-preview-200 {
  max-width: 200px;
}

.csp-font-15 {
  font-size: 15px;
}

.csp-display-none {
  display: none;
}

.csp-display-block {
  display: block;
}

.csp-display-inline-block {
  display: inline-block;
}

/* Keep ONRM button colors stable on hover/focus/active after inline-style migration */
.btn[data-csp-style="s0010"],
.btn[data-csp-style="s0027"],
.btn[data-csp-style="s0038"],
.btn[data-csp-style="s0078"],
.btn[data-csp-style="s0104"],
.btn[data-csp-style="s0139"],
.btn[data-csp-style="s0140"] {
  --bs-btn-color: #fff;
  --bs-btn-bg: #BF962D;
  --bs-btn-border-color: #BF962D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #BF962D;
  --bs-btn-hover-border-color: #BF962D;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #BF962D;
  --bs-btn-active-border-color: #BF962D;
}

.btn[data-csp-style="s0028"],
.btn[data-csp-style="s0069"] {
  --bs-btn-color: #BF962D;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #BF962D;
  --bs-btn-hover-color: #BF962D;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #BF962D;
  --bs-btn-active-color: #BF962D;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #BF962D;
}

[data-csp-style="s0158"] {
  width: 20px;
}

[data-csp-style="s0159"] {
  width: 30px;
}