.umbraco-forms-page {
    width: 80%;
    margin: 0 auto;
}

.umbraco-forms-form .umbraco-forms-field-wrapper input.text, .umbraco-forms-form .umbraco-forms-field-wrapper input.title, .umbraco-forms-form .umbraco-forms-field-wrapper textarea,
.umbraco-forms-form .umbraco-forms-field-wrapper select, input[type="text"], input[type="select"], textarea {
    background-color: #f5f5f5;
    border: none;
    outline: none;
    width: 100%;
    max-width: 100% !important;
    padding-left: 12px;
    padding-top: 12px;
    font-family: ProximaNova-Regular;
    font-size: 16px;
    border: 2px solid #d3d3d3;
}

    .umbraco-forms-form .umbraco-forms-field-wrapper input.text:focus, .umbraco-forms-form .umbraco-forms-field-wrapper input.title:focus, .umbraco-forms-form .umbraco-forms-field-wrapper textarea:focus,
    .umbraco-forms-form .umbraco-forms-field-wrapper select:focus, input[type="text"]:focus, input[type="select"]:focus, textarea:focus {
        border: 1px solid #ccc;
    }

.umbraco-forms-form .umbraco-forms-field-wrapper input.text, .umbraco-forms-form .umbraco-forms-field-wrapper select, input[type="text"], input[type="select"], textarea {
    height: 48px;
    padding-top: 4px;
}

.umbraco-forms-field label.umbraco-forms-label {
    display: none;
    color: #00638b;
    font-family: ProximaNova-Bold;
    font-size: 16px;
    padding-left: 0;
    padding-top: 8px;
}

.umbraco-forms-field.cvfile label.umbraco-forms-label {
    display: block;
}

.umbraco-forms-field.singlechoice label.umbraco-forms-label, .umbraco-forms-field.multiplechoice label.umbraco-forms-label {
    display: inline-block;
    font-family: ProximaNova-Bold;
    font-size: 16px;
    color: #00638b;
    padding-left: 0;
    padding-top: 8px;
}

.umbraco-forms-field.singlechoice .radiobuttonlist {
    padding-left: 0;
    padding-bottom: 20px;
    font-size: 16px;
}

.umbraco-forms-container .field-validation-error, .dataconsent .field-validation-error {
    display: none;
}

::placeholder { /* WebKit, Blink, Edge */
    color: #00638b;
    font-family: ProximaNova-Bold;
    font-size: 16px;
    opacity: 1;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #00638b;
    font-family: ProximaNova-Bold;
    font-size: 16px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #00638b;
    opacity: 1;
    font-family: ProximaNova-Bold;
    font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #00638b;
    opacity: 1;
    font-family: ProximaNova-Bold;
    font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #00638b;
    font-family: ProximaNova-Bold;
    font-size: 16px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #00638b;
    font-family: ProximaNova-Bold;
    font-size: 16px;
}

input[type="submit"], input[type="button"] {
    background: transparent;
    border: none;
    text-transform: uppercase;
    font-family: ProximaNova-Bold;
    font-size: 22px;
    background-color: #e7b035;
    color: #fff;
    cursor: pointer;
    padding: 16px 33px 14px 20px;
    border: 3px solid transparent;
}
.umbraco-forms-navigation div::after {
    content: '\000BB';
    color: #00638b;
    font-size: 30px;
    margin-left: -30px;
    pointer-events: none;
}

.container-bright input[type="submit"],
.container-bright input[type="button"] {
    border: 3px solid;
}

input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active {
    background-color: #ebebeb;
    color: #00638b;
    border: 3px solid transparent !important;
}



.dataconsent {
    font-size: 16px;
}

.contact .dataconsent .umbraco-forms-field-wrapper, .contactdutch .dataconsent .umbraco-forms-field-wrapper, .contactdanish .dataconsent .umbraco-forms-field-wrapper, .contactswedish .dataconsent .umbraco-forms-field-wrapper {
    padding-left: 0;
}

.umbraco-forms-field.captcha {
    padding-top: 14px;
}


/* BEGIN - custom checkbox and radio */
input[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}

input[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 3px;
    top: -10px;
    width: 7px;
    height: 7px;
    border-width: 0px;
    border-style: none;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

input[type="checkbox"]:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}

input[type="radio"]:before {
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}

input[type="radio"]:after {
    position: relative;
    display: block;
    left: 3px;
    top: -10px;
    width: 7px;
    height: 7px;
    border-width: 0px;
    border-style: none;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

input[type="radio"]:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}

