html, body{
    margin: 0;
    padding: 0;
    min-height: 100%;
    width: 100%;
    min-height: 100vh;
    width: 100vw;
    max-width: 100%;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}
html{
    background: rgba(25,25,255,1);
    background: -moz-linear-gradient(top, rgba(25,25,255,1) 0%, rgba(0,255,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,25,255,1)), color-stop(100%, rgba(0,255,242,1)));
    background: -webkit-linear-gradient(top, rgba(25,25,255,1) 0%, rgba(0,255,242,1) 100%);
    background: -o-linear-gradient(top, rgba(25,25,255,1) 0%, rgba(0,255,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,25,255,1) 0%, rgba(0,255,242,1) 100%);
    background: linear-gradient(to bottom, rgba(25,25,255,1) 0%, rgba(0,255,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1919ff', endColorstr='#00fff2', GradientType=0 );
}
body{
    padding-top:48px;
}

.mdi{
    font-size: 24px;
}
.clickable{
    cursor: pointer;
}
.emphase{
    color:black;
    font-style: italic;
}
.errorMsg{
    color:red;
    font-size: 12px;
}
.animated{
    -webkit-transition: all ease-in-out 250ms;
    -o-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}