/* SAP Marketing Cloud Form Runtime Styles (23.0.5) */


/* Base */

.sapCpRuntime {
    width: 100%;
    height: 100%;
}

.sapCpRuntime .sapCpBody {
    margin: 0;
    width: 100%;
    height: 100%;
}


/* Content Page */

.sapCpContentPage {
    box-sizing: border-box;
    width: 100%;
}

.sapCpContentPageLoading {
    opacity: 0;
    cursor: wait;
}


/* Layout */

.sapCpLayout {
    box-sizing: inherit;
    width: 100%;
    padding: 8px;
}


/* Widget */

.sapCpWidget {
    box-sizing: inherit;
    min-height: 30px;
    padding: 8px;
}

.sapCpContentPage .sapCpWidget.sapCpWidgetHidden {
    display: none;
}

.sapCpWidget ~ .sapCpWidget {
    margin-top: 8px;
}

.sapCpWidgetContentLeft {
    min-height: 1px;
    float: left;
    text-align: right;
}

.sapCpWidgetContentRight {
    min-height: 1px;
    text-align: left;
    vertical-align: top;
}

.sapCRLWidgetFixContent {
    clear: both;
}

.sapCpWidgetContentNoIndent {
    min-height: 1px;
}

.sapLandingPage .sapCpWidgetContentLeft .sapCpLabel {
    margin-top: 6px;
    margin-right: 10px;
/*  min-width: 70px; */
}

.sapLandingPage .sapCpWidget:not(.sapCpCheckBoxElementWidget) .sapCpWidgetContentLeft .sapCpLabel {
    margin-top: 6px;
    margin-right: 10px;
/*  min-width: 70px; */
}

.sapCpContentPage .sapCpWidget .sapCpWidgetContent > label {
    padding-right: 10px;
}

.sapCpWidget:not(.sapCpCheckBoxElementWidget) .sapCpWidgetContentLeft .sapCpLabel {
    margin-top: 8px;
    margin-right: 10px;
}

.sapCpWidgetMandatoryMissing {
    background-color: lightcoral;
}

.sapCpWidgetInvalid {
    background-color: orange;
}


/* Button Widget */

.sapCpButtonWidget .sapCpButtonWidgetExtraText {
    display: block;
    padding-top: 5px;
}

.sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: block;
    color: red;
}

.sapCpContentPage:not(.sapCpMissingMandatoryField) .sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: none;
}

.sapCpButtonWidget .sapCpErrorMessageText {
    display: block;
    color: red;
}

.sapCpContentPage:not(.sapCpSubmitError) .sapCpButtonWidget .sapCpErrorMessageText {
    display: none;
}

.sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: block;
    color: green;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: none;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpButtonWidgetDownloadLink {
    display: none;
}

.sapCpButtonWidget .sapCpButtonWidgetDownloadLink:not(.sapCpButtonWidgetDownloadLinkVisible) {
    display: none;
}

.sapCpButtonWidget.sapCpButtonWidgetLoading button {
    cursor: wait;
}


/* Label */

