a[href*='/tools/caas#'], a[href*='/tools/caas?'] {
  visibility: hidden !important;
}

main .consonant-TopFilters-filtersWrapper:first-child {
  padding-top: 2px;
}

main > .section > .content .consonant-Wrapper--1200MaxWidth .consonant-Wrapper-inner,
main > .section > .content .consonant-Wrapper--1600MaxWidth .consonant-Wrapper-inner { 
  width: 100%;
}

/* Dexter Modal CSS - can be removed when caas team fixes MWPW-118588*/
.aem-Grid {
  display: block;
  width: 100%;
}

.aem-Grid::before, .aem-Grid::after {
  display: table;
  content: " ";
}

.aem-Grid::after {
  clear: both;
}

.videoContainer {
  height: 0;
  padding-bottom: 56.25%;
  position: relative
}

.videoContainer.portrait.nineSixteen {
  padding-bottom: 177.7778%
}

.videoContainer.portrait.fiveFour {
  padding-bottom: 80%
}

.videoContainer.portrait.fourFive {
  padding-bottom: 125%
}

.videoContainer.portrait.twoThree {
  padding-bottom: 150%
}

.videoContainer.portrait.oneOne {
  padding-bottom: 100%
}

.videoContainer.portrait.nineNinteenFive {
  padding-bottom: 216.5778%
}

.videoContainer.landscape.sixteenNine {
  padding-bottom: 56.25%
}

.videoContainer.landscape.fourThree {
  padding-bottom: 75%
}

.videoContainer iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dexter-Modal_overlay {
  display: flex;
  opacity: 0;
  position: fixed;
  transition: opacity 125ms ease-in-out,background-color 125ms ease-in-out,backdrop-filter 125ms ease-in-out,-webkit-backdrop-filter 125ms ease-in-out,transform 125ms ease-in-out;
  visibility: hidden
}

.dexter-Modal_overlay.is-Open {
  align-items: center;
  background: none;
  bottom: 0;
  justify-content: center;
  left: 0;
  opacity: 1;
  right: 0;
  top: 0;
  visibility: visible
}

.dexter-Modal_overlay.closePlacement-outsideTopRight {
  padding: 5.125rem 2.625rem 2.625rem
}

.dexter-Modal_overlay.closePlacement-outsideTopRight .dexter-CloseButton {
  right: -2.0625rem;
  top: -2.0625rem
}

.dexter-Modal_overlay[data-conf-display*=onPageLoad] {
  pointer-events: none;
  z-index: 110
}

.dexter-Modal_overlay[data-conf-display*=onHashChange] {
  background-color: rgba(0,0,0,.9);
  pointer-events: all;
  z-index: 200
}

.dexter-Modal_overlay.mobile-place-top {
  align-items: flex-start
}

.dexter-Modal_overlay.mobile-place-middle {
  align-items: center
}

.dexter-Modal_overlay.mobile-place-bottom {
  align-items: flex-end
}

@media only screen and (min-width: 37.5rem) {
  .dexter-Modal_overlay.tablet-place-top {
      align-items:flex-start
  }

  .dexter-Modal_overlay.tablet-place-middle {
      align-items: center
  }

  .dexter-Modal_overlay.tablet-place-bottom {
      align-items: flex-end
  }

  .dexter-Modal_overlay.tablet-place-left {
      justify-content: flex-start
  }

  .dexter-Modal_overlay.tablet-place-center {
      justify-content: center
  }

  .dexter-Modal_overlay.tablet-place-right {
      justify-content: flex-end
  }
}

@media only screen and (min-width: 75rem) {
  .dexter-Modal_overlay.closePlacement-outsideTopRight {
      padding-top:7.625rem
  }

  .dexter-Modal_overlay.desktop-place-top {
      align-items: flex-start
  }

  .dexter-Modal_overlay.desktop-place-middle {
      align-items: center
  }

  .dexter-Modal_overlay.desktop-place-bottom {
      align-items: flex-end
  }

  .dexter-Modal_overlay.desktop-place-left {
      justify-content: flex-start
  }

  .dexter-Modal_overlay.desktop-place-center {
      justify-content: center
  }

  .dexter-Modal_overlay.desktop-place-right {
      justify-content: flex-end
  }
}

.dexter-Modal {
  display: none;
  opacity: 0;
  pointer-events: all;
  visibility: hidden;
  width: 100%
}

.dexter-Modal:focus {
  outline: none
}

.dexter-Modal.is-Open {
  background: #fff;
  display: block;
  opacity: 1;
  position: relative;
  visibility: visible
}

.dexter-Modal.mobile-height-100 {
  height: 100%
}

.dexter-Modal.mobile-height-auto {
  height: auto
}

.dexter-Modal.mobile-height-auto>.aem-Grid {
  max-height: calc(100vh - 150px);
  overflow-x: hidden;
  overflow-y: auto
}

