/*
    
    Stylesheet to control the positioning and sizing of the Google Material Icons
    that we use throughout the website. Any further styling surrounding these Icons
    should be placed in here
    
    Created: 04.03.2016
    By: NP

*/

/* General Material Icon base */
.material-icons {
  font-family: 'Material Icons';
  display: inline-block;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align:top;
  font-size: 1.1em;
  padding-top: 0.15em;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  
  /* Support for Safari and Chrome. */
  /*text-rendering: optimizeLegibility;*/

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

    .material-icons.md-18 {
        font-size: 18px;
    }

    .material-icons.md-24 {
        font-size: 24px !important;
    }

    .material-icons.md-32 {
        font-size: 32px;
    }

    .material-icons.md-36 {
        font-size: 36px;
    }

    .material-icons.md-48 {
        font-size: 48px;
    }

    .material-icons.md-64 {
        font-size: 64px;
    }

    .material-icons.md-100 {
        font-size: 100px;
    }

    .material-icons.md-128 {
        font-size: 128px;
    }

/* Icons held in the header section */
#header .material-icons {
    font-size: 1.6em;
    vertical-align: middle;
    padding-top:0px;
    color:#FFF;
}

#header #FilterIcon 
{
    font-size:1em;
    color:rgba(255,255,255,0.8);
}
#header #FilterIcon.animate 
{
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Icons situated to the right of the header 1 text */
/*h1 .material-icons, h1 > span {
    padding-top: 0.07em;
    padding-bottom: 0.08em;
    vertical-align: bottom;
    float: right;
}*/

/* Icons to the left within the details list */
.listitem_wrapper .material-icons {
    font-size: 2em;
    padding-top: 0;
}

.inline_icon
{
    font-size: inherit !important;
}

/* Icons used in the download app page */
.download_app .material-icons 
{
    font-size: 14px;
    padding-bottom: 10px;
    
}

.basic_wrapper > p .material-icons
{
    padding-top:0.15em;
    font-size:1.1em;
}

a.panel_link > i.material-icons
{
    font-size:1.1em;
    padding-top:0.2em;
}