/* utils */
.mw-75 {
    max-width: 75% !important;
  }
.mw-50 {
    max-width: 50% !important;
}
.mw-25 {
    max-width: 25% !important;
}
.mh-75 {
    max-height: 75% !important;
}
.mh-50 {
    max-height: 50% !important;
}
.mh-25 {
    max-height: 25% !important;
}

/* Toast */
.toast {
    min-width: 250px;
}
.toast-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.toast-primary strong {
    color: #002752;
}
.toast-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.toast-secondary strong {
    color: #202326;
}
.toast-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}
.toast-success strong {
    color: #0b2e13;
}
.toast-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.toast-info strong {
    color: #062c33;
}
.toast-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.toast-warning strong {
    color: #533f03;
}
.toast-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.toast-danger strong {
    color: #491217;
}
.toast-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.toast-light strong {
    color: #686868;
}
.toast-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.toast-dark strong {
    color: #040505;
}

div.progress-timeline {
    padding: 0.2em 0.2em 0.5em 0.2em;
}
div.progress-timeline ul {
    position: relative;
    padding: 0;
}
div.progress-timeline li {
    list-style-type: none;
    position: relative
}
div.progress-timeline li.progress-inactive {
    opacity: 0.5;
}
div.progress-timeline .progress-line {
    height: 2px;
    /* background: gray; */
}
div.progress-timeline .progress-line.progress-inactive {
    opacity: 0.5;
}

.callout {
    border: 1px solid #eee;
        border-left-color: rgb(238, 238, 238);
        border-left-width: 1px;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.callout-primary {
    border-left-color: var(--primary);
}
.callout-info {
    border-left-color: var(--info);
}
.callout-success {
    border-left-color: var(--success);
}
.callout-warning {
    border-left-color: var(--warning);
}
.callout-danger {
    border-left-color: var(--danger);
}
.callout-dark {
    border-left-color: var(--dark);
}
.callout-light {
    border-left-color: var(--light);
}

.form-control.is-invalid.warning {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffc107' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e")
}