.dexter-Modal.drop-shadow {
  box-shadow: 0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02)
}

.dexter-Modal .dexter-CloseButton {
  border: 3px solid transparent;
  border-radius: 50%;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 24px;
  z-index: 1
}

.dexter-Modal .dexter-CloseButton.focus-ring {
  outline: 3px solid #1473e6
}

.dexter-Modal .dexter-CloseButton .dexter-CloseButton_icon:after {
  content: "";
  height: 44px;
  left: -13px;
  position: absolute;
  top: -13px;
  width: 44px
}

.dexter-Modal .dexter-CloseButton .dexter-CloseButton_icon.spectrum-close-circle-light:after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PHBhdGggZD0iTTI5IDE1YTEwIDEwIDAgMSAwIDAgMTQuMTJBMTAgMTAgMCAwIDAgMjkgMTVabS0zLjExIDExLjc0YS41LjUgMCAwIDEtLjcxIDBMMjIgMjMuNTZsLTMuMTggMy4xOGEuNS41IDAgMCAxLS43MSAwbC0uODUtLjg1YS41LjUgMCAwIDEgMC0uNzFMMjAuNDQgMjJsLTMuMTgtMy4xOGEuNS41IDAgMCAxIDAtLjcxbC44NS0uODVhLjUuNSAwIDAgMSAuNzEgMEwyMiAyMC40NGwzLjE4LTMuMThhLjUuNSAwIDAgMSAuNzEgMGwuODUuODVhLjUuNSAwIDAgMSAwIC43MUwyMy41NSAyMmwzLjE4IDMuMThhLjUuNSAwIDAgMSAwIC43MVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.dexter-Modal .dexter-CloseButton .dexter-CloseButton_icon.spectrum-close-circle-dark:after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PHBhdGggZD0iTTI5IDE1YTEwIDEwIDAgMSAwIDAgMTQuMTJBMTAgMTAgMCAwIDAgMjkgMTVabS0zLjExIDExLjc0YS41LjUgMCAwIDEtLjcxIDBMMjIgMjMuNTZsLTMuMTggMy4xOGEuNS41IDAgMCAxLS43MSAwbC0uODUtLjg1YS41LjUgMCAwIDEgMC0uNzFMMjAuNDQgMjJsLTMuMTgtMy4xOGEuNS41IDAgMCAxIDAtLjcxbC44NS0uODVhLjUuNSAwIDAgMSAuNzEgMEwyMiAyMC40NGwzLjE4LTMuMThhLjUuNSAwIDAgMSAuNzEgMGwuODUuODVhLjUuNSAwIDAgMSAwIC43MUwyMy41NSAyMmwzLjE4IDMuMThhLjUuNSAwIDAgMSAwIC43MVoiIGZpbGw9IiM3MDcwNzAiLz48L3N2Zz4=")
}

.dexter-Modal .aem-Grid {
  height: 100%;
  overflow: auto
}

.dexter-Modal .aem-Grid.focus-ring,.dexter-Modal .aem-Grid:focus {
  outline: none
}

@media only screen and (min-width: 37.5rem) {
  .dexter-Modal.tablet-width-100 {
      width:100%
  }

  .dexter-Modal.tablet-width-240 {
      width: 15rem
  }

  .dexter-Modal.tablet-width-360 {
      width: 22.5rem
  }

  .dexter-Modal.tablet-width-480 {
      width: 30rem
  }

  .dexter-Modal.tablet-width-640 {
      width: 40rem
  }

  .dexter-Modal.tablet-height-100 {
      height: 100%;
      top: 0
  }

  .dexter-Modal.tablet-height-240 {
      height: 15rem
  }

  .dexter-Modal.tablet-height-360 {
      height: 22.5rem
  }

  .dexter-Modal.tablet-height-480 {
      height: 30rem
  }

  .dexter-Modal.tablet-height-640 {
      height: 40rem
  }

  .dexter-Modal.tablet-height-auto {
      height: auto
  }

  .dexter-Modal.tablet-height-auto>.aem-Grid {
      max-height: calc(100vh - 60px);
      overflow-x: hidden;
      overflow-y: auto
  }
}

@media only screen and (min-width: 75rem) {
  .dexter-Modal.desktop-width-100 {
      width:100%
  }

  .dexter-Modal.desktop-width-240 {
      width: 15rem
  }

  .dexter-Modal.desktop-width-360 {
      width: 22.5rem
  }

  .dexter-Modal.desktop-width-480 {
      width: 30rem
  }

  .dexter-Modal.desktop-width-640 {
      width: 40rem
  }

  .dexter-Modal.desktop-width-1024 {
      width: 64rem
  }

  .dexter-Modal.desktop-height-100 {
      height: 100%;
      top: 0
  }

  .dexter-Modal.desktop-height-240 {
      height: 15rem
  }

  .dexter-Modal.desktop-height-360 {
      height: 22.5rem
  }

  .dexter-Modal.desktop-height-480 {
      height: 30rem
  }

  .dexter-Modal.desktop-height-640 {
      height: 40rem
  }

  .dexter-Modal.desktop-height-1024 {
      height: 64rem
  }

  .dexter-Modal.desktop-height-auto,.dexter-Modal.mobile-height-auto,.dexter-Modal.tablet-height-auto {
      height: auto
  }

  .dexter-Modal.desktop-height-auto>.aem-Grid,.dexter-Modal.mobile-height-auto>.aem-Grid,.dexter-Modal.tablet-height-auto>.aem-Grid {
      max-height: 100vh;
      overflow-x: hidden;
      overflow-y: auto
  }
}

