li[class*="slf_display_list-item"]{
    position:relative;
    margin:0 0 1.5em 0;
    display:block;
    padding:0;
    box-sizing:border-box
}
li[class*="slf_display_list-item"]:last-child{
    margin-bottom:0
}
li[class*="slf_display_list-item"].slf_display_list-item--half{
    margin-right:4%;
    display:inline-block;
    width:48%
}
li[class*="slf_display_list-item"].slf_display_list-item--half.slf_display_list-item--half-right{
    margin-right:0
}
@media only screen and (max-width: 640px){
    li[class*="slf_display_list-item"].slf_display_list-item--half{
        margin-right:0;
        display:block;
        width:100%;
    }
}
li[class*="slf_display_list-item"].slf_display_list--name,li[class*="slf_display_list-item"].slf_display_list--gender,li[class*="slf_display_list-item"].slf_display_list--dob{
    display:inline-block;
    padding-right:1em
}
li[class*="slf_display_list-item"].slf_display_list--dob{
    padding-right:0
}
li[class*="slf_display_list-item"].slf_display_list--name{
    width:35%
}
li[class*="slf_display_list-item"].slf_display_list--gender{
    width:25%
}
li[class*="slf_display_list-item"].slf_display_list--gender .slf_field-select{
    width:100%;
    max-width:100%;
    min-width:0
}
li[class*="slf_display_list-item"].slf_display_list--dob{
    width:40%
}
li[class*="slf_display_list-item"].slf_display_list-item--divider{
    line-height:1px;
    height:1px;
    background:#eeeeee
}
li[class*="slf_display_list-item"].slf_display_list-item--none{
    text-align:center
}
li[class*="slf_display_list-item"].slf_display_list-item--none,li[class*="slf_display_list-item"].slf_display_list-item--active{
    padding:21px 20px;
    background:#f0f0f0;
    border-radius:5px
}
li[class*="slf_display_list-item"].slf_display_list-item--active{
    padding-right:150px
}
li[class*="slf_display_list-item"].slf_display_list-item--active p{
    margin-bottom:0
}
@media only screen and (max-width: 639px){
    li[class*="slf_display_list-item"].slf_display_list-item--active{
        padding:15px 15px;
    }
}
li[class*="slf_display_list-item"].slf_display_list-item--simple{
    padding-right:0
}
li[class*="slf_display_list-item"].hidden,li[class*="slf_display_list-item"] .hidden{
    position:absolute;
    opacity:0;
    visibility:hidden
}
li[class*="slf_display_list-item"] [class*="slf_display_list-item-response"]{
    margin-top:15px
}
li[class*="slf_display_list-item"] [data-slf-replace="class"]{
    white-space:nowrap
}
li[class*="slf_display_list-item"] button.selected{
    background:#079eb6;
    color:#fff
}
li[class*="slf_display_list-item"] .slf_class-link{
    margin:0 0.5em 0.25em 0.5em;
    vertical-align:middle;
    min-width:0;
    width:auto;
    white-space:auto !important
}
@media only screen and (min-width: 640px){
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons{
        position:absolute;
        top:0;
        right:0;
        height:100%;
        padding:15px;
        box-sizing:border-box;
        text-align:right;
        background:#6e7680;
        border-radius:0 5px 5px 0
    }
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons button{
        margin:0 0 0 7.5px
    }
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons button:first-child{
        margin-left:0
    }
}
@media only screen and (max-width: 639px){
    li[class*="slf_display_list-item"].slf_display_list--name,li[class*="slf_display_list-item"].slf_display_list--gender,li[class*="slf_display_list-item"].slf_display_list--dob{
        display:block;
        width:100%;
        padding-right:0
    }
    li[class*="slf_display_list-item"] .slf_class-link{
        margin:0.25em 0em;
        vertical-align:middle;
        min-width:0;
        width:100%;
        white-space:auto !important
    }
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons button{
        margin:15px 0 0 0;
        width:47.5%
    }
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons button:first-child{
        margin-right:2.5%
    }
    li[class*="slf_display_list-item"] .slf_display_list-item-buttons button:last-child{
        margin-left:2.5%
    }
}
li[class*="slf_display_list-item"] .slf_display_list-item--enrol{
    margin-top:15px
}
li[class*="slf_display_list-item"] .slf_template-response-content{
    margin:15px 0 0 0;
    display:block;
    padding:15px 0 0 0;
    border-top:1px solid #fff;
    font-weight:600
}
[class*="slf_field-group"] input{
    max-width:100%
}
[class*="slf_field-group"].slf_field-group--half{
    margin-right:5%;
    display:inline-block;
    width:47.5%
}
[class*="slf_field-group"].slf_field-group--half:last-child{
    margin-right:0
}
.slf_templates{
    position:absolute;
    top:-9999px;
    left:-9999px;
    visibility:hidden
}
.picker{
    box-sizing:border-box
}
.picker select{
    margin:-0.5em 0.5em 0 0.5em;
    height:auto;
    min-width:80px;
    max-width:100px;
    text-align:center;
    font-size:1em
}
.picker select option{
    text-align:center
}
.picker .picker__holder{
    max-width:340px;
    box-sizing:border-box;
    border:1px solid #eeeeee;
    border-radius:5px;
    box-shadow:0 5px 10px -3px rgba(0,0,0,0.3);
    outline:none
}

/* 
    NEW
*/
.slf_template-content
{
    display: grid;
    grid-template-columns: 1fr;
}

.slf_answer .slf-template-text
{
    border-radius: .7rem;
}

.slf_question .slf-template-text
{
    border-radius: .7rem .7rem 0 0;
}

.slf_question .slf_display_list-item-buttons
{
    border-radius: 0 0 .7rem .7rem;
}

.slf_display_list-item-buttons > button.selected
{
    --btn-bg-color: #55A812 !important;
    --btn-bg-color-hover: #55A812 !important;
}

.slf_display p
 {
    margin: 0;
}

.slf_display p:not(:first-child) 
{
    margin-top: 1.5rem;
}

.slf_class-link
{
    color: white !important;
    opacity: .9;
    text-decoration: underline !important;
}

.slf_display_list-item--enrol
{
    margin-top: 1rem !important;
}

@media only screen and (min-width: 576px){
    .slf_template-content.slf_question
    {
        grid-template-columns: 1fr 15rem;
        place-content: stretch;
        place-items: stretch;
        gap: 0;
    }

    .slf_question .slf-template-text
    {
        border-radius: .7rem 0 0 .7rem;
    }

    .slf_question .slf_display_list-item-buttons
    {
        border-radius: 0 .7rem .7rem 0;
    }
}