#content-wrapper, #top-bar-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: inline-axis;
  -moz-box-orient: inline-axis;
  box-orient: inline-axis;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start; }

#sidebar {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1; }

#side-content-wrapper {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1; }

#toolbar-links {
  top: 4px; }

#slider-handle {
  top: 64px; }

.subject button {
  vertical-align: middle;
  height: 48px;
  line-height: 48px; }
  .subject button span {
    display: inline; }
  .subject button i {
    position: absolute;
    margin-top: 6px; }

.question .md-button {
  vertical-align: middle;
  height: 48px;
  line-height: 48px; }
  .question .md-button div {
    vertical-align: middle;
    line-height: auto !important; }
  .question .md-button i {
    vertical-align: middle; }

#table-button-wrapper .md-button {
  vertical-align: middle; }

.md-ripple-container {
  display: none !important; }

md-bottom-sheet {
  padding: 8px 16px 8px 16px; }

#box-var-cat-wrapper {
  width: 100%; }

.exit-bottomsheet {
  right: 0px; }

#box-row {
  position: absolute;
  left: 0px;
  width: 50%;
  top: 0px; }

#box-cat {
  position: absolute;
  left: 50%;
  width: 50%;
  top: 0px; }

md-bottom-sheet {
  padding: 8px 16px 8px 16px;
  bottom: -50px; }

#limit-var-cat-wrapper, .btm-top-bar {
  width: 100%; }

.btm-top-bar .left-side-50 {
  position: absolute;
  padding: 10px 0px 15px 25px;
  width: 48%; }

.btm-top-bar .right-side-50 {
  padding: 10px 0px 15px 20px;
  width: 48%; }

.exit-bottomsheet {
  right: 0px; }

.left-side-50 {
  position: relative;
  left: 0px;
  width: 50%;
  top: 0px;
  width: 47%; }

.right-side-50 {
  position: absolute;
  left: 50%;
  width: 50%;
  top: 0px;
  width: 47%; }

#landing-promo {
  display: table; }
  #landing-promo div[flex="50"] {
    width: 50%;
    display: table-cell;
    max-width: 450px; }

#landing-detail div[flex="50"] {
  width: 50%;
  display: table-cell;
  max-width: 450px; }