*{list-style: none; padding: 0px; margin: 0px; font-family: 'Roboto',sans-serif; color: #333333; table-layout:fixed}
a{color: inherit; text-decoration: none}
.fff{color: #ffffff}
.bordered{border: solid 1px red}
.bolder{
    font-weight: bolder;
}
.l10{
    padding-left: 10px;
}
.show{}
.hide{
    display: none
}
.em08{
    font-size: 0.8em;
}

.text-center{
    text-align: center;
}

.flex{
    display: flex;
}
.flex-reverse{
    flex-direction: row-reverse;
}
.flex-column{
    flex-direction: column;
}
.flex-center{
    justify-content: center;
    align-items: center;
}
.stretch{
    align-items: stretch;
}
.flex-wrap{
    flex-wrap: wrap;
}
.w100pc{
    width: 100%;
}
.between{
    justify-content: space-between;
}
.around{
    justify-content: space-around;
}
.flex-align-center{
    align-items: center;
}

.img-midle{
    vertical-align: middle;
}
.button{
    cursor: pointer;
}