/* Compact operating mode for the web platform. */
:root {
  --platform-control-height: calc(1.8125rem + 2px);
  --platform-control-font-size: .875rem;
  --platform-control-padding-y: .25rem;
  --platform-control-padding-x: .5rem;
  --platform-section-gap: .75rem;
}

.content-wrapper {
  font-size: .92rem;
}

.content-header {
  padding: .65rem .5rem;
}

.content-header h1,
.content-header .h1 {
  font-size: 1.55rem;
  line-height: 1.2;
}

.content {
  padding-bottom: .75rem;
}

.card {
  margin-bottom: .85rem;
}

.card-header {
  padding: .55rem .75rem;
}

.card-title {
  font-size: 1rem;
  line-height: 1.25;
}

.card-body {
  padding: .75rem;
}

.card-footer {
  padding: .55rem .75rem;
}

.modal-header,
.modal-footer {
  padding: .65rem .9rem;
}

.modal-title {
  font-size: 1.05rem;
  line-height: 1.25;
}

.modal-body {
  padding: .8rem .9rem;
}

.form-group {
  margin-bottom: .65rem;
}

label,
.col-form-label {
  margin-bottom: .22rem;
  font-size: .88rem;
  line-height: 1.25;
}

.form-control,
.custom-select,
input.form-control,
select.form-control {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
  padding: var(--platform-control-padding-y) var(--platform-control-padding-x) !important;
  font-size: var(--platform-control-font-size) !important;
  line-height: 1.5 !important;
  border-radius: .2rem !important;
}

textarea.form-control,
textarea {
  height: auto !important;
  min-height: 4.75rem !important;
}

.form-control[type="file"] {
  height: auto !important;
  min-height: var(--platform-control-height) !important;
  padding: .22rem .45rem !important;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-append > .btn,
.input-group > .input-group-prepend > .btn {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
  font-size: var(--platform-control-font-size) !important;
  line-height: 1.5 !important;
}

.input-group-text {
  padding: var(--platform-control-padding-y) var(--platform-control-padding-x) !important;
}

.btn:not(.btn-lg):not(.btn-xl) {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: .2rem .45rem;
  font-size: .82rem;
  line-height: 1.45;
}

.table th,
.table td,
.dataTable th,
.dataTable td {
  padding: .42rem .55rem;
  vertical-align: middle;
}

.table-sm th,
.table-sm td {
  padding: .25rem .35rem;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .form-control,
.dataTables_wrapper .custom-select {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
  padding: .2rem .45rem !important;
  font-size: .85rem !important;
}

.dataTables_wrapper .row {
  margin-top: .35rem;
  margin-bottom: .35rem;
}

.dataTables_wrapper .dataTables_length label {
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length .custom-select,
.dataTables_wrapper .dataTables_length .form-control {
  display: inline-block !important;
  width: auto !important;
  min-width: 4.15rem !important;
  max-width: 5.25rem !important;
  padding-right: 1.55rem !important;
  text-align: center;
}

.pagination {
  margin-bottom: .35rem;
}

.page-link {
  padding: .28rem .55rem;
  font-size: .86rem;
}

.alert {
  padding: .55rem .75rem;
  margin-bottom: .75rem;
}

.badge {
  padding: .24em .45em;
  font-size: 78%;
}

.nav-sidebar .nav-link {
  padding: .45rem .75rem;
}

.main-sidebar .brand-link {
  padding-top: .55rem;
  padding-bottom: .55rem;
}

.navbar-nav > .nav-item > .nav-link,
.main-header .navbar-nav .nav-link {
  padding-top: .55rem;
  padding-bottom: .55rem;
}

.select2-container {
  font-size: var(--platform-control-font-size) !important;
}

.select2-container .select2-selection--single {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
}

.select2-container--default .select2-selection--single,
.select2-container--bootstrap4 .select2-selection--single {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
  border-radius: .2rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  line-height: 1.45rem !important;
  padding-left: .5rem !important;
  padding-right: 1.6rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
  height: var(--platform-control-height) !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--bootstrap4 .select2-selection--multiple {
  height: var(--platform-control-height) !important;
  min-height: var(--platform-control-height) !important;
  max-height: var(--platform-control-height) !important;
  overflow: hidden !important;
  padding: .08rem .25rem !important;
  border-radius: .2rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: .2rem !important;
  height: calc(var(--platform-control-height) - 2px) !important;
  margin: 0 !important;
  padding: 0 .2rem !important;
  overflow: hidden !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  flex: 0 0 auto !important;
  max-width: 9rem !important;
  margin: 0 !important;
  padding: .08rem .34rem !important;
  font-size: .8rem !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline,
.select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline {
  flex: 1 1 auto !important;
  min-width: 4.5rem !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  min-height: 1.2rem !important;
  height: 1.45rem !important;
  line-height: 1.45rem !important;
  font-size: .85rem !important;
}

.select2-dropdown,
.select2-results__option {
  font-size: .875rem !important;
}

.select2-results__option {
  padding: .35rem .55rem !important;
}

.form-text,
.invalid-feedback,
.valid-feedback,
.help-block,
small {
  font-size: .78rem;
  line-height: 1.25;
}

.row.compact-row,
.form-row {
  row-gap: .35rem;
}

hr {
  margin-top: .75rem;
  margin-bottom: .75rem;
}