/**
* Layouts
*
*/
/** COMMONS */
#perfnode,
#filters,
#timeline,
#timeline-container {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  /*-webkit-transition: height, 5s, ease-out;
-moz-transition: height, 5s, ease-out;
-o-transition: height, 5s, ease-out;
transition: height, 5s, ease-out;
*/

}
body.layout-intro #main {
  height: 97%;
}
body.layout-intro #perfnode {
  height: 0%;
}
body.layout-intro #filters {
  height: 0%;
}
body.layout-intro #timeline {
  height: 65%;
}
body.layout-intro #timeline #timeline-container {
  height: 98%;
}
body.layout-intro #timeline-loader {
  display: block;
}
body.layout-timeline #main {
  height: 97%;
}
body.layout-timeline #perfnode {
  height: 0%;
}
body.layout-timeline #filters {
  height: 30%;
}
body.layout-timeline #timeline {
  height: 65%;
}
body.layout-timeline #timeline #timeline-container {
  height: 98%;
}
body.layout-timeline #timeline-loader {
  display: none;
}
body.layout-perfnode #main {
  height: 97%;
}
body.layout-perfnode #perfnode {
  height: 85%;
}
body.layout-perfnode #filters {
  height: 0%;
}
body.layout-perfnode #timeline {
  height: 3%;
}
body.layout-perfnode #timeline #timeline-container {
  height: 0%;
}
body.layout-perfnode #timeline-loader {
  display: none;
}