.sapCpLabel {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sapCpLabelRequiredBefore {
    padding-left: 10px;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore):after {
    content: "*";
    color: #b30f29;
    visibility: hidden;
}

.sapCpWidgetContentLeft .sapCpLabel:not(.sapCpLabelRequiredBefore):after {
    position: absolute;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore).sapCpLabelRequired:after {
    visibility: visible;
}

.sapCpLabel.sapCpLabelRequiredBefore:before {
    content: "*";
    color: #b30f29;
    visibility: hidden;
    position: absolute;
    left: 1px;
    top: -2px;
}

.sapCpLabel.sapCpLabelRequiredBefore.sapCpLabelRequired:before {
    visibility: visible;
}

.sapCpCheckBox ~ .sapCpLabel {
    margin-left: 2px;
}

.sapCpCheckBox + .sapCpLabel {
    display: block;
}


/* Input */

.sapCpInput {
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px;
    text-overflow: ellipsis;
}


/* CheckBox */

.sapCpCheckBox {
    vertical-align: top;
    min-width: 20px;
    float: left;
}

.sapCpCheckBox input {
    font-size: inherit;
    font-family: inherit;
}


/* DropDown */

.sapCpDropDown {
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px;
    min-width: 215px;
}

.sapCpDropDown>option {
    color: black;
}

.sapCpDropDownPlaceholder {
    color: gray;
}


/* Date Picker */

.sapCpDatePicker option {
    color: black;
}

.sapCpDatePicker .sapCpDropDown~.sapCpDropDown {
    margin-left: 10px;
}

.sapCpDatePicker .sapCpDatePickerDay {
    min-width: 50px;
    width: 23%;
    max-width: 100px;
}

.sapCpInputWidget .sapCpDatePickerMonth {
    min-width: 100px;
    width: 43%;
    max-width: 200px;
}

.sapCpInputWidget .sapCpDatePickerYear {
    min-width: 50px;
    width: 23%;
    max-width: 100px;
}


/* Button */

.sapCpButton {
    font-size: inherit;
    font-family: inherit;
    padding: 6px 10px;
}


/*  For usage in landing Pages */

.sapCpContentPage {
    box-sizing: border-box;
    font-family: "Milo Offc",sans-serif;
    font-size: 18px;
    color: grey;
    -webkit-font-smoothing: auto;
}

.sapCpContentPage *,
.sapCpContentPage *:before,
.sapCpContentPage *:after {
    box-sizing: inherit;
}

.sapLandingPage .sapCpWidget input[type=checkbox] {
    -webkit-appearance: checkbox;
    font-size: inherit;
    margin-top: 2px;
}

.sapCpWidget input[type=checkbox] {
    -webkit-appearance: checkbox;
    font-size: inherit;
    margin-top: 5px;
}

.sapCpCheckBox {
    line-height: 18px;
}

.sapCpInputWidget select {
    -webkit-appearance: menulist;
    background-image: none;
    height: 38px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    width: auto;
}

.sapCpInputWidget .sapCpInput {
    font-family: inherit;
    font-size: inherit;
    width: auto;
    border: lightgrey solid 1px;
    height: 38px;
}

.sapCpLabel {
    font-family: inherit;
    font-weight: 400;
    font-size: inherit;
    color: inherit;
    line-height: 22px;
}

.sapCpButton {
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    color: inherit;
    border-radius: 5px;
    border-style: solid;
    border-color: lightgrey;
    border-width: 1px;
    padding: 8px 20px;
    width: auto;
}


/* Responsive layout */

@media screen and (min-width: 481px) {
    .sapCpLabel:not(.sapCpLabelRequiredBefore):after {
        right: 1px;
        top: -2px;
    }
    .sapCpLabel:not(.sapCpLabelRequiredBefore) {
/*      padding-right: 10px; */
    }
}

@media screen and (max-width: 480px) {
    /* Widget */
    .sapCpWidgetContent {
        width: 100% !important;
        text-align: left;
    }
    /* Input */
    .sapCpWidgetContent .sapCpInput {
        width: 95%;
    }
    /* Text Area */
    .sapCpWidgetContent .sapCpTextArea {
        width: 98%;
    }
    /* DropDown */
    .sapCpWidgetContent .sapCpDropDown {
        width: 100%;
    }
    /* Date Picker */
    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerDay {
        width: 23%;
    }
    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerMonth {
        width: 43%;
    }
    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerYear {
        width: 23%;
    }
    .sapCpWidgetContentRight {
        padding-left: 0% !important;
    }
}


/* SYMRISE FORMS CSS */
.sapform *,.sapform ::after,.sapform ::before {
    box-sizing: border-box
}

.sapform,.sapform .mktoCheckboxList,.sapform .mktoField,.sapform .mktoFieldWrap,.sapform .sapformCol,.sapform .mktoHtmlText,.sapform .mktoLabel,.sapform .mktoRadioList,.sapform .mktoRangeField,.sapform .mktoSliderWrap {
    width: 100%!important
}

.sapform {
    max-width: 100%;
}

.sapform,.sapform .sapCpButton,.sapform .mktoCheckboxList,.sapform .mktoField,.sapform .mktoFieldWrap,.sapform .sapformCol,.sapform .mktoHtmlText,.sapform .mktoLabel,.sapform .mktoRadioList,.sapform .mktoRangeField {
    font-family: "Milo Offc",sans-serif;
    font-size: 18px;
    line-height: 1.45;
    color: #000
}

.sapform a {
    color: #b30f29;
    text-decoration: none
}

.sapform .mktoClear {
    clear: both
}

.sapform .mktoGutter,.sapform .mktoOffset {
    display: none
}

.sapform .sapCpButtonRow,.sapform .sapformRow {
    visibility: hidden
}

.sapform[data-ready=true] .sapCpButtonRow,.sapform[data-ready=true] .sapformRow {
    visibility: visible
}

@media (min-width: 992px) {
    .sapform .sapformRow {
        display:flex;
        margin-left: -90px
    }

    .sapform .sapformCol {
        min-width: 0;
        padding-left: 90px
    }

    .sapform fieldset.sapformCol {
        margin-left: 90px
    }
}

.sapform .sapformCol,.sapform .mktoTemplateBox {
    margin-top: 38px
}

.sapform[data-ready=true] {
    margin-top: -38px
}

.sapform .mktoFieldWrap {
    position: relative
}

.sapform .mktoError {
    position: absolute;
    top: calc(100% + 15px)!important;
    right: auto;
    bottom: auto;
    left: 0!important;
    z-index: 10;
    width: auto;
    float: left
}

.sapform .mktoErrorArrowWrap {
    position: absolute;
    top: -8px;
    left: 9px
}

.sapform .mktoErrorArrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #c51718
}

