:host {
  display: block;
}
.header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 48px;
  cursor: pointer;
}
.header .expander {
  font-size: 16px;
  margin-right: 8px;
}
.header .title {
  font-family: "open-sans-light";
  font-size: 16px;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .header {
    position: -webkit-sticky;
    position: sticky;
    top: -8px;
    width: 100%;
    z-index: 2;
  }
}
.content {
  padding-bottom: 24px;
  min-height: 132px;
}
.content.wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
.content.wrap /deep/ cmf-core-controls-baseWidget {
  min-width: 320px;
  padding-bottom: 16px;
  padding-right: 16px;
}
.content.fullHeight {
  height: calc(100vh - 187px);
  padding-bottom: 0px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .content {
    z-index: 1;
  }
}
.placeholder-container {
  position: relative;
  cursor: pointer;
}
.placeholder-container .placeholder {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
.placeholder-container .placeholder > * {
  margin-top: 20px;
}
.placeholder-container .placeholder.propertyViewer {
  width: 100%;
  height: 132px;
}
.placeholder-container .placeholder.propertyViewer:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  --block-height: 16px;
  --block-skeleton: linear-gradient(var(--page-section-placeholder-color) 100%, transparent 0);
  --l1-width: 168px;
  --l1-position: 0 8px;
  --l2-width: 100%;
  --l2-height: 1px;
  --l2-position: 0 32px;
  --l3-y: 44px;
  --l3_0-width: 48px;
  --l3_0-position: 144px var(--l3-y);
  --l3_1-width: 144px;
  --l3_1-position: 200px var(--l3-y);
  --l4-y: 68px;
  --l4_0-width: 72px;
  --l4_0-position: 120px var(--l4-y);
  --l4_1-width: 288px;
  --l4_1-position: 200px var(--l4-y);
  --l5-y: 92px;
  --l5_0-width: 96px;
  --l5_0-position: 96px var(--l5-y);
  --l5_1-width: 96px;
  --l5_1-position: 200px var(--l5-y);
  --l6-y: 116px;
  --l6_0-width: 72px;
  --l6_0-position: 120px var(--l6-y);
  --l6_1-width: 192px;
  --l6_1-position: 200px var(--l6-y);
  background-image: var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton);
  background-size: var(--l1-width) var(--block-height), var(--l2-width) var(--l2-height), var(--l3_0-width) var(--block-height), var(--l3_1-width) var(--block-height), var(--l4_0-width) var(--block-height), var(--l4_1-width) var(--block-height), var(--l5_0-width) var(--block-height), var(--l5_1-width) var(--block-height), var(--l6_0-width) var(--block-height), var(--l6_1-width) var(--block-height);
  background-position: var(--l1-position), var(--l2-position), var(--l3_0-position), var(--l3_1-position), var(--l4_0-position), var(--l4_1-position), var(--l5_0-position), var(--l5_1-position), var(--l6_0-position), var(--l6_1-position);
  background-repeat: no-repeat;
}
.placeholder-container .placeholder.table {
  width: 100%;
  height: 144px;
}
.placeholder-container .placeholder.table:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  --width: 100%;
  --block-skeleton: linear-gradient(var(--page-section-placeholder-color) 100%, transparent 0);
  --line-height: 1px;
  --l1-heigth: 36px;
  --l1-position: 0 0;
  --l2-position: 0 71px;
  --l3-position: 0 107px;
  --l4-position: 0 143px;
  background-image: var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton);
  background-size: var(--width) var(--l1-heigth), var(--width) var(--line-height), var(--width) var(--line-height), var(--width) var(--line-height);
  background-position: var(--l1-position), var(--l2-position), var(--l3-position), var(--l4-position);
  background-repeat: no-repeat;
}
.placeholder-container .placeholder.tiles {
  width: 100%;
  height: 112px;
}
.placeholder-container .placeholder.tiles:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  --block-size: 112px;
  --block-skeleton: linear-gradient(var(--page-section-placeholder-color) 100%, transparent 0);
  --l1-position: 0 0;
  --l2-position: 128px 0;
  --l3-position: 256px 0;
  --l4-position: 384px 0;
  background-image: var(--block-skeleton), var(--block-skeleton), var(--block-skeleton), var(--block-skeleton);
  background-size: var(--block-size) var(--block-size), var(--block-size) var(--block-size), var(--block-size) var(--block-size), var(--block-size) var(--block-size);
  background-position: var(--l1-position), var(--l2-position), var(--l3-position), var(--l4-position);
  background-repeat: no-repeat;
}
.placeholder-container .btn-load {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.placeholder-container .icon-load {
  font-size: 24px;
  display: -webkit-box;
  display: flex;
}
:host-context(.actionBarCollapsed) .fullHeight {
  height: calc(100vh - 122px);
}