/* Operational density for the SGST screens that use Bootstrap. */
:root {
    --bs-body-font-size: 14px;
    --bs-border-radius: 4px;
}
.btn, .form-control, .form-select, .input-group-text { font-size: 14px; }
.btn { white-space: normal; }
.table-responsive { position: relative; max-width: 100%; }
.card-title { font-size: 18px; }
.table > tbody > tr:is(.colorGreen, .colorYellow, .colorRed) > * { background-color: inherit; color: inherit; }
.card.sgst-section { margin-bottom: 20px; }
.card.sgst-section > .card-header { font-weight: 600; }
.card.sgst-section.border-primary > .card-header { background: #337ab7; color: #fff; }
.card.sgst-section.border-warning > .card-header { background: #fff3cd; color: #664d03; }
.input-group > .sgst-input-action { display: contents; }
.modal-header { flex-wrap: wrap; gap: 8px; }
.modal-header > .btn-close { order: 2; margin-left: auto; }
.modal-header > .modal-title { order: 1; font-size: 18px; max-width: calc(100% - 40px); }
.login-logo { max-width: 100%; height: auto; max-height: 150px; }
.login-nav .navbar-brand { font-size: 18px; white-space: normal; }
.login-nav form { min-width: 0; }
@media (max-width: 991.98px) {
    .login-nav .navbar-collapse { padding-top: 12px; }
    .login-nav form { width: 100%; }
}
@media (max-width: 575.98px) {
    .sgst-form-table > .table { min-width: 520px; }
    .sgst-form-table input, .sgst-form-table select { min-width: 100px; }
}