input[type="checkbox"]:disabled:after {
    -webkit-filter: opacity(0.4);
}

input[type="radio"]:disabled:after {
    -webkit-filter: opacity(0.4);
}

input[type="checkbox"]:not(:disabled):checked:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}

input[type="radio"]:not(:disabled):checked:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}

input[type="checkbox"]:not(:disabled):hover:after {
    background-image: none;
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

input[type="radio"]:not(:disabled):hover:after {
    background-image: none;
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

input[type="checkbox"]:checked:before {
    background: #d9d9d9;
}

input[type="radio"]:checked:before {
    background: #d9d9d9;
}

input[type="checkbox"].filter:checked:before {
    background: #e7b035;
}

input[type="radio"].filter:checked:before {
    background: #e7b035;
}

input[type="radio" i], input[type="checkbox" i] {
    margin: 3px;
}
/* END - custom checkbox and radio */

/* BEGIN - form validation and error messages */
.error, .field-validation-error {
    color: #891300;
    font-weight: bold;
    font-size: 14px;
}

.dataconsent .field-validation-error {
    clear: both;
    display: block;
    display: none;
    margin-top: 4px;
}

.umbraco-forms-form .umbraco-forms-field-wrapper input.contourError, .umbraco-forms-form .umbraco-forms-field-wrapper textarea.contourError, .umbraco-forms-form .umbraco-forms-field-wrapper input.input-validation-error, .umbraco-forms-form .umbraco-forms-field-wrapper textarea.input-validation-error, .umbraco-forms-form .umbraco-forms-field-wrapper select.input-validation-error {
    background: #FBE3E4;
    border-color: #FBC2C4;
    /* border-color: #FBC2C4; */
    color: black;
}

.umbraco-forms-form .umbraco-forms-field-wrapper input[type="checkbox"].input-validation-error ~ label {
    background-color: #FBE3E4;
    border-color: #FBC2C4;
    padding: 3px;
    color: black;
}

.umbraco-forms-form .umbraco-forms-field-wrapper input[type="checkbox"].input-validation-error:before {
    border-color: #FBC2C4;
    background-color: #FBE3E4;
    color: black;
}


/* END - form validation and error messages */

.not-selected {
    font-weight: bold;
    color: #00638b;
}

select.not-selected option:first-child {
    color: #00638b !important;
}

/*
.umbraco-forms-form.submitnewassignment .checkboxlist label {
    float: none;
    clear: none;
}*/
.umbraco-forms-form .help-block {
    font-size: 14px;
    padding: 0px 10px 0px 0px;
    line-height: 1;
    display: inline-block;
}

.umbraco-forms-form.submitnewassignment .radiobuttonlist {
    padding-left: 0px;
}

.umbraco-forms-form.submitnewassignment .umbraco-forms-field.singlechoice label.umbraco-forms-label, .umbraco-forms-form.submitnewassignment .umbraco-forms-field.multiplechoice label.umbraco-forms-label, .umbraco-forms-form.submitnewassignment .umbraco-forms-field.fileupload label.umbraco-forms-label {
    padding-left: 0px;
}

.umbraco-forms-form.submitnewassignment .umbraco-forms-page fieldset {
    border: 1px solid #dddddd !important;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

    .umbraco-forms-form.submitnewassignment .umbraco-forms-page fieldset:last-of-type {
        padding: 1em 1em 0em 0em;
        margin: 0 0 1.5em 0;
        border: none !Important;
    }

.umbraco-forms-form.submitnewassignment textarea, .umbraco-forms-form.contactus textarea {
    height: 150px;
}

.umbraco-forms-form.submitnewassignment .checkboxlist {
    width: calc(100% + 10px);
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -5px;
    margin-right: -5px;
}

    .umbraco-forms-form.submitnewassignment .checkboxlist div:nth-child(8n+1) {
        clear: both;
    }

    .umbraco-forms-form.submitnewassignment .checkboxlist input {
        /*width: 5% !important;*/
        margin-top: 6px;
    }

    .umbraco-forms-form.submitnewassignment .checkboxlist label {
        display: inline;
        float: none;
    }

.checkitem {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

@media( min-width: 350px ) {
    .checkitem {
        width: calc(100% / 2);
        float: left;
    }
}

@media( min-width: 510px ) {
    .checkitem {
        width: calc(100% / 2);
        float: left;
    }
}

@media( min-width: 750px ) {
    .checkitem {
        width: calc(100% / 3);
        float: left;
    }
}
@media( min-width: 1000px ) {
    .checkitem {
        width: calc(100% / 4);
        float: left;
    }
}
.checkwrap {
}

.checklabelwrap {
    text-align: left;
    font-size: 16px;
    padding-top: 4px;
}

.umbraco-forms-form.submitnewassignment .fileupload label {
    float: none;
    /*width:20%;*/
    display: inline-block;
}

.umbraco-forms-field.fileupload.attachfile1 {
    float: left;
    clear: both;
}

.umbraco-forms-field.fileupload {
    float: left;
    clear: none;
    width: 33.3333333333%;
}

.umbraco-forms-page .row-fluid {
    margin-left: -15px;
    margin-right: -15px;
}

.umbraco-forms-page [class*=col-md-] {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.umbraco-forms-page fieldset {
    margin: 0;
    padding: 0;
    min-inline-size: auto;
}

.umbraco-forms-page textarea {
    max-width: 100% !important;
    width: 100%;
    height: 100px;
    min-width: 100% !important
}

.umbraco-forms-page .umbraco-forms-field.recaptcha2 {
}

    .umbraco-forms-page .umbraco-forms-field.recaptcha2 label.fieldLabel {
        display: none;
    }

    .umbraco-forms-page .umbraco-forms-field.recaptcha2 > div {
        overflow: hidden;
    }

    .umbraco-forms-page .umbraco-forms-field.recaptcha2 .g-recaptcha {
        display: table;
    }

        .umbraco-forms-page .umbraco-forms-field.recaptcha2 .g-recaptcha > div {
            margin: auto;
            transform-origin: bottom left;
        }

@media( min-width: 768px ) {
    .umbraco-forms-page .col-sm-1 {
        width: calc(100% / (12 / 1));
    }

    .umbraco-forms-page .col-sm-2 {
        width: calc(100% / (12 / 2));
    }

    .umbraco-forms-page .col-sm-3 {
        width: calc(100% / (12 / 3));
    }

    .umbraco-forms-page .col-sm-4 {
        width: calc(100% / (12 / 4));
    }

    .umbraco-forms-page .col-sm-5 {
        width: calc(100% / (12 / 5));
    }

    .umbraco-forms-page .col-sm-6 {
        width: calc(100% / (12 / 6));
    }

    .umbraco-forms-page .col-sm-7 {
        width: calc(100% / (12 / 7));
    }

    .umbraco-forms-page .col-sm-8 {
        width: calc(100% / (12 / 8));
    }

    .umbraco-forms-page .col-sm-9 {
        width: calc(100% / (12 / 9));
    }

    .umbraco-forms-page .col-sm-10 {
        width: calc(100% / (12 / 10));
    }

    .umbraco-forms-page .col-sm-11 {
        width: calc(100% / (12 / 11));
    }

    .umbraco-forms-page .col-sm-12 {
        width: calc(100% / (12 / 12));
    }
}

@media( min-width: 767px ) {
    .umbraco-forms-page .col-md-1 {
        width: calc(100% / (12 / 1));
    }

    .umbraco-forms-page .col-md-2 {
        width: calc(100% / (12 / 2));
    }

    .umbraco-forms-page .col-md-3 {
        width: calc(100% / (12 / 3));
    }

    .umbraco-forms-page .col-md-4 {
        width: calc(100% / (12 / 4));
    }

    .umbraco-forms-page .col-md-5 {
        width: calc(100% / (12 / 5));
    }

    .umbraco-forms-page .col-md-6 {
        width: calc(100% / (12 / 6));
    }

    .umbraco-forms-page .col-md-7 {
        width: calc(100% / (12 / 7));
    }

    .umbraco-forms-page .col-md-8 {
        width: calc(100% / (12 / 8));
    }

    .umbraco-forms-page .col-md-9 {
        width: calc(100% / (12 / 9));
    }

    .umbraco-forms-page .col-md-10 {
        width: calc(100% / (12 / 10));
    }

    .umbraco-forms-page .col-md-11 {
        width: calc(100% / (12 / 11));
    }

    .umbraco-forms-page .col-md-12 {
        width: calc(100% / (12 / 12));
    }
}


@media (max-width: 510px) {
    .umbraco-forms-page {
        width: 100%;
        margin: 0 auto;
    }
}