@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light-webfont.woff') format('woff'),
        url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
        url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
        url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: "robotolight";
    line-height: normal;
}

.material-tooltip {
    text-align: left;
    background-color: rgba(100,100,100,0.8);
}

/* <ul> */
#warningsList {
    padding-left: 18px
}

#warningsList li {
    list-style-type: circle;
    padding-bottom: 10px;
}

#warningsList a:link {
    color: #800020;
    text-decoration: none;
}
#warningsList a:visited {
    color: #800020;
    text-decoration: none;
}
#warningsList a:hover {
    color: #800020;
    text-decoration: underline;
}