/* End Dexter Modal */

/* CaaS Configurator Overrrides */
.config-panel hr.divider {
  margin: 15px 0 8px;
  border-color: #666;}

.config-panel dt.title span {
  font-size: 18px;
}

.config-panel dt.title.is-expanded span, 
dt.title.is-expanded button {
  font-weight: 300;
}

.config-panel .multifield {
  background-color: #404040;
  border-bottom: 0;
  padding: 0;
  margin: 14px 0 0;
}

.config-panel .multifield.filtersCustomItems {
  margin: 0 0 20px 14px;
  width: 250px;
}

.config-panel .multifield > .multifield-header h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 2px 6px;
}

.config-panel .multifield > .multifield-set{
  padding-bottom: 13px;
}

.config-panel .multifield > .multifield-set:not(:nth-child(2)) {
  border-top: 2px solid #5d8c0499;
}

.config-panel .multifield > .multifield-set > .multifield-fields .fields {
  margin: 0;
}

.config-panel .accordion {
  margin: 0 0 0 6px;
}

.config-panel dd.content.is-expanded {
  margin-top: 0;
  max-height: 999999px; /* needed for transition animation */
}

.config-panel dd.content .field {
  margin: 8px 0;
}

.config-panel .accordion-item {
  margin: 1px 0;
}

.config-panel .accordion > .accordion-item {
  margin: 1px 0;
}

.config-panel .accordion > .accordion-item .title {
  cursor: pointer;
}

.config-panel .accordion dt.title {
  gap: 0;
}

.config-panel .accordion .tagselect {
  margin: 0;
}

.config-panel .accordion dd.content button {
  background-color: #666;
  cursor: pointer;
}

.config-panel .accordion dd.content button.multifield-delete {
  margin: 8px 16px;
  background-color: #858585;
}

.config-panel .accordion dd.content button.multifield-delete:hover {
  background-color: #AAA;
}

.config-panel .accordion dd.content .filtersCustomItems button.multifield-delete {
  margin: 2px 16px;
  background-color: #999;
}

.config-panel .accordion dd.content .filtersCustomItems button.multifield-delete:hover {
  background-color: #AAA;
}

.config-panel .accordion dd.content button:hover {
  background-color: #505050;
}

.config-panel .accordion .multifield > .multifield-header h5 {
  font-size: 15px;
  margin: 0 6px;
  font-weight: 300;
  font-style: italic;
  color: #aaa;
}

.config-panel .accordion dd.content .content-container {
  padding: 20px;
}

.config-panel .accordion dd.content .field select, 
.config-panel .accordion dd.content .field input {
  font-size: 14px;
}

.config-panel .accordion .tagselect label,
.config-panel .accordion dd.content .field label {
  margin-left: 6px;
}

.config-panel .accordion .multifield-fields .field {
  padding-left: 8px;
}

.config-panel .accordion .multifield input, 
.multifield .tagselect-input {
  border: solid 1px #666 !important;
  margin-left: 8px;
}

.multifield > .multifield-set > .multifield-delete {
  margin: 8px 20px;
}

.config-panel .accordion .field input, 
.config-panel .accordion .field select, 
.config-panel .accordion .tagselect-input {
  border: #666 solid 1px !important;
}

.config-panel .accordion .multifield > .multifield-header h5 {
  max-width: 220px;
}

.config-panel .accordion input[type=checkbox] {
  align-self: baseline;
  margin-top: 6px;
}

/* collapsible panel */
button.collapse-panel {
  border: none;
  font-size: 18px;
  width: 26px;
  height: 32px;
  cursor: pointer;
}

button.collapse-panel:hover {
background: #666;
color: #eee;
}

.tool-content {
  transition: all 400ms;
  grid-template-columns: 340px 20px 1fr;
  gap: 6px;
}

.panel-collapsed .config-panel {
  z-index: -1;
}

.panel-collapsed .tool-content {
  grid-template-columns: 20px 20px 1fr;
}

.panel-collapsed dt.title span {
  color: #333;
  padding: 0 3px;
}

.panel-collapsed button {
  cursor:pointer;
}

.tool-content > div:nth-child(2) {
  padding-top: 10px;
  border-top: solid 2px #000;
}