$pip-settings-list-width: 300px;
$pip-settings-document-width: 960px;

.pip-settings {

  .pip-content-container {
    min-height: 100%;
  }
  .pip-body {
    max-width: none !important;
    min-height: 100%
  }

  &.pip-card .pip-header ~ .pip-body,
  &.pip-document .pip-header ~ .pip-body {
    padding-top: 24px !important;
  }
}

.pip-gt-sm {
  .pip-settings { 
    md-list.pip-menu {
      width: $pip-settings-list-width;
      min-width: $pip-settings-list-width;
    }

    .pip-content-container {
      width: calc(100% - 300px);
    }

    pip-dropdown {
      display: none;
    }
  }
}

.pip-xs, .pip-sm {
  .pip-settings { 
    .pip-content-container {
      width: 100%;
      left: 0 !important;
    }
    md-list.pip-menu {
      display: none;
    }
    .pip-body {
      min-height: calc(100% - 64px);
    }
  }
}