.sapform .mktoErrorMsg {
    float: left;
    max-width: 250px;
    padding: 5px 10px;
    color: #fff;
    background-color: #c51718;
    border-radius: 1px
}

.sapform .mktoCheckboxList:after,.sapform .mktoCheckboxList:before,.sapform .mktoRadioList:after,.sapform .mktoRadioList:before {
    display: table;
    content: " "
}

.sapform .mktoCheckboxList:after,.sapform .mktoRadioList:after {
    clear: both
}

.sapform .mktoCheckboxList label,.sapform .mktoRadioList label {
    padding-left: 30px
}

.sapform .mktoCheckboxList input:not(:last-of-type),.sapform .mktoCheckboxList label:not(:last-of-type),.sapform .mktoRadioList input:not(:last-of-type),.sapform .mktoRadioList label:not(:last-of-type) {
    margin-bottom: 15px
}

.sapform .mktoCheckboxList input,.sapform .mktoRadioList input {
    position: absolute;
    left: -999%;
    opacity: 0;
    height: 0;
    width: 0
}

.sapform .mktoCheckboxList label,.sapform .mktoRadioList label {
    position: relative;
    display: block
}

.sapform .mktoCheckboxList label:before,.sapform .mktoRadioList label:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: ""
}

.sapform .mktoCheckboxList label:before,.sapform .mktoRadioList label:before {
    width: 20px;
    height: 20px;
    background-color: #e5e5e5;
    border-radius: 4px;
    transition: background .3s ease
}

.sapform .mktoRadioList label:before {
    border-radius: 50%
}

.sapform .mktoCheckboxList label:after {
    position: absolute;
    top: 8px;
    left: 5px;
    z-index: 1;
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 9px;
    transform: rotate(-45deg);
    transition: border-color .3s ease .1s;
    opacity: 0;
    content: ""
}

.sapform .mktoCheckboxList label:focus:before,.sapform .mktoCheckboxList label:hover:before,.sapform .mktoRadioList label:focus:before,.sapform .mktoRadioList label:hover:before {
    background-color: #ababab
}

.sapform .mktoCheckboxList input:checked+label:before,.sapform .mktoRadioList input:checked+label:before {
    background-color: #b30f29
}

.sapform .mktoCheckboxList input:checked+label:after {
    opacity: 1
}

.sapform .sapformCol:not([data-field-type^=radio]):not([data-field-type^=checkbox]):not([data-field-type^=select]):not([data-field-type=textarea]) .mktoLabel {
    position: absolute;
    right: 0;
    bottom: 5px;
    display: block;
    width: auto!important;
    font-size: 13px;
    color: #888;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-200px);
    transition: opacity .15s ease,transform .15s ease
}

.sapform .sapformCol:not([data-field-type^=radio]):not([data-field-type^=checkbox]):not([data-field-type^=select]):not([data-field-type=textarea]) .mktoField:focus~.mktoLabel {
    opacity: 1;
    transform: translateX(0)
}

