@font-face {
    font-family: mrserif;
    src: url(https://mandarinrobotics.co/assets/fonts/modern-serif.ttf) format("opentype");
}

@font-face {
    font-family: mrsans;
    src: url(https://mandarinrobotics.co/assets/fonts/Manulife_JH_Sans_Optimized_Light.ttf) format("opentype");
}

*{
    margin:0px;
    box-sizing: border-box;
}

body{
    font-size: 11pt;
    font-family: mrsans, sans-serif;
    background-color: darkslategrey;
    color: white;
}

.label{
    font-family: mrserif, serif;
}

.title{
    font-size: 1.5em;
}

.card{
    padding: 10px;
    color: darkslategrey
}

.mat-icon{
    font-size: 1.5em;
    margin-top: 0.25em;
}

.button{
    cursor: pointer;
}

/*label-icon{
    display:inline-block;
    vertical-align:top;
}*/

.div-inline{
    display: inline-block;
}

.div-right{
    text-align: right;
}

.top-nav-container{
    background-color: slategrey;
    border-bottom: 1px solid darkslateblue;
    padding:10px;
    color: darkslategray;
}