.list {
    width: 100%;
    color: $black;
    margin-bottom: 40px;

    .list-title-row {
        border-bottom: 2px solid $grey-2;
        box-sizing: border-box;
        height: 40px;
        display: flex;

        .list-title {
            font-weight: bold;
            font-size: 20px;
            flex: 1 1 50%;
        }

        .list-change {
            flex: 1 1 50%;
            text-align: right;
            font-weight: bold;
            color: $primary;

            a {
                &:visited {
                    color: $primary;
                }

                &:hover {
                    color: $primary-darker;
                }
            }
        }

    }

    .list-row {
        padding: 16px;
        border-bottom: 1px solid $grey-2;
        font-size: 16px;
        display: flex;

        .list-property {
            min-height: 16px;
            flex: 1 1 50%;
        }

        .list-data {
            font-weight: bold;
            min-height: 16px;
            flex: 1 1 50%;
        }
        
    }

}