/* =========================================
   portalbasictheme.css
   Power Pages structural baseline
   Pairs with theme.css + custom.css
   ========================================= */

/* =========================================
   BASE PAGE REGIONS
   ========================================= */
html,
body {
  min-height: 100%;
}

body {
  margin: 0;
}

.wrapper-body {
  width: 100%;
}

.page-copy {
  width: 100%;
}

/* =========================================
   STANDARD SPACING
   ========================================= */
.container,
.custom-container {
  width: 100%;
}

.sectionBlockLayout,
.row.sectionBlockLayout {
  margin-bottom: 1rem;
}

.columnBlockLayout {
  min-width: 0;
}

/* =========================================
   POWER PAGES COMMON CONTENT BLOCKS
   ========================================= */
.crmEntityFormView,
.entitylist,
.view-grid,
.list-group,
.alert,
.card,
.table-responsive {
  background-clip: padding-box;
}

.crmEntityFormView,
.entitylist,
.view-grid {
  margin-bottom: 1.25rem;
}

/* =========================================
   BASIC FORM PRESENTATION
   ========================================= */
.crmEntityFormView .cell,
.crmEntityFormView .info,
.crmEntityFormView .actions,
.crmEntityFormView .tab-column,
.crmEntityFormView .section {
  margin-bottom: 1rem;
}

.crmEntityFormView .actions {
  padding-top: 0.5rem;
}

.crmEntityFormView label,
.crmEntityFormView .control-label {
  display: inline-block;
  margin-bottom: 0.35rem;
}

.crmEntityFormView input[type="text"],
.crmEntityFormView input[type="email"],
.crmEntityFormView input[type="tel"],
.crmEntityFormView input[type="number"],
.crmEntityFormView input[type="password"],
.crmEntityFormView input[type="date"],
.crmEntityFormView textarea,
.crmEntityFormView select {
  width: 100%;
  max-width: 100%;
}

/* =========================================
   ENTITY LISTS / GRIDS
   ========================================= */
.entitylist .table,
.view-grid .table {
  width: 100%;
  margin-bottom: 0;
}

.entitylist .table-responsive,
.view-grid .table-responsive {
  overflow-x: auto;
}

.entitylist-actions,
.view-toolbar,
.actions {
  margin-bottom: 1rem;
}

/* =========================================
   SEARCH / LOOKUPS / FILTERS
   ========================================= */
.entitylist-filter,
.view-search,
.input-group {
  margin-bottom: 1rem;
}

/* =========================================
   BREADCRUMB / PAGE TITLE REGIONS
   ========================================= */
.breadcrumb {
  margin-top: 0;
  margin-bottom: 1rem;
}

.page-heading,
.page-title {
  margin-bottom: 1rem;
}

/* =========================================
   MODALS / DIALOGS
   ========================================= */
.modal-body {
  overflow-wrap: break-word;
}

.modal-title {
  min-width: 0;
}

/* =========================================
   IMAGES / MEDIA
   ========================================= */
img {
  max-width: 100%;
  height: auto;
}

/* =========================================
   ACCESSIBILITY / VALIDATION
   ========================================= */
.field-validation-error,
.validation-summary-errors,
div[data-valmsg-summary="true"] {
  display: block;
  margin-top: 0.25rem;
}

.validation-summary-errors ul,
div[data-valmsg-summary="true"] ul {
  padding-left: 1.25rem;
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 991.98px) {
  .crmEntityFormView .actions .btn,
  .crmEntityFormView .actions input[type="submit"],
  .crmEntityFormView .actions input[type="button"] {
    margin-bottom: 0.5rem;
  }

  .entitylist .table-responsive,
  .view-grid .table-responsive {
    border-radius: 0.375rem;
  }
}

@media (max-width: 767.98px) {
  .sectionBlockLayout,
  .row.sectionBlockLayout,
  .crmEntityFormView,
  .entitylist,
  .view-grid,
  .card,
  .alert {
    margin-bottom: 1rem;
  }

  .breadcrumb {
    font-size: 0.92rem;
  }
}