/**
  Styles relating to widgets in the pullout
*/

/* Pullout */
.xv-pullout {
  .xv-header {
    .xv-navigator > .xv-header;
    // TODO: for some reason the height is off
    height: 15px;
    border: none;
  }

  .xv-app-panel;
  position: absolute;
  top: @toolbarHeight;
  left: 0;
  bottom: 0;
  background-color: @white;
  .box-shadow(4px 4px 10px rgba(0,0,0,0.20));

  .pullout-grabbutton {
    position: absolute;
    height: 54px;
    width: 50px;
    bottom: 25px;
    right: -50px;
    background-color: @smoke;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
    .border-top-right-radius(10px);
    .border-bottom-right-radius(10px);
  }

  .xv-parameter-panel {
    .xv-workspace-container > .xv-workspace > .xv-workspace-panel;
    width: 100%;
    margin: 0 4px 6px 0;

    .xv-input, .xv-pickerwidget {
      .onyx-input-decorator {
        border: none;
      }
    }

    .xv-buttons {
      text-align: center;
    }

    .xv-filter-form {
      .xv-list {
        height: 150px;
      }
    }
  }

  .help-panel {
    border: none;
    height: 100%;
    width: 100%;
  }

  .history-panel {
    .xv-list-item {
      .xv-navigator > .xv-menu-container > .xv-navigator-menu > .xv-list-item;
    }
  }
}