/* ------------------------------------------------------ */
/* Code modifiers.                                        */
/*  This will will work on:                               */
/*   • <code class="code-format">                         */
/*   • <span class="code-format">                         */
/*   • <div class="code-format">                          */
/*   • Any HTML element with that class                   */
/* ------------------------------------------------------ */

.code-format,
.code-format-sm,
.code-format-lg,
.tbo-format {
  font-family: monospace;
}

.code-format {
  font-size: 1rem;
}

.code-format-sm {
  font-size: 0.85rem;
}

.code-format-lg {
  font-size: 1.15rem;
}


/* ------------------------------------------------------ */
/* Input styles for TBO/TSOH text input                   */
/* ------------------------------------------------------ */

.tbo-format {
  padding: .1rem .1rem;
  font-size: .8rem;
  text-align: center;
  /*line-height: 1;*/
  /*min-height: 2rem;*/
}

/* Info */
/*--bs-info-text-emphasis*/
/*--cosmos-primary-dark-blue-opaque-75*/

/* Warning - Yellow */
/*--bs-warning-text-emphasis*/
/*--cosmos-secondary-soft-yellow*/

/* Success - Green */
/*--bs-success-text-emphasis*/
/*--cosmos-secondary-soft-green*/
/*--cosmos-secondary-soft-green-opaque-75*/

/* Danger - Red */
/*--bs-danger-text-emphasis*/



.tbo-info,
.tsoh-info {
  /*border-color: var(--bs-info-text-emphasis) !important;*/
  border-color: var(--bs-info) !important;
}

.tbo-success,
.tsoh-success {
  /*border-color: var(--bs-success-text-emphasis) !important;*/
  border-color: var(--bs-success) !important;
}

.tbo-warning,
.tsoh-warning {
  border-width: 2px;
  /*border-color: var(--bs-warning-text-emphasis) !important;*/
  border-color: var(--bs-warning) !important;
}

.tbo-danger,
.tsoh-danger {
  border-width: 2px;
  /*border-color: var(--bs-danger-text-emphasis) !important;*/
  border-color: var(--bs-danger) !important;
}