.mktoForm .mktoFormRow {
    clear: both
}

.mktoForm div,
.mktoForm label,
.mktoForm p,
.mktoForm span {
    text-align: left
}

.mktoButtonRow {
    display: inline-block;
    position: relative
}

.mktoForm input[type=checkbox] {
    border: 1px solid #979CA2;
    box-shadow: none
}

.mktoForm input[type=checkbox]:focus {
   border: 1px solid #00802D;
}

.mktoForm input[type=checkbox]:hover {
   border: 1px solid #0A141E;
}

.component.MarketoForm {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.component.MarketoForm .mktoForm {
    font-family: NotoSans, Arial, Helvetica, sans-serif!important;
    font-size: 1rem!important;
    font-weight: 400;
    width: inherit!important
}

.component.MarketoForm .mktoForm .mktoFormCol {
    margin-bottom: 0!important
}

.component.MarketoForm .mktoForm .mktoAsterix,
.component.MarketoForm .mktoForm .mktoError,
.component.MarketoForm .mktoForm .mktoGutter,
.component.MarketoForm .mktoForm .mktoOffset,
.component.MarketoForm label.mktoLabel {
    display: none!important
}

.component.MarketoForm div.mktoButtonRow {
    margin-top: 0.5rem;
    text-align: center!important;
    width: 100%;
}

.component.MarketoForm .mktoButtonRow span.mktoButtonWrap {
    margin: 0!important
}

.component.MarketoForm .mktoButton {
    background-color: #c20;
    border: .05em solid #c20;
    border-radius: .2em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .89rem;
    line-height: 1.45;
    margin-top: 0!important;
    outline: 0;
    padding: .4em 1.35em;
    text-align: center;
    text-decoration: none;
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.component.MarketoForm .mktoButton:active,
.component.MarketoForm .mktoButton:hover {
    background-color: #a61c00;
    border-color: #a61c00;
    color: #fff!important
}

.component.MarketoForm .mktoForm input[type=date],
.component.MarketoForm .mktoForm input[type=email],
.component.MarketoForm .mktoForm input[type=number],
.component.MarketoForm .mktoForm input[type=tel],
.component.MarketoForm .mktoForm input[type=text],
.component.MarketoForm .mktoForm input[type=url],
.component.MarketoForm .mktoForm select.mktoField,
.component.MarketoForm .mktoForm textarea.mktoField {
    width: 100%!important
}

.component.MarketoForm .mktoForm textarea.mktoField {
    border: 1px solid #e1e1e1;
    resize: none;
    height: auto
}

.component.MarketoForm .mktoForm input[type=checkbox],
.component.MarketoForm .mktoForm input[type=radio] {
    float: left;
    top: 2px;
}

.component.MarketoForm .mktoForm input[type=checkbox]:checked {
    background-color: #fff;
    background-image: url('/-/media/themes/outsystems/website/site-theme/imgs/checkbox-select.svg');
    background-position: 50%;
    background-repeat: no-repeat
}

.component.MarketoForm .mktoForm input[type=radio]:checked {
    background-color: #fff;
    background-image: url('/-/media/themes/outsystems/website/site-theme/imgs/radio-select.svg');
    background-position: 50%;
    background-repeat: no-repeat
}

.component.MarketoForm .mktoForm .mktoCheckboxList,
.component.MarketoForm .mktoForm .mktoRadioList {
    padding: 0;
    width: 100%!important
}

.component.MarketoForm .mktoForm .mktoCheckboxList label {
    font-size: 0.8rem;
    line-height: 1.65;
}

.component.MarketoForm .mktoForm .mktoCheckboxList>label,
.component.MarketoForm .mktoForm .mktoRadioList>label {
    margin-bottom: 1rem;
    padding: 0 0 0 1.5rem;
}

.component.MarketoForm .mktoForm .mktoLogicalField.mktoInvalid,
.component.MarketoForm .mktoForm input.mktoField.mktoInvalid,
.component.MarketoForm .mktoForm select.mktoField.mktoInvalid,
.component.MarketoForm .mktoForm textarea.mktoField.mktoInvalid {
    border: 1px solid #F22800;
    outline: none;
}

.component.MarketoForm .mktoForm input:focus,
.component.MarketoForm .mktoForm select:focus,
.component.MarketoForm .mktoForm textarea:focus,
.component.MarketoForm .mktoForm input[type=date]:hover,
.component.MarketoForm .mktoForm input[type=email]:hover,
.component.MarketoForm .mktoForm input[type=number]:hover,
.component.MarketoForm .mktoForm input[type=tel]:hover,
.component.MarketoForm .mktoForm input[type=text]:hover,
.component.MarketoForm .mktoForm input[type=url]:hover,
.component.MarketoForm .mktoForm select.mktoField:hover {
    border: 1px solid #686E76;
    outline: none;
}

.component.MarketoForm .mktoForm span.custom-select-trigger {
    padding: 10px 18px
}

.component.MarketoForm .mktoForm span.custom-option {
    padding: 0 18px
}

.component.MarketoForm .mktoForm .mktoHtmlText {
    color: #39414A;
    display: block;
    font-size: 0.7rem;
    line-height: 1.75;
    margin-bottom: 1rem;
    width: 100%!important
}

.mktoHtmlText strong {
    display: inline-block;
    margin-top: 0.25rem;
}

span.checkboxLabelwithLink {
    display: block;
    margin-left: -82%!important
}

#demandbase-autocomplete .ui-widget {
    font-family: NotoSans, Arial, Helvetica, sans-serif!important;
    font-size: .78rem!important;
    font-weight: 400!important
}

#demandbase-autocomplete .ui-widget-content a {
    color: #333
}

#demandbase-autocomplete .ui-corner-all {
    border-radius: 0;
    padding: 0
}

#demandbase-autocomplete .ui-state-hover {
    background-color: #4a95ff!important;
    background-image: none!important;
    border: 0;
    color: #fff!important
}

.component.MarketoForm .mktoForm fieldset {
    display: none;
    height: 0;
    visibility: hidden
}

.component.MarketoForm .mktoFormThankYouContent {
    display: none
}

@media only screen and (min-width:481px) {
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(2) {
        width: 100%!important
    }
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(3),
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(3)~div.mktoFormCol {
        float: left!important;
        margin-right: 15px;
        width: calc(49.9% - 15px)!important; /* fix problem in edge when lg offset 2. 50% breaks the line. */
    }
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(3)~div.mktoFormCol {
        margin-left: 15px;
        margin-right: 0px;
    }
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(4),
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(4)~div.mktoFormCol {
        float: left!important;
        width: 32%!important
    }
    .component.MarketoForm .mktoForm div.mktoFormCol:first-child:nth-last-child(4)~div.mktoFormCol {
        margin-left: 2%
    }
}

@media only screen and (max-width:480px) {
    .component.MarketoForm .mktoForm {
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 0!important;
        width: 100%!important
    }

    .component.MarketoForm .mktoForm input[type=date],
    .component.MarketoForm .mktoForm input[type=email],
    .component.MarketoForm .mktoForm input[type=number],
    .component.MarketoForm .mktoForm input[type=tel],
    .component.MarketoForm .mktoForm input[type=text],
    .component.MarketoForm .mktoForm input[type=url],
    .component.MarketoForm .mktoForm select.mktoField {
        height: 40px!important
    }
    .component.MarketoForm .mktoForm textarea.mktoField {
        height: 80px!important
    }
}

@media (max-width:480px) {
    .mktoForm hr,
    .mktoMobileShow .mktoForm {
        padding: 0
    }
}