.outlined > div > div {
    position: relative;
    padding: 1.5rem;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: #CCCCCC;
}

.legend > div > div {
    position: relative;
    padding: 1.5rem;
    background: #FFFFFF;
    border-left-style: solid;
    border-width: 5px;
}
.color1 { border-color: #264653;}
.color2 { border-color: #2A9D8F;}
.color3 { border-color: #E9C46A;}
.color4 { border-color: #F4A261;}
.color5 { border-color: #E76F51;}


body { background-color: #FBFBFB !important;}

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