html {
  box-sizing: border-box;
}
*, *::before, *::after, input[type="search"] {
  box-sizing: inherit;
}

body {
  overflow: hidden; /* Needed by Chrome OSX and IOS to avoid "double" scrollbars when a menu opens */
}

#mount {
  padding-left: 12px;
  padding-right: 8px;
  height:100%;
}

#mount > *:first-child:not(h5) {
  padding-top: 16px;
}

.is-small-screen #mount {
  padding-left: 4px;
  padding-right: 4px;
}

/* Rules for sizing the icon */
/* Not provided in "material-design-icons/iconfont/material-icon.css" */

.material-icons.md-12 {
   font-size: 12px;
 }
.material-icons.md-16 {
  font-size: 16px;
}
.material-icons.md-18 {
   font-size: 18px;
 }
.material-icons.md-24 {
   font-size: 24px;
 }
.material-icons.md-32 {
   font-size: 24px;
 }
.material-icons.md-36 {
   font-size: 36px;
 }
.material-icons.md-48 {
   font-size: 48px;
 }
.material-icons.md-56 {
  font-size: 56px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
   color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
   color: rgba(0, 0, 0, 0.26);
 }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
   color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
   color: rgba(255, 255, 255, 0.3);
 }