.sapform .sapformCol[data-field-type=checkbox-one] .mktoLabel,
.sapform .sapformCol[data-field-type=radio-one] .mktoLabel,
.sapform .sapformCol[data-field-type=textarea] .mktoLabel,
.sapform .sapformCol[data-field-type^=select] .mktoLabel {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

.sapform .sapformCol[data-field-type=checkbox-multiple] .mktoLabel,.sapform .sapformCol[data-field-type=radio-multiple] .mktoLabel,.sapform .sapformCol[data-field-type=range] .mktoLabel {
    display: block;
    margin-bottom: 10px
}

.sapCpInputWidget .sapCpInput::after {
    position: absolute;
    top: -8px;
    right: 0;
    color: #b30f29;
    content: "*"
}

.sapform [data-field-type^=select] .mktoRequiredField::after {
    top: 2px;
    right: 5px
}

.sapCpInputWidget .sapCpInput {
    display: block;
    width: 100%;
    padding: 5px 10px;
    line-height: normal;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0
}

.sapform .mktoField:focus,.sapform .mktoField:hover {
    padding-right: 85px
}

.sapform .mktoField.mktoRequired,.sapform .mktoField:focus {
    outline: 0;
    border-color: #c51718
}

.sapform .mktoField:disabled {
    color: #d3d3d3!important;
    border-color: #f3f3f3!important
}

.sapform .mktoField:disabled::placeholder {
    color: #d3d3d3!important;
    opacity: 1
}

.sapform .mktoField[type=date],.sapform .mktoField[type=time] {
    height: 32px;
    appearance: none
}

.sapform .mktoDateButton {
    display: none!important
}

.sapform textarea.mktoField {
    height: 75px;
    min-height: 32px;
    max-height: 250px;
    resize: vertical
}

.sapCpInputWidget select.sapCpDropDown {
    height: 50px;
    padding-right: 50px;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGV2cm9uLWRvd24iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jaGV2cm9uLWRvd24gZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjYzUxNzE4IiBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiPjwvcGF0aD48L3N2Zz4=);
    background-size: 14px 23px;
    background-repeat: no-repeat;
    background-position: right 17px center;
    border: 1px solid #c51718;
    border-radius: 3px;
    appearance: none;
    width: 100%
}

.sapform select.sapCpDropDown::-ms-expand {
    display: none
}

.sapform select.sapCpDropDown:disabled {
    border-color: #e5e5e5
}

.sapform .mktoField:-webkit-autofill,
.sapform .mktoField:-webkit-autofill:active,
.sapform .mktoField:-webkit-autofill:focus,
.sapform .mktoField:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset
}

.sapCpButton {
    position: relative;
    padding: 16px 68px 18px 28px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #eaeaea;
    border-radius: 1px;
    cursor: pointer
}

.sapform[data-ready=true] .sapCpButton {
    transition: background-color .3s ease,color .3s ease
}

.sapCpButton::before {
    position: absolute;
    top: 50%;
    right: 52px;
    width: 1px;
    height: 24px;
    background-color: #d6d6d6;
    content: "";
    transform: translateY(-50%);
    transition: background-color .3s ease
}

.sapCpButton::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 15px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhcnJvdy1yaWdodCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWFycm93LXJpZ2h0IGZhLXctMTQiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iI2M1MTcxOCIgZD0iTTE5MC41IDY2LjlsMjIuMi0yMi4yYzkuNC05LjQgMjQuNi05LjQgMzMuOSAwTDQ0MSAyMzljOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlMMjQ2LjYgNDY3LjNjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC0yMi4yLTIyLjJjLTkuNS05LjUtOS4zLTI1IC40LTM0LjNMMzExLjQgMjk2SDI0Yy0xMy4zIDAtMjQtMTAuNy0yNC0yNHYtMzJjMC0xMy4zIDEwLjctMjQgMjQtMjRoMjg3LjRMMTkwLjkgMTAxLjJjLTkuOC05LjMtMTAtMjQuOC0uNC0zNC4zeiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: 15px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    content: ""
}

.sapCpButton:focus,
.sapCpButton:hover {
    color: #fff;
    background-color: #9b0d24;
    outline: 0
}

.sapCpButton:focus::after,
.sapCpButton:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTkwLjUgNjYuOWwyMi4yLTIyLjJjOS40LTkuNCAyNC42LTkuNCAzMy45IDBMNDQxIDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOUwyNDYuNiA0NjcuM2MtOS40IDkuNC0yNC42IDkuNC0zMy45IDBsLTIyLjItMjIuMmMtOS41LTkuNS05LjMtMjUgLjQtMzQuM0wzMTEuNCAyOTZIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0di0zMmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgyODcuNEwxOTAuOSAxMDEuMmMtOS44LTkuMy0xMC0yNC44LS40LTM0LjN6Ij48L3BhdGg+PC9zdmc+)
}

.sapCpButton+.sapCpButton {
    margin-left: 20px
}