.filter
{
    margin-bottom: 50px;
}
.filter td
{
    vertical-align: initial;
    text-align: center;
}
.filter td.input-fill > div {
    width: 100%;
}

.homepage-cards
{
    display: flex;
    flex-direction: column;
}

.homepage-card
{
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.homepage-card .homepage-card__placeholder
{
    flex-grow: 1;
}

.homepage-card .homepage-card__icon
{
    margin-top: 50px;
    margin-bottom: 20px;
    height: 128px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.homepage-card .homepage-card__icon.homepage-card__icon--voucher
{
    background-image: url("../images/rexygen_voucher.svg");
}
.homepage-card .homepage-card__icon.homepage-card__icon--demo
{
    background-image: url("../images/rexygen_demo.svg");
}

.homepage-card .homepage-card__button
{
    margin-bottom: 50px;
}

.homepage-card ul.homepage-card__info
{
    font-weight: 400;
}

@media screen and (min-width: 1367px)
{
    .homepage-card
    {
        margin-top: 12px !important;
    }
    
    .homepage-cards
    {
        flex-direction: row;
    }
}

ul.tree, ul.subtree
{
    list-style: none;
    font-size: 17pt;
    line-height: 30px;
}

ul.tree
{
    padding-inline-start: 0;

}

.tree a.tree-opener
{
    position: relative;
}

.tree li > a.tree-opener::after{
    font-family: Material Icons, sans-serif;
    font-size: 27pt;
    font-weight: normal;
    font-style: normal;
    content: "\e313";
    position: absolute;
    top: 0;
    bottom: 0;
    color: #b6bab7;
}

.tree li.closed > a.tree-opener::after{
    content: "\e315";
}

.tree li.closed > ul.subtree{
    display: none;
}

.tree li > a.mdc-button{
    margin-top: 5px;
    margin-bottom: 5px;
}

.tree li > a.mdc-button{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 50px;
    min-width: 130px;
}

.tree li > a.mdc-button .lower-index{
    text-align: right;
    color: grey;
    display: block;
    font-size: 7pt;
    line-height: 5pt;
}