.mb-element-featureinfo {
  iframe.featureInfoFrame {
    width: 100%;
    height: 100%;
    border-width: 0;
  }

  .container {
    width: 100%;
  }
}

.featureinfoDialog {
  .popupContent {
    height: 100%; // for accordion growth
    .contentItem {
      height: 100%; // for accordion growth
      .mb-element-featureinfo {
        height: 100%; // for accordion growth
        position: relative;
        .tabContainer {
          // Prevent doubled scrollbars Popup + iframe
          // NOTE: With default css 34px is the exact height of the tab header bar...
          height: calc(100% - 40px);
          .container.active {
            height: 100%; // for tab iframe growth
          }
        }
        .js-content-content {
          table {
            width: 100%;
            th {
              background-color: #ddd;
            }
            th, td {
              padding-left: 5px;
            }
          }
        }
        .accordion-cell {
          iframe.featureInfoFrame {
            // Prevent doubled scrollbars Popup + iframe
            height: 98%;
            width: 98%;
          }
        }
      }
    }
  }
}

// Mobile
.mobilePane {
  .mb-element-featureinfo {
    height: 90%;
    > .tabContainer {
      height: 100%;
      position: relative;
      > .tabs {
        display: block;
        > li.tab {
          margin-right: -1px;
          font-size: 13px;
          color: #707070;
          background-color: #fff;
          &.active{
            bottom: -1px;
          }
        }
        &:after {
          clear: both;
        }
      }

      // container js-content js-content-content active
      > .container {
        > &.active {
          bottom: -1px;
        }
      }
    }
  }
}

// Popup
.popupContent {
  > .contentItem {
    > .mb-element-featureinfo {
      > .tabContainer {
        > .container {
          &.active {
            iframe.featureInfoFrame {
              position: absolute;
              top: 0;
              left: 0;
            }
          }
        }
      }
    }
  }
}
