.callout {
  border: 1px solid #dddddd;
  padding: 15px;
  border-radius: 5px;
  border-left: 4px solid cornflowerblue;
}

.callout-success {
  border-left-color: mediumseagreen;
}

[data-theme="light"] input[readonly],
[data-theme="light"] textarea[readonly],
[data-theme="light"] select[readonly] {
    background-color: #b4b4b4 !important;
    color: #000000 !important;
    cursor: not-allowed;
    opacity: 0.85;
    border-color: #2e2e2e !important;
}

[data-theme="dark"] input[readonly],
[data-theme="dark"] textarea[readonly],
[data-theme="dark"] select[readonly] {
    background-color: #585858 !important;
    color: #ffffff !important;
    cursor: not-allowed;
    opacity: 0.85;
    border-color: #7c7c7c !important;
}

[data-theme="light"] .page-item.disabled .page-link {
    background-color: #dae0e6 !important;
    color: #6c757d !important;
    cursor: not-allowed;
    opacity: 0.65;
    border-color: #ced4da !important;
}

[data-theme="dark"] .page-item.disabled .page-link {
    background-color: #46464e !important;
    color: #9e9e9e !important;
    cursor: not-allowed;
    opacity: 0.65;
    border-color: #6c6c6c !important;
}