<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">form {
    margin:20px 0;
}

/* silverstripe field hoders */
.field {
    margin-bottom:20px;
}
.field.nocaptcha {
    min-height:78px;
}

/* the basics */
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select,
#Form_StripeForm_card {
    color:#666;
    border:1px solid #D3D3D3;
    border-radius:4px;
    padding:10px;
    width:100%;
    background-color:#FFF;
}
#Form_StripeForm_card {
    padding:12px 10px;
}

/* focus */
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    color:#333;
    border:1px solid #999;
    background-color:#F7F7F7;
}

/* text area resizing */
textarea,
textarea.form-control {
    resize:vertical;
    min-height:100px;
    height:180px;
    max-height:400px;
}

select {
    -webkit-appearance: none;
}


/* SS optionset */
ul.optionset, 
ul.optionset li {
    margin:0;
    padding:0;
    list-style:none;
}
ul.optionset li {
    margin:0 0 2px 25px;
}
ul.optionset li label {
    font-weight:normal;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.optionset input[type="radio"],
ul.optionset input[type="checkbox"] {
    position:absolute;
    margin-left:-25px;
}
ul.optionset.inline {
    overflow:hidden;
}
ul.optionset.inline li {
    float:left;
    margin:0 20px 2px 25px;
}

/* column style */
ul.optionset.column-style {
    position:relative;
    overflow:hidden;
}
ul.optionset.column-style li {
    float:left;
    padding-left:25px;
    padding-right:20px;
    box-sizing:border-box;
    margin:0;
}
/* two col */
ul.optionset.column-style.two li {
    width:50%;
}
/* three col */
ul.optionset.column-style.three li {
    width:33%;
}
/* four col */
ul.optionset.column-style.four li {
    width:25%;
}
/* five col */
ul.optionset.column-style.five li {
    width:20%;
}

@media only screen and (max-width : 992px) {
    /* three col */
    ul.optionset.column-style.three li {
        width:50%;
    }
    /* four col */
    ul.optionset.column-style.four li {
        width:33%;
    }
    /* five col */
    ul.optionset.column-style.five li {
        width:25%;
    }
}
@media only screen and (max-width : 768px) {
    ul.optionset.column-style.two li {
        width:100%;
    }
    /* four col */
    ul.optionset.column-style.four li {
        width:50%;
    }
    /* five col */
    ul.optionset.column-style.five li {
        width:33%;
    }
}
@media only screen and (max-width : 480px) {
    /* three col */
    ul.optionset.column-style.three li,
    ul.optionset.column-style.four li {
        width:100%;
    }
    /* five col */
    ul.optionset.column-style.five li {
        width:50%;
    }
}


/* checkbox style fix */
.field.checkbox label {
    display:inline-block;
}
.field.checkbox input[type="checkbox"]{
    margin-left:0;
}

/* field descriptions, right titles, etc */
.field .description,
.right-title,
label.right {
    font-size:0.85em;
    color:#777;
    display:block;
    font-weight:normal;
    margin-top:2px;
}

/* USERFORMS */
/* step navigation for userforms module */
nav.step-navigation,
nav.step-navigation ul,
nav.step-navigation li {
    margin:0;
    padding:0;
    list-style:none;
}
nav.step-navigation li {
    margin:0 0 10px 0;
}
nav.step-navigation button {
    min-width:auto;
}
/* userforms field groups */
.userformsgroup {
    padding:0 15px !important ;
    background:#EEE;
    box-sizing:border-box;
}
.userformsgroup.inline &gt; .middleColumn &gt; .field {
    width:50%;
    float:left;
}
.userformsgroup.inline &gt; .middleColumn &gt; .field:nth-child(odd) {
    padding-right:8px;
}
.userformsgroup.inline &gt; .middleColumn &gt; .field:nth-child(even) {
    padding-left:8px;
}
@media only screen and (max-width : 480px) {
    .userformsgroup.inline &gt; .middleColumn &gt; .field {
        width:100%;
        float:none;
        clear:left;
    }
    .userformsgroup.inline &gt; .middleColumn &gt; .field:nth-child(odd) {
        padding-right:0;
    }
    .userformsgroup.inline &gt; .middleColumn &gt; .field:nth-child(even) {
        padding-left:0;
    }
}

/*
    CUSTOM : inline-pair class for 2 forms in line
    add the class .non-responsive to .inline-pair to disable 
    col-sm-8 style functionality to force inline on mobile.
*/
.inline-pair {
    overflow:hidden;
    margin-bottom:20px;
}
.field.fieldgroup.inline-pair .fieldgroup-field,
.field.confirmedpassword.inline-pair .field.text.password {
    float:left;
    width:50%;
}
.field.fieldgroup.inline-pair.small-right .fieldgroup-field.first {
    width:70%;
}
.field.fieldgroup.inline-pair.small-right .fieldgroup-field.last {
    width:30%;
}
.field.fieldgroup.inline-pair .fieldgroup-field.first,
.field.confirmedpassword.inline-pair .middleColumn .field.text.password:first-child {
    padding-right:10px;
}
.field.fieldgroup.inline-pair .fieldgroup-field.last,
.field.confirmedpassword.inline-pair .middleColumn .field.text.password:last-child {
    padding-left:10px;
}
@media only screen and (max-width : 480px) {
    .field.fieldgroup.inline-pair:not(.non-responsive) .fieldgroup-field.first,
    .field.confirmedpassword.inline-pair:not(.non-responsive) .fieldgroup-field.first,
    .field.fieldgroup.inline-pair.small-right:not(.non-responsive) .fieldgroup-field.first {
        margin-bottom:20px;
    }
    .field.fieldgroup.inline-pair:not(.non-responsive) .fieldgroup-field,
    .field.confirmedpassword.inline-pair:not(.non-responsive) .field.text.password,
    .field.fieldgroup.inline-pair.small-right:not(.non-responsive) .fieldgroup-field.first,
    .field.fieldgroup.inline-pair.small-right:not(.non-responsive) .fieldgroup-field.last {
        float:none;
        width:100%;
    }
    .field.fieldgroup.inline-pair:not(.non-responsive) .fieldgroup-field.first,
    .field.fieldgroup.inline-pair:not(.non-responsive) .fieldgroup-field.last,
    .field.confirmedpassword.inline-pair:not(.non-responsive) .middleColumn .field.text.password:first-child,
    .field.confirmedpassword.inline-pair:not(.non-responsive) .middleColumn .field.text.password:last-child {
        padding-right:0;
        padding-left:0;
    }
}

/* fix for the jquery time picker */
.ui-timepicker-table * {
    box-sizing:content-box;
}
.ui-autocomplete {
    height:200px; 
    overflow-y:scroll; 
    overflow-x:hidden;
}

/*
    Silverstripe Form:
    1) add a single search field and a single action
    2) setAttribute("src",'&lt; 32x32 icon url &gt;') on the action
    3) addExtraClass('simple-search-form') on the form
*/
.simple-search-form {
    position:relative;
}
.simple-search-form fieldset {
    margin-right:46px;
}
.simple-search-form .Actions {
    position:absolute;
    right:0;
    top:5px;
    padding:0;
    margin:0;
}

/* 
    inline field icons
    icons for text fields - use 24 pixel images
*/
input.field-icon,
input.date[data-showcalendar="data-showcalendar"],
input.timepicker {
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left:42px;
}
input.field-icon.title {
    background-image:url('../images/field-icons/title.png');
}
input.field-icon.address {
    background-image:url('../images/field-icons/address.png');
}
input.field-icon.google {
    background-image:url('../images/field-icons/google.png');
}
input.field-icon.facebook {
    background-image:url('../images/field-icons/facebook.png');
}
input.field-icon.search {
    background-image:url('../images/field-icons/search.png');
}
input.field-icon.act {
    background-image:url('../images/field-icons/act.png');
}
input.field-icon.date,
input.date[data-showcalendar="data-showcalendar"] {
    background-image:url('../images/field-icons/date.png');
}
input.field-icon.time,
input.timepicker {
    background-image:url('../images/field-icons/time.png');
}
input.field-icon.link {
    background-image:url('../images/field-icons/link.png');
}

.input-group.bootstrap-form-prefix input[type="email"],
.input-group.bootstrap-form-prefix input[type="number"],
.input-group.bootstrap-form-prefix input[type="password"],
.input-group.bootstrap-form-prefix input[type="search"],
.input-group.bootstrap-form-prefix input[type="tel"],
.input-group.bootstrap-form-prefix input[type="text"],
.input-group.bootstrap-form-prefix input[type="url"] {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}</pre></body></html>