:root {
    --bs-border-color: #b2bec3;
}

.text-sm {
    font-size: 0.875rem !important;
}

.btn-xs {
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.825rem;
    --bs-btn-border-radius: 0.25rem;
}

.sidebar-brand {
    height: 3.05rem !important;
}

.brand-image {
    max-height: 30px !important;
}

.app-footer {
    min-height: 1rem !important;
}

.border-dotted {
    border-top: 1px dashed var(--bs-border-color);
}

.swal-title-sm {
    font-size: 1.25em;
}

.swal-text-sm {
    font-size: 0.875em;
}

.swal-popup-sm {
    font-size: 14px;
}

.col-form-label.required:after,
.form-label.required:after {
    content: "*";
    margin-left: 0.25rem;
    color: #d63939;
}

.col-form-label-sm.required:after,
.form-label-sm.required:after {
    content: "*";
    margin-left: 0.25rem;
    color: #d63939;
}

input::placeholder {
    font-style: italic;
    color: #eee;
}

.select2-selection.select2-selection--single {
    border-color: var(--bs-border-color);
}

input.form-control:read-only {
    background-color: #dfe6e9;
}

input.form-control:read-only:focus {
    background-color: #dfe6e9;
}

/* Datatables */
div.dt-container .dt-paging .dt-paging-button {
    padding: 0.375em 0.875em;
}