/*.toestemming-group.not-accepted .control:not(:first-child) {*/
/*    opacity: .5;*/
/*}*/

/*.toestemming-group.not-accepted .control:not(:first-child) label {*/
/*    pointer-events: none;*/
/*}*/

@media screen and (min-width: 1440px) {

    .form-container.pws {
        max-width: 667px;
        margin: 0 auto;
    }

    .form-container.amp {
        max-width: 785px;
        margin: 0 auto;
    }

}


@media screen and (max-width: 1440px) {

    .registreer-container .registreer .formline-body,
    .registreer .formline-body .control-body input {
        width: 100% !important;
        padding-right: 0;
    }

}

@media screen and (max-width: 1200px) {
    .form-event-class textarea,
    .form-event-class .formline-body,
    .form-event-class input {
        width: 100% !important;
        padding-right: 0px;
    }

    .form-event-class input.radio-button {
        width: inherit !important;
    }

    .choice-radio .choice-label {
        max-width: 77%;
    }

}

@media screen and (max-width: 1300px) and (min-width: 1200px) {
    .not-validated-btn {
        font-size: 14px;
    }
}

@media screen and (min-width: 1060px) {
    .review-container {
        position: absolute;
        bottom: 7px;
        width: 380px;
        left: 30px;
    }
}

@media screen and (max-width: 425px) {
    body .review-container {
        left: 11px;
        width: 352px;
    }
}

@media screen and (max-width: 1060px) {
    .review-container {
        position: relative;
        bottom: 7px;
        width: 380px;
        left: 30px;
    }
}

@media screen and (max-width: 390px) {
    .not-validated-btn {
        font-size: 13px;
    }
}

@media screen and (min-width: 1200px) {

    .profiel-instell-container .dex-actions {
        margin-top: 10px;
    }


    /*org page min 1200*/
    .b2b-form .formline-body {
        padding-right: 30px;
        padding-bottom: 15px;
    }

    /*end*/
    .login-container .form {
        padding-left: 70px;
        padding-right: 100px;
    }

    .login-container .formbutton {
        padding-left: 55px;
        padding-right: 85px;
    }

    .login-container .formbutton.save {
        max-width: unset;
        flex: unset;
    }


    .formblock-class.form-container.aanmeld-form {
        padding-left: 70px;
        padding-right: 70px;
    }

    .login-footer {
        padding-right: 115px;
        padding-left: 85px;
    }

    .systemmessage {
        padding-left: 85px;
        margin-bottom: 10px;
        color: #F29174;
    }

    .login-hallo {
        padding-right: 115px;
        padding-left: 85px;
    }

    /*profiel instellingen min 1200px*/
    .profiel-instell-container .save-butt .wt-button {
        margin-left: 5px;
        width: 250px;
    }

    .profiel-instell-container .button-canvas {
        padding-top: 38px;
    }

    .profiel-instell-container .cancel-butt .wt-button {
        width: 221px;
    }


    /*end*/
    /*cv page min 1200px*/
    .cv-view .doc_example {
        width: 930px;
    }


    /*end*/
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    /*profiel instelligen max 1200px and min 992px*/
    .profiel-instell-container .save-butt .wt-button {
        margin-top: 5px;
    }

    .profiel-instell-container .save-butt .wt-button {
        width: 260px;
    }

    .profiel-instell-container .cancel-butt .wt-button {
        width: 260px;
    }

    .profiel-instell-container .button-canvas {
        padding-top: 12px;
    }

    .profiel-instell-container .button-canvas {
        width: 230px;
    }


    .profiel-instell-mail {
        margin-bottom: 31px;
    }

    .profiel-instell-dropdown.dienst,
    .profiel-instell-lastname {
        margin-top: 31px;
    }

    .profiel-instell-container .dex-actions {
        display: grid;
    }

    .cancel-butt .wt-button {
        margin-left: 0px !important;
    }

    /*end*/
    /*login page max 1200 min 992*/
    .login-container .formbutton.save {
        max-width: unset;
        flex: unset;
        width: 100%;
    }

    .login-container .formhtml-header {
        padding-left: 30px;
        padding-right: 30px;
    }

    /*end*/
    /*cv page max 1200px*/
    .cv-view .doc_example {
        height: 812px;
        width: 100%;
    }

    .toon_cv .formline-body {
        width: 100%;
    }

    /*end*/
}


@media screen and (min-width: 992px) {


    .review-container {
        width: 330px;
    }

    /*org page min 992*/

    .b2b-form-title {
        color: #16A9BD;
        font-size: 24.84px;
        font-weight: bold;
        letter-spacing: 2.76px;
        line-height: 29px;
        text-align: center;
        margin-top: 50px;
    }

    .mdliveform .b2b-form-title {
        margin-top: 0;
    }

    .b2b-form-txt {
        color: #FFFFFF;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 59px;
        text-align: center;
    }

    .b2b-form .wt-button.save {
        margin-bottom: 100px;
        margin-top: 10px;
        min-width: 220px;
    }

    /*end*/
    .is_ie .download-cv {
        display: block !important;
        border-radius: 0;
        max-height: unset;
        height: 80px;
        width: 247.77px;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 16px;
        font-size: 1em;
        letter-spacing: 0px;
        text-align: left;
        padding-top: 13px;
        background-color: white;
        color: #365d71;
        float: right !important;
        position: absolute;
        right: -23px;
        top: -34px;
    }


    .is_ie .download-cv i {
        float: left;
        margin-top: 17px;
        margin-right: 18px;
        margin-left: 20px;
        height: 18px;
        width: 18px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .form-container.login-container {
        height: 589px;
    }

    .GR .form-container.login-container {
        width: 50%;
    }


    /*activatie page*/
    .login-activeer {
        min-height: 569px;
        padding-top: 247px;
    }

    /*end*/
    .registreer .formtab select {
        margin: 1.8px;
    }

    .select2.js-day,
    .select2.js-month,
    .select2.js-year {
        min-width: unset;
    }

    .formblock-class .ui-tabs-nav {
        padding-top: 40px;
    }

    .registreer-container .formblock-class .ui-tabs-nav {
        padding-top: 0;
        padding-left: 50px;
        padding-right: 15px;
    }

    .ui-state-default a {
        background-color: rgba(255, 255, 255, 0.2);
        height: 46px;
        text-align: center;
        margin-bottom: 31px;
        line-height: 46px;
        float: left;
        margin-left: 20px;
        padding-left: 13px;
        padding-right: 13px;
        cursor: pointer;
        color: white;
        text-decoration: none;
    }

    .registreer-container .ui-state-default a {
        width: 73.5px;
    }

    .ui-state-default a:hover {
        top: -5px;
        position: relative;
        transition: margin-top 0.3s;
    }

    .ui-state-default a:hover:after {
        content: '';
        width: 89px;
        height: 43px;
        position: absolute;
        margin-left: -66px;
        border: 3px solid rgba(255, 255, 255, 0);
        box-sizing: border-box;
        padding-right: 9px;
        padding-left: 72px;
        padding-top: 27px;
        padding-bottom: 19px;
    }

    .profile-bar {
        background: rgba(255, 255, 255, 0.05);
        width: 100%;
        height: 120px;
        position: absolute;
    }

    .email-bestaat-al {
        margin-top: 170px;
        margin-bottom: 65px;
        padding-left: 85px;
    }

    .profiel-instell-container .login-container {
        width: 550px;
        flex: unset;
    }

    .cv-preview-container object {
        width: 100%;
        height: 272px;
    }

    .profiel-instell-container .cv-preview-container object {
        width: 100%;
        height: 772px;
    }

    .registreer-container {
        min-height: 589px;
    }

    /*.registreer {*/
    /*    min-height: 397px;*/
    /*}*/

    /*registreer page min 992*/
    .soll-delivered {
        padding-left: 85px;
        padding-right: 85px;
        margin-top: 18px;
        margin-bottom: 25px;
    }


    .nothanks-button {
        margin-right: 85px;
        width: 260px;
    }

    .completed-soll {
        margin-left: 85px;
        width: 260px;
        margin-bottom: 51px;
    }

    .nothanks-login-button {
        width: 260px;
    }

    .already-acc-txt {
        padding-left: 85px;
        padding-right: 85px;
    }

    .already-acc-btns {
        padding-left: 85px;
        padding-right: 85px;
    }


    .registreer-container .registreer {
        padding-left: 70px;
    }


    .registreer .formline-body--last {
        padding-right: 0px;
    }


    .registreer-container .formbutton.save {
        margin-left: 55px;
        width: 100%;
    }

    .registreer-container .wt-button {
        width: 100%;
    }

    .profiel-instell-container.cv {
        min-height: 993px;
    }

    .profiel-instell-container .control {
        margin-top: 30px;
    }

    /*end*/
    /*cv page min 992*/
    .cv-view .doc_example {
        height: 812px;

    }

    .toon_cv .group-body {
        margin-bottom: 0 !important;
    }

    .profiel-instell-container.cv .toon_cv .wordstyling {
        width: 400px;
        height: 800px;
        border: none;
    }

    .profiel-instell-container.cv .wt-button.save {
        border-radius: 0;
        max-height: unset;
        height: 80px;
        width: 240px;
        line-height: unset;
    }

    .profiel-instell-container.cv .wt-button.save .dexbuttons-caption {
        font-size: 18px;
        letter-spacing: 0;
        text-align: left;
        line-height: 21px;
        margin-top: 18px;
    }

    .profiel-instell-container.cv .button-canvas {
        padding-top: 20px;
        padding-bottom: 38px;
        background: rgba(255, 255, 255, 0.05);
        height: 120px;
        margin-bottom: 58px;
        padding-right: 100px;
    }

    .profiel-instell-container.cv .button-canvas i {
        float: left;
        margin-top: 14px;
        margin-right: 18px;
        height: 39px;
        width: 18px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 18px;
    }


    /*end*/
    /*login page*/
    .login-hallo h5 {
        opacity: 0.8;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 23px;
    }

    .login-hallo h1 {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
    }

    .lastlogin {
        margin-top: 10px;
    }

    .pass-reset .wt-button {
        margin-top: 20px;
    }


    .login-hallo .readmore {
        color: #F29174;
        text-decoration: underline #F29174;
        font-weight: bold;
    }

    .formhtml-header h3 {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .formhtml-header h5 {
        opacity: 0.8;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 23px;
    }

    .login-footer {
        margin-top: 9px;
        margin-bottom: 80px;
    }

    .login-footer a {
        text-decoration: underline white;
        font-size: 1em;
        line-height: 18px;
    }

    .square-login {
        height: 67px;
        width: 68px;
        background-image: -o-radial-gradient(white 10%, transparent 20%);
        background-image: radial-gradient(white 10%, transparent 20%);
        background-position: 0 0;
        background-size: 14px 14px;
        opacity: 0.2;
        position: relative;
        margin-left: -11px;
        margin-top: 3px;
    }

    /*tp instellingen min 992px*/
    .gegevens .formline-body {
        padding-right: 30px;
        padding-bottom: 31px;
    }

    .formline-line {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    /*end*/
    .choice-button {
        background-color: rgba(255, 255, 255, 0.2);
        text-align: center;
        height: 46px;
        margin-bottom: 21px;
        line-height: 46px;
        float: left;
        padding-left: 13px;
        padding-right: 13px;
        cursor: pointer;
        margin-right: 20px;
        width: 28%;
    }


    /*Sollicitatie page min 992*/
    .sollicitatie-container .dexinfo {
        padding-left: 85px;
        padding-right: 85px;
    }

    .sollicitatie-container .goprofile {
        margin-bottom: 38px;
        margin-left: 85px;
        margin-right: 85px;
    }

    .no-account-container {
        padding-left: 85px;
        padding-right: 85px;
        margin-bottom: 50px;
        font-size: 18px;
    }

    .sollicitatie-email {
        border: none;
        height: 45px;
        padding-left: 7px;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
        font-size: 1em;
        font-weight: 600;
        width: 100%;
        line-height: 45px;
    }

    .form-container.sollicitatie-container .group {
        margin-left: 70px;
    }

    .form-container.sollicitatie-container .formbutton {
        padding-left: 55px;
        padding-right: 85px;
    }

    /*end*/
    /*Pakketaanvraag page min 992*/
    .light-container .control-body .mceToolbar {
        display: none;
    }

    .light-container.formblock-class,
    .light-container .formtab,
    .light-container .formblock-class {
        background-color: white;
        color: #2C556A !important;
    }

    .form-container .wt-button.save {
        margin-bottom: 71px;
    }

    /*.light-container .dexeditpopup.formblock-class{*/
    /*    padding-left: 40px;*/
    /*}*/
    .light-container label.control-label {
        color: #37566A !important;
    }

    .light-container.formblock-class .formhtml-header,
    .light-container.formblock-class .formhtml-header a {
        color: #2C556A !important;
    }

    .light-container .formblock-class div.control {
        margin-right: 20px;
    }

    .light-container .formblock-class .formline-body div.control {
        margin-right: 0;
    }

    .light-container .mceContentBody,
    .light-container .formblock-class input[type="text"],
    .light-container .formblock-class input[type="password"],
    .light-container .control-body.read_only,
    .light-container .formtab select,
    .light-container .formblock-class textarea
    {
        background-color: rgba(44, 85, 106, 0.11);
        color: #2C556A;
    }

    .light-container {
        padding-left: 15px;
    }

    .light-container .group {
        width: 100%;
    }

    .light-container input:-webkit-autofill,
    .light-container input:-webkit-autofill:hover,
    .light-container input:-webkit-autofill:focus,
    .light-container textarea:-webkit-autofill,
    .light-container textarea:-webkit-autofill:hover,
    .light-container textarea:-webkit-autofill:focus,
    .light-container select:-webkit-autofill,
    .light-container select:-webkit-autofill:hover,
    .light-container select:-webkit-autofill:focus {
        -webkit-text-fill-color: #2C556A;
        -webkit-box-shadow: 0 0 0px 1000px rgba(44, 85, 106, 0.15) inset;
        transition: background-color 5000s ease-in-out 0s;
        font-weight: bold;
    }

    .light-container .pakket-check {
        color: #49AEC3;
        background-color: rgba(73, 174, 195, 0.3);
        width: 100px;
        height: 100px;
        border-radius: 50px;
        place-items: center;
        display: grid;
        font-size: 40px;
    }

    .light-container .pakket-check-caption {
        font-size: 30px;
        color: #2C556A;
        text-align: center;
    }

    .light-container .pakket-header {
        background-color: #49AEC3;
        height: 68px;
        padding-top: 23px;
        padding-left: 40px;
    }

    .AC .light-container .pakket-header {
        background-color: #2c556a;
    }

    .light-container .domain-header {
        background-color: #007cc2;
        height: 68px;
        padding-top: 23px;
        padding-left: 40px;
    }

    .light-container .signal-largest {
        width: 6px;
        height: 27px;
        background: white;
        float: left;
        border-radius: 3px;
        margin-top: -6px;
    }

    .light-container .signal-large {
        width: 6px;
        height: 21px;
        background: white;
        float: left;
        border-radius: 3px;
        margin-right: 3px;
    }


    .light-container .signal-medium {
        width: 6px;
        height: 15px;
        background: white;
        float: left;
        margin-right: 3px;
        border-radius: 3px;
        margin-top: 6px;
    }

    .light-container .signal-small {
        width: 6px;
        height: 9px;
        background: white;
        float: left;
        margin-right: 3px;
        border-radius: 3px;
        margin-top: 12px;
    }

    .signal-none {
        display: none;
    }

    .light-container .signal-0,
    .light-container .signal-1,
    .light-container .signal-2,
    .light-container .signal-3 {
        position: relative;
        float: left;
        margin-right: 15px;
    }

    .light-container .signal-0 .signal-medium,
    .light-container .signal-0 .signal-large,
    .light-container .signal-0 .signal-largest {
        background: rgba(255, 255, 255, 0.2);
    }

    .light-container .signal-1 .signal-large,
    .light-container .signal-1 .signal-largest {
        background: rgba(255, 255, 255, 0.2);
    }

    .light-container .signal-2 .signal-largest {
        background: rgba(255, 255, 255, 0.2);
    }

    .light-container .pakket-data {
        padding: 40px;
    }

    .light-container .pakket-caption {
        font-size: 30px;
    }

    .light-container .pakket-text {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 40px;
    }

    .light-container .pakket-pricing {
        font-size: 20px;
        height: 60px;
        padding-top: 14px;
    }

    .light-container .pakket-total {
        padding-top: 15px;
        padding-left: 40px;
        padding-right: 40px;
        background-color: rgba(73, 174, 195, 0.2);
        height: 56px;
        font-size: 20px;
    }

    .light-container .pakket-line {
        height: 1px;
        width: 100%;
        background-color: rgba(44, 85, 106, 0.2);
    }

    .light-container .form-caption {
        padding-left: 40px;
    }

    /*end*/
    /*Profiel instellingen min 992px*/
    .profiel-instell-container .formline-line {
        margin-bottom: 0;
    }

    .group--last {
        margin-bottom: 79px;
    }


    .profiel-instell-container .group-head-inner {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
    }

    .algemeen .formline-body,
    .tp-info .formline-body {
        padding-right: 30px;
    }


    .pf-instell-header h3 {
        font-size: 40px;
        letter-spacing: 0;
        line-height: 47px;
    }

    .pf-instell-header {
        position: relative;
        width: 59%;
        z-index: 1;
        margin-left: 15px;
    }

    .form-header-ico {
        height: 40px;
        width: 35px;
        font-size: 40px;
        letter-spacing: 0;
        line-height: 50px;
        margin-right: 34px;
    }

    .pf-instell-header .wt-button.cancel {
        box-sizing: border-box;
        height: 46px;
        width: 221px;
        border: 1px solid #F29174;
        background: transparent;
        color: #F29174;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 44px;
        margin-right: 20px;
        cursor: pointer;
    }

    .pf-instell-header .wt-button.save {
        margin-top: 0;
        height: 45px;
        width: 250px;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
        cursor: pointer;
    }

    .pf-instell-header {
        padding-top: 38px;
    }

    .profiel-instell-container .button-canvas {
        height: 130px;
        padding-right: 100px;
        position: relative;
        margin-top: -103px;
    }

    .form-container.profiel-instell-container {
        padding-left: 0;
        padding-right: 0;
    }

    .pf-instell-header .col {
        padding-left: 85px;
    }

    .pf-instell-header .col {
        padding-left: 85px;
    }

    .profiel-instell-container .group {
        padding-left: 85px;
        padding-right: 85px;
    }

    .profiel-instell-container.form-container .formbutton {
        padding-left: 0;
        padding-right: 0;
    }

    .profiel-instell-container .cancel-butt .wt-button {
        box-sizing: border-box;
        height: 46px;
        border: 1px solid #F29174;
        background: transparent;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        margin-right: 20px;
    }

    .profiel-instell-container .save-butt .wt-button {
        height: 45px;
        background-color: #F29174;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
    }

    .profiel-instell-container .wt-button.reset-password {
        width: 201px;
        margin-left: 28px;
    }

    .profiel-instell-name,
    .profiel-instell-lastname,
    .profiel-instell-tel,
    .profiel-instell-password,
    .reset-password {
        width: 350px;
    }

    .profiel-instell-TV {
        width: 200px;
    }

    .profiel-instell-mail {
        width: 580px;
    }

    .profiel-instell-dropdown {
        width: 300px;
    }

    /*end*/
    .formhtml-header {
        padding-right: 115px;
        padding-left: 85px;
    }

}

@media screen and (max-width: 991px) {
    .form-container .wt-button.save {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .mob-login-container.form-container .wt-button.save {
        margin-top: 0;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 992px) and (min-width: 576px) {
    .form-container .group {
        min-width: 330px;
    }
}

@media screen and (min-width: 712px) {

    .b2b-form-title,
    .b2b-form-txt,
    .b2b-form .dexinfo {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {

    .light-container .mceContentBody,
    .light-container .formblock-class input[type="text"],
    .light-container .formblock-class input[type="password"],
    .light-container .control-body.read_only,
    .light-container .formtab select {
        background-color: rgba(44, 85, 106, 0.11);
        color: #2C556A;
    }


    .page-266 .pwsaanmelding {
        max-width: 639px;
        line-height: 23px;
        font-size: 20px;
        padding-left: 15px;
        margin-top: 33px;
    }

    .mtdaanmelding {
        margin-top: 170px;
    }

    .login-container .systemmessage {
        margin-bottom: 10px;
    }

    /*org page max 992*/
    .b2b-form {
        padding-left: 15px;
    }

    .b2b-form .wt-button.save {
        margin-bottom: 50px;
    }

    .b2b-form-title {
        color: #49AEC3;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 1.61px;
        line-height: 23px;
        padding-left: 15px;
        padding-top: 50px;
    }

    .b2b-form-txt {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 40px;
        padding-left: 15px;
    }

    .b2b-form .dexinfo {
        padding-left: 15px;
    }

    /*end*/
    /*cv page max 992*/
    .profiel-instell-container.cv .profile-bar {
        height: 320px;
    }

    .profiel-instell-container.cv .toon_cv {
        display: block;
    }

    .profiel-instell-container.cv .toon_cv .wordstyling {
        width: 100%;
        height: 500px;
        border: none;
    }

    .download-cv {
        border-radius: 0;
        max-height: unset;
        height: 80px;
        width: 247.77px;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 16px;
        font-size: 1em;
        letter-spacing: 0;
        text-align: left;
        padding-top: 13px;
        background-color: white;
        color: #365D71;
    }

    .download-cv i {
        float: left;
        margin-top: 17px;
        margin-right: 18px;
        margin-left: 20px;
        height: 18px;
        width: 18px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 18px;
    }


    .profiel-instell-container.cv .button-canvas i {
        float: left;
        margin-top: 17px;
        margin-right: 18px;
        height: 29px;
        width: 18px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .profiel-instell-container.cv .wt-button.save .dexbuttons-caption {
        font-size: 18px;
        letter-spacing: 0;
        text-align: left;
        width: 200px;
        line-height: 21px;
        margin-top: 15px;
    }

    /*end*/
    .nothanks-button {
        margin-right: 20px;
        margin-bottom: 20px;
    }


    .group.registreer {
        margin-top: 30px;
    }

    .choice-button {
        background-color: rgba(255, 255, 255, 0.2);
        text-align: center;
        height: 46px;
        margin-bottom: 31px;
        line-height: 46px;
        float: left;
        padding-left: 13px;
        padding-right: 13px;
        cursor: pointer;
        margin-right: 20px;
        width: 42%
    }

    .formblock-class .ui-tabs-nav {
        margin-top: 40px;
    }

    .select2.js-day,
    .select2.js-month,
    .select2.js-year {
        min-width: unset;
    }

    .ui-state-default a {
        background-color: rgba(255, 255, 255, 0.2);
        width: 109.5px;
        height: 46px;
        text-align: center;
        margin-bottom: 31px;
        line-height: 46px;
        float: left;
        margin-left: 20px;
        padding-left: 13px;
        padding-right: 13px;
        cursor: pointer;
        color: white;
        text-decoration: none;
    }

    /*profile cv*/
    .profiel-instell-container.cv .wt-button.save {
        border-radius: 0;
        max-height: unset;
        height: 90px;
        width: 100%;
        line-height: unset;
    }


    /*end*/
    .profile-bar {
        background: rgba(255, 255, 255, 0.05);
        width: 100%;
        position: absolute;
        z-index: 1;
        height: 245px;
    }

    /*registreer page max 992*/
    .email-bestaat-al {
        margin-top: 30px;
    }

    .aanmeld-to-profile {
        margin-bottom: 30px;
    }

    .completed-soll {
        margin-bottom: 20px;
        margin-left: 15px;
    }

    /*end*/
    /*login page max 992*/
    .formhtml-header {
        margin-top: 40px;
    }

    .mob-login-container .formhtml-header {
        margin-top: 10px;
    }

    .login-containerform {
        padding: 0;
    }

    .button-canvas {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }


    .formhtml-header h5,
    .login-hallo h5 {
        opacity: 0.6;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 26px;
        margin-top: 15px;
        margin-bottom: 30px;
    }


    .login-footer {
        margin-bottom: 40px;
        margin-top: 33px;
    }

    .login-footer a {
        text-decoration: underline white;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
    }

    /*end*/
    /*aanmeld form max 992*/
    .registreer {
        padding: 0;
    }

    /*end*/
    /*Profiel instellingen max 992px*/
    .profiel-instell-container .form {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pf-instell-header .pf-instell-header-txt-mob {
        width: 205px;
    }

    .profiel-instell-container .login-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .profiel-instell-container .pf-instell-header .col {
        padding: 0;
    }


    .group--last {
        margin-bottom: 40px;
    }


    .profiel-instell-container .cancel-butt .wt-button {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
    }

    .cancel-butt .wt-button {
        margin-left: 0px !important;
    }

    .profiel-instell-container .save,
    .profiel-instell-container .cancel {
        padding-right: 30px;
        padding-left: 30px;
    }

    .profiel-instell-container .control-label {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1.17px;
        line-height: 17px;
    }


    .profiel-instell-container .save-butt .wt-button {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        text-align: center;
    }


    .form-header-ico {
        height: 29px;
        width: 25px;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 29px;
        margin-right: 30px;
    }

    .profiel-instell-container .group-head-inner {
        margin-bottom: 31px;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 23px;
    }

    .profiel-instell-container .button-canvas {
        margin-bottom: 38px;
        position: relative;
        z-index: 2;
    }


    .pf-instell-header h3.mob {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 33px;
        height: 66px;
        word-break: normal;
    }

    .pf-instell-header {
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 16px;
        z-index: 2;
        position: relative;
    }


    .profiel-instell-container .formline-body {
        width: 100%;
    }

    .profiel-instell-container .formline-body .control {
        margin-bottom: 20px;
    }

    .profiel-instell-container .formline-body .control.profiel-instell-password,
    .profiel-instell-container .formline-body .control.profiel-instell-tel,
    .profiel-instell-container .formline-body .control.profiel-instell-reset {
        margin-bottom: 0;
    }


    .profiel-instell-container .cancel-butt .wt-button {
        box-sizing: border-box;
        border: 1px solid #F29174;
        background: transparent;
        margin-bottom: 30px;
    }


    /*end*/
    /*Pakketaanvraag page max 992*/
    .light-container .control-body .mceToolbar {
        display: none;
    }

    .light-container.formblock-class,
    .light-container .formtab,
    .light-container .formblock-class {
        background-color: white;
        color: #2C556A !important;
    }

    .light-container .formblock-class {
        /*padding-left: 20px;*/
    }

    .light-container label.control-label {
        color: #2C556A !important;
    }

    .light-container.formblock-class .formhtml-header,
    .light-container.formblock-class .formhtml-header a {
        color: #2C556A !important;
    }

    .light-container .formblock-class div.control {
        margin-right: 20px;
    }

    .light-container .formblock-class .formline-body div.control {
        margin-right: 0;
    }

    .light-container .mceContentBody,
    .light-container .formblock-class input[type="text"],
    .light-container .formblock-class input[type="password"],
    .light-container .control-body.read_only {
        background-color: rgba(44, 85, 106, 0.11);
        color: #2C556A;
    }

    .light-container {
        padding-left: 0;
        padding-right: 0;
    }

    .light-container .group {
        width: 100%;
    }

    .light-container input:-webkit-autofill,
    .light-container input:-webkit-autofill:hover,
    .light-container input:-webkit-autofill:focus,
    .light-container textarea:-webkit-autofill,
    .light-container textarea:-webkit-autofill:hover,
    .light-container textarea:-webkit-autofill:focus,
    .light-container select:-webkit-autofill,
    .light-container select:-webkit-autofill:hover,
    .light-container select:-webkit-autofill:focus {
        -webkit-text-fill-color: #2C556A;
        -webkit-box-shadow: 0 0 0px 1000px rgba(44, 85, 106, 0.15) inset;
        transition: background-color 5000s ease-in-out 0s;
        font-weight: bold;
    }

    .light-container .pakket-check {
        color: #49AEC3;
        background-color: rgba(73, 174, 195, 0.3);
        width: 100px;
        height: 100px;
        border-radius: 50px;
        place-items: center;
        display: grid;
        font-size: 40px;
    }

    .light-container .pakket-check-caption {
        font-size: 30px;
        color: #2C556A;
        text-align: center;
    }

    .light-container .pakket-header {
        background-color: #49AEC3;
        height: 68px;
        padding-top: 23px;
        padding-left: 30px;
    }

    .light-container .domain-header {
        background-color: #007cc2;
        height: 68px;
        padding-top: 23px;
        padding-left: 30px;
    }

    .light-container .signal-large {
        width: 6px;
        height: 21px;
        background: white;
        float: left;
        border-radius: 3px;
    }


    .light-container .signal-medium {
        width: 6px;
        height: 15px;
        background: white;
        float: left;
        margin-right: 3px;
        border-radius: 3px;
        margin-top: 6px;
    }

    .light-container .signal-small {
        width: 6px;
        height: 9px;
        background: white;
        float: left;
        margin-right: 3px;
        border-radius: 3px;
        margin-top: 12px;
    }

    .light-container .signal-0,
    .light-container .signal-1,
    .light-container .signal-2 {
        position: relative;
        float: left;
        margin-right: 15px;
    }

    .light-container .signal-0 .signal-medium,
    .light-container .signal-0 .signal-large {
        background: rgba(255, 255, 255, 0.2);
    }

    .light-container .signal-1 .signal-large {
        background: rgba(255, 255, 255, 0.2);
    }

    .light-container .pakket-data {
        padding: 30px;
    }

    .light-container .pakket-caption {
        font-size: 30px;
    }

    .light-container .pakket-text {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 40px;
    }

    .light-container .pakket-pricing {
        font-size: 20px;
        height: 75px;
        padding-top: 14px;
    }

    .light-container .pricing-small {
        font-size: 1em;
        width: 180px;
    }

    .light-container .pakket-total {
        padding-top: 15px;
        padding-left: 30px;
        padding-right: 40px;
        background-color: rgba(73, 174, 195, 0.2);
        height: 56px;
        font-size: 20px;
    }

    .light-container .pakket-line {
        height: 1px;
        width: 100%;
        background-color: rgba(44, 85, 106, 0.2);
    }

    .light-container .button-canvas {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .light-container .wt-button-lite {
        width: 100%;
    }

    .light-container .form-caption {
        padding-left: 30px;
    }

    /*end*/

}

@media screen and (max-width: 679px) {
    /*profiel instellingen max 576*/
    .profiel-instell-container .formbutton.save,
    .profiel-instell-container .save .wt-button,
    .profiel-instell-container .cancel,
    .profiel-instell-container .cancel-butt .wt-button,
    .pws .formbutton.save,
    .pws .save .wt-button,
    .download-cv {
        width: 100%;
    }

    /*end*/
    .itevent .iteventformimg {
        height: 60px !important;
    }

    .itevent .iteventimgcontainer {
        gap: 10px !important;
    }


}

@media screen and (min-width: 576px) {
    .already-acc-btns {
        margin-bottom: 50px;
        margin-top: 44px;
    }

    .yes-acc,
    .no-acc {
        width: 320px;
    }
}

@media screen and (max-width: 576px) {
    /*aanmeld form max 576*/
    .aanmeld-form .formbutton.save,
    .aanmeld-form .wt-button {
        width: 100%;
    }

    /*end*/
    /*sollicitatie page*/
    .yes-acc,
    .no-acc {
        width: 100%;
    }

    .nothanks-login-button,
    .nothanks-button {
        margin-bottom: 20px;
        width: 100%;
    }

    .formhtml-header h3 {
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }

    .form-container .group {
        width: 100%;
    }

    /*end*/
}

@media screen and (max-width: 436px) {
    .pf-instell-header h3.mob {
        width: 161px;
    }
}

@media screen and (max-width: 698px) {
    .profiel-instell-container .profile-bar {
        height: 245px;
    }
}

.page-2003 .b2b-form-title {
    margin-top: 0;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.formtab, .formblock-class {
    /* border-radius: 12px; */
    background-color: #365467;
}

.POF .formblock-class,
.POF .formtab,
.POF .bg-slider {
    background-color: #001B4B;
}

.POF .formblock-class.login-container {
    margin-top: 150px;
    /*
        padding-left: 50px;*/
}

.GR .formtab,
.GR .formblock-class {
    /*border-radius: 12px;*/
    background-color: white;
}

.GR .login-container .formtab,
.GR .login-container .formblock-class {
    /*border-radius: 12px;*/
    background-color: #80858b;
}

.GR.page-142 .formblock-class,
.GR.page-142 .formtab,
.GR .login-container {
    /*border-radius: 12px;*/
    background-color: #80858b;
}

.seperating-line {
    width: 100%;
    border-top: 1px solid #FFFFFF;
    opacity: 0.2;
}

.badge-primary {
    color: #fff;
    font-size: 30px;
    background: transparent;
    font-family: "Maven Pro", sans-serif;
    font-weight: normal;
}

label.control-label {
    color: #FFFFFF;
    font-family: "Maven Pro", sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 2px;
}

label.control-label.check {
    letter-spacing: normal;
}

.BIDH-theme label.control-label {
    font-family: "montserrat", sans-serif;
}

span.required,
.error-message {
    color: #F29174;
}

.POF-theme span.required {
    color: #81CCFF;
}

.pika-row td {
    width: calc(100% / 7);
}

div#pika-title-ta,
.pika-label,
.pika-table thead {
    color: white;
}

select.pika-select.pika-select-month {
    margin-left: 10px;
}

select.pika-select.pika-select-year {
    margin-left: 3px;
}

.pika-button.pika-day {
    width: 100%;
}

.pika-single.is-bound {
    background: #2C556A;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px;
}

body .formtab button,
body .formtab input,
body .formtab optgroup,
body .formtab select,
body .formtab textarea {
    margin: 0;
    color: white;
    font-weight: 600;
    font-family: inherit;
    font-size: inherit;
    background-color: rgba(255, 255, 255, 0.2);
    line-height: inherit;
    border: none;
}


body .BIDH .formtab textarea,
body .BBH .formtab textarea {
    color: black;
}


body .page-250 .formtab input,
body .page-250 .formtab select,
body .page-250 .formtab textarea {
    margin: 0;
    color: white;
    font-weight: 600;
    font-family: inherit;
    font-size: inherit;
    background-color: rgba(44, 85, 106, 0.11);
    color: #2C556A;
    line-height: inherit;
    border: none;
}


.b2b-form .formtab textarea {
    background-color: rgba(255, 255, 255, 0.1);
}

.profiel-instell-profile-picture .wt-button {
    background: transparent;
    box-sizing: border-box;
    height: 46px;
    border: 1px solid #FFFFFF;
    margin-top: 31px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    width: 100%;
    cursor: pointer;

}

.formtab option {
    color: black;
}

select:focus,
input[type="text"]:focus,
textarea:focus {
    outline-offset: 0;
    outline: none;
}

.formblock-class input[type="text"],
.formblock-class input[type="password"],
.control-body.read_only {
    border: none;
    height: 45px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    font-size: 1em;
    width: 100%;
}

.MD-theme .formblock-class input[type="text"],
.MD-theme .formblock-class input[type="password"],
.MD-theme .control-body.read_only {
    padding-left: 27px;
}

.MD-theme .page-175 .formblock-class input[type="text"],
.MD-theme .page-175 .formblock-class input[type="password"],
.MD-theme .page-175 .control-body.read_only {
    padding-left: 10px;
}

.select3-input .select3-multiple-input-container input[type="text"].select3-multiple-input {
    background-color: transparent;
}

.b2b-form .formblock-class input[type="text"],
.b2b-form .formblock-class input[type="password"],
.b2b-form .control-body.read_only {
    background-color: rgba(255, 255, 255, 0.1);
}

.checknumberonly.read_only {
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.control-body.read_only {
    line-height: 45px;
    background-color: #cccccc;
    color: #666666;
    border: 2px solid #999999;
    overflow: hidden;
}

input, select {
    min-height: 45px;
}

.dex-theme .checkBidhDashboard {
    min-height: 0;
}

.tabcontents input {
    min-height: unset;
}

.choice.choice-select option {
    color: white;
    background-color: #355468;
}

.POF .choice.choice-select option {
    color: white;
    background-color: #33496f;
}

.wt-button.save {
    line-height: 45px;
    min-width: 135px;
    padding-left: 10px;
    padding-right: 10px;
}

.dexbuttons-caption {
    padding-left: 10px;
    padding-right: 10px;
}

.dexbuttons-caption i {
    padding-right: 10px;
}

.formblock-class ::-webkit-input-placeholder {
    color: white;
    opacity: 0.2;
}

.formblock-class ::-moz-placeholder {
    color: white;
    opacity: 0.2;
}

.formblock-class :-ms-input-placeholder {
    color: white;
    opacity: 0.2;
}

.formblock-class ::-ms-input-placeholder {
    color: white;
    opacity: 0.2;
}

.formblock-class ::placeholder {
    color: white;
    opacity: 0.2;
}

.dexinfo {
    opacity: 0.6;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}

.dexinfo.upper {
    margin-top: 30px;
}

.pwsaanmelding {
    max-width: 639px;
    line-height: 32px;
}

.mtdaanmelding {
    max-width: 639px;
    line-height: 32px;
}

.ampaanmelding {
    max-width: 869px;
    line-height: 32px;
}

.main-container.header {
    max-width: 639px;
}

.control--single .control-label {
    width: 100%;
    margin: 0;
}

.pwslink {
    color: #F29174;
}

.pwslink:hover {
    color: #c86e64;
}

/*login page*/
.login-container .btn,
.login-container .formbutton,
.login-container .action-save,
.login-container .dex-action-button,
.login-container .wt-button {
    width: 100%;
}

.login-container .wt-button a {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
}

.login-hallo {
    margin-bottom: 20px;
}

.userid {
    font-size: 10px;
}

.dex-debuginfo {
    color: yellow;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 1rem;
}

.dex-actions {
    height: 100%;
}


/*profiel instellingen*/

.profiel-instell-container .wt-button.reset-password {
    background: transparent;
    box-sizing: border-box;
    height: 46px;
    border: 1px solid #FFFFFF;
    margin-top: 31px;
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 43px;
    width: 100%;

}

/*end*/

.button-canvas {
    margin-left: 30px;
    margin-right: 30px;
}

.profiel-instell-container .button-canvas {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wt-button.save {
    margin-top: 0;
    margin-bottom: 15px;
}

.pof-button.secondary.save {
    margin-top: 30px;
    margin-bottom: 50px;
}

/*.lp-form-block .pof-button.secondary.save{*/
/*    margin-top: 10px!important;*/
/*    margin-bottom: 0px!important;*/
/*}*/

/*choice buttons*/


.choice-button option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.registreer .choice-button.man {
    margin-right: 0;
}


/*end*/

/*password input*/
.formblock-class .input--password {
    border: none;
    height: 45px;
    padding-left: 6px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    font-size: 1em;
    font-weight: 600;
    line-height: 53px;
}

/*end*/

.ui-tabs-nav {
    display: none;
}

.toon_cv {
    width: 100%;
}

.soll-delivered,
.already-acc-txt {
    font-size: 18px;
}

.group--half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


.bewerk-button img {
    background: white;
    line-height: 50px;
    margin-top: 8px;
    float: left;
    width: 123px;
    height: 55px
}

.bewerk-button .bewerk-logo-txt {
    line-height: 70px;
    padding-left: 0;
    font-size: 21px;

}


.bewerk-button {
    height: 70px;
    background: #007dc3;
    border-radius: 22.5px;
    width: 100%;
}


.bewerk-button .bewerk-button-txt {
    line-height: 70px;
}


/*.bewerk-button {*/
/*    min-height: 70px;*/
/*    background: #007dc3;*/
/*    border-radius: 22.5px;*/
/*    width: 100%;*/
/*}*/

/*.bewerk-button .bewerk-button-txt {*/
/*    line-height: 30px;*/
/*    min-height: 90px;*/
/*    padding: 30px;*/
/*}*/

.action-save.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px rgba(86, 119, 136, 1) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.POF-theme input:-webkit-autofill,
.POF-theme input:-webkit-autofill:hover,
.POF-theme input:-webkit-autofill:focus,
.POF-theme textarea:-webkit-autofill,
.POF-theme textarea:-webkit-autofill:hover,
.POF-theme textarea:-webkit-autofill:focus,
.POF-theme select:-webkit-autofill,
.POF-theme select:-webkit-autofill:hover,
.POF-theme select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}


.GR input:-webkit-autofill,
.GR input:-webkit-autofill:hover,
.GR input:-webkit-autofill:focus,
.GR textarea:-webkit-autofill,
.GR textarea:-webkit-autofill:hover,
.GR textarea:-webkit-autofill:focus,
.GR select:-webkit-autofill,
.GR select:-webkit-autofill:hover,
.GR select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px rgb(190 197 201) inset;
    transition: background-color 5000s ease-in-out 0s;
}


/*org apge */

.b2b-form .dexinfo {
    margin-top: 29px;
}

/*end*/


.light-container iframe html #tinymce {
    font: 14px "Open Sans", "Segoe UI", sans-serif;
    background-color: rgba(44, 85, 106, 0.11) !important;
    color: #2C556A !important;
}

.light-container .b2b-form-txt {
    color: #052C3B;
}

.input-info.wt-button,
.input-helpicon.wt-button,
.input-plusicon.wt-button {
    display: block;
    border-left-width: 0;
    position: relative;
    top: 2px;
    width: fit-content;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    text-align: center;
    color: white;
    padding-left: 11px;
    padding-right: 11px;
}

.input-plusicon:hover.wt-button,
.input-helpicon:hover.wt-button {
    cursor: pointer;
    background: #da8369;
}

.result.colors {
    color: white;
}

.colorpickcontainer .preview-canvas,
.colorpickcontainer canvas,
.colorpickcontainer video {
    cursor: crosshair;
}

.view-switch {
    color: white;
    width: 220px;
}

.form-container.jc {
    width: 1250px;
    flex: none;
    margin: 0 auto;
}

.videorotate {
    transform: rotate(
            90deg
    );
    margin-bottom: 81px;
    margin-top: 42px;
    margin-left: -29px;
}

.control-body input[type=radio] {
    height: 10px;
    float: left;
}
.control-body input[type=checkbox] {
    height: 15px;
    float: left;
    width: 15px;
}

.extra-options-container{
    color: white;
}

.dropdowns .control-body input[type=radio] {
    height: 4px;
}

.dropdowns .control-body .choice-label {
    margin-top: 0px;
}


.dropdowns select,
.dropdowns input {
    min-height: 30px;
}

.control-body .choice-label {
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 12px;
    color: #2c556a;
}


.page-175 .control-body .choice-label {
    color: white;
}

.address-check {
    padding-left: 15px;
}

.htmldisplay {
    width: 106%; /*40%*/
    margin-top: 49px;
    border: solid 1px;
    padding: 21px;
    background: #fbf8ef;
    overflow: hidden;
}

.shortcutbtn {
    width: 72px;
    height: 38px;
    cursor: pointer;
    color: white;
    line-height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mailexample p {
    margin-bottom: 0;
}

.review iframe {
    width: 100%;
    height: 56px;
}

.stirupdataanmelding label[for="block16_1"] {
    width: 289px;
}


.systemmessage {
    color: #F29174;
}

.dexbericht-container {
    position: relative;
    height: 100%;
    width: 100%;
    margin-top: 180px;
    left: 0;
    margin-bottom: 160px;
}


.dexbericht-container-2 {
    min-height: 270px;
    padding: 60px;
    border-radius: 29px;
    background: #007dc3;
}

.bericht {
    width: 100%;
    padding-bottom: 30px;
}

.page-325 .wt-button {
    background: #515253;
}

.GR .systeemmelding,
.GR .systemmessage {
    width: 100%;
    padding-left: 85px;
    background: transparent;
}

.formtab textarea {
    color: white;
    background-color: rgba(44, 85, 106, 0.11);
}

.b2b-form-txt {
    /*padding-left: 0px;*/
    margin-bottom: 20px;
}

body .form-container.formblock-class .read-only {
    line-height: 45px;
    background-color: #cccccc !important;
    color: #666666 !important;
    border: 2px solid #999999 !important;
    overflow: hidden;
    pointer-events: none;
}

.active-checkbox,
.readonly-checkbox {
    width: 45px;
    height: 45px;
    background: rgba(128, 128, 128, 0.9);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
}

.merging .formblock-class input[type="text"], .merging .formblock-class input[type="password"] {
    background-color: white;
    color: black;
}

.merging .select3-multiple-input-container {
    background-color: white;
    margin-left: 15px;
    min-width: 400px;
}

.cancel-butt .dexbuttons-caption {
    color: white !important;
}

.POF-theme .cancel-butt .dexbuttons-caption {
    color: #001B4B !important;
}

.light-container .cancel-butt .dexbuttons-caption {
    color: #F29174 !important;
}

.AC .light-container .cancel-butt .dexbuttons-caption {
    color: #E53F86 !important;
}

.cancel-butt .wt-button {
    margin-left: 30px;
}


.page-250 div[name='box_dat_Id7'] {
    display: none;
}


.languagetext {
    color: #fff;
    font-size: 30px;
    background: transparent;
    font-family: "Maven Pro", sans-serif;
    font-weight: normal;
    text-align: right;
    width: 100%;
}

.languagebtn {
    color: white;
    float: right;
}

.gtranslatebutton {
    font-size: 33px;
    color: white;
    position: absolute;
    top: -1px;
    right: 18px;
}

.gtranslatebutton.revert {
    top: 12px;
    right: -20px;
    font-size: 16px;
}

.fileupload.cv_upload {
    max-width: 300px;
}

.control-body {
    position: relative;
}

.checkrecordrow:hover {
    background: #27404cd6;
    transition: all 0.3s;
}

.POF.page-175 .form-container {
    margin-top: 30px;
}

.MD.page-175 .form-container {
    padding-top: 114px;
}

.profiel-instell-container .pdfnotsupportmessage {
    margin-top: -150px;
    position: relative;
    z-index: 100;
    color: white;
}

.bidhgesprek-btn.checked .nav__item-text,
.bidhgesprek-btn.checked .gespreksbuttons {
    transition: all 0.3s;
    background: #93ef86;
}


.bidhgesprek-btn.unchecked:hover .nav__item-text,
.bidhgesprek-btn.unchecked:hover .gespreksbuttons {
    transition: all 0.3s;
    background: #93ef86;
}


.POF-theme .choice-radio .choice-label {
    color: white;
}

.mobile-readonly > .control-body {
    background: rgba(99, 99, 99, 0.42) !important;
}

.mergevacancyscreen .mergeinput{
    width: 480px;
}

.mergevacancyscreen .mergebutton{
    font-size: 35px;
    top: 7px;
    margin-left: 21px;
    position: relative;
    color: white;
}

.mergevacancyscreen .mergebutton.text{
    top: -113px;
    right: 23px;
}

.mergefields .tox.tox-tinymce {
    width: 480px;
    height: 210px!important;
}

.dex-list-edit-btn {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: .3s;
}

.dex-list-edit-btn i {
    font-size: 27px;
}

.dex-list-edit-btn:hover {
    color: rgb(242,145,116);
}

.memo-button {
    position: fixed;
    top: 10px;
    right: 100px;
    z-index: 2;
}

/*.memo-button > input {*/
/*    background-color: #F29174;*/
/*    border: none;*/
/*    color: white;*/
/*    font-weight: bold;*/
/*}*/

.crawldetails-memo-button > input {
    background-color: #F29174;
    border: none;
    color: white;
    font-weight: bold;
}
.memoPopup {
    background-color: #fbfcff;
}

.memoPopup .control-label {
    color: #0a6697;
}


.WTT-theme input:-webkit-autofill,
.WTT-theme input:-webkit-autofill:hover,
.WTT-theme input:-webkit-autofill:focus,
.WTT-theme textarea:-webkit-autofill,
.WTT-theme textarea:-webkit-autofill:hover,
.WTT-theme textarea:-webkit-autofill:focus,
.WTT-theme select:-webkit-autofill,
.WTT-theme select:-webkit-autofill:hover,
.WTT-theme select:-webkit-autofill:focus {
    -webkit-text-fill-color: #484848;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}



.WTT-theme .formblock-class input[type="text"],
.WTT-theme .formblock-class input[type="password"],
.WTT-theme .control-body.read_only {
    border: none;
    height: 45px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    color: #484848;
    font-size: 1em;
    width: 100%;
}


.tox .tox-toolbar__group {
    padding: unset!important;
}

.highlighted-label label {
    font-size: 19px;
}

body.mobileapp {
    background-color: #052C3B;
}

.mob-profiel-instell-container {
    max-width: 426px;
    margin: 0 auto;
}

.mob-profiel-instell-container .formtab, .mob-profiel-instell-container.formblock-class, .mob-profiel-instell-container .formblock-class {
    background-color: #052C3B;
}

.mob-profiel-instell-container .profile-bar {
    background: unset;
    position: unset;
    height: unset;
}

.mob-profiel-instell-container .header {
    padding: 0 30px;
    text-align: center;
}

.mob-profiel-instell-container .header .nav {
    height: 90px;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    color: #fff;
}

.mob-profiel-instell-container .header .nav a {
    color: #fff;
}

.mob-profiel-instell-container .header .title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}

.mob-profiel-instell-container .header .text {
    font-size: 16px;
    line-height: 25px;
    color: #DBEFF3;
    max-width: 320px;
    margin: 0 auto;
}

.mob-profiel-instell-container .formline-body, .mob-profiel-instell-container .form {
    padding: 0;
}

.mob-profiel-instell-container.form-container .group--last {
    padding-left: 15px;
    padding-right: 15px;
}

.mob-profiel-instell-container.form-container .wt-button.save {
    margin-bottom: 20px;
}

.mob-profiel-instell-container.profiel-instell-container .save, .mob-profiel-instell-container.profiel-instell-container .cancel {
    width: 100%;
}

.mob-profiel-instell-container.profiel-instell-container .group-head-inner {
    margin-top: 30px;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 18px;
}

.mob-profiel-instell-container.profiel-instell-container .control-label {
    color: #DBEFF3;
    font-size: 18px;
    font-weight: unset;
    margin-bottom: 14px;
}

.mob-profiel-instell-container.profiel-instell-container .toestemming-group .control-label {
    color: #fff;
    font-size: 15px;
    margin-right: 18px;
}

.mob-profiel-instell-container .profiel-instell-tel::after, .mob-profiel-instell-container.profiel-instell-container .wt-button.reset-password::after {
    content: "";
    display: block;
    width: 80%;
    margin: 39px auto;
    height: 1px;
    background-color: rgba(219, 239, 243, 0.47);
}

.mob-profiel-instell-container.profiel-instell-container .wt-button.reset-password {
    border-color: #F29174;
}

.mob-profiel-instell-container.form-container .group {
    padding-right: 15px;
    padding-left: 15px;
}

.cv-controls {
    display: flex;
    justify-content: space-between;
}

/*.cv-controls .upload-block {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

.cv-controls .upload-block .file-descr {
    color: #fff;
    font-style: italic;
    font-size: 12px;
    text-align: center;
    max-width: 125px;
    margin-top: 6px;
}

.cv-controls .fileupload, .cv-controls .filedownload {
    background-color: #30B0C7;
    width: 124px;
    min-height: 71px;
    height: fit-content;
    border-radius: 3px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: unset;
    position: relative;
    cursor: pointer;
}

.download-cv-button img, .upload-cv-button img {
    width: 26px;
}

.download-cv-button .text, .upload-cv-button .text {
    font-size: 13px;
    color: #fff;
}

.upload-cv-button, .download-cv-button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 6px;
}

.upload-cv-button .file-upload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.cv-controls {
    margin-top: 30px;
}

.cv-controls a {
    text-decoration: none;
}

.cv-controls .status {
    color: #ffffff;
    text-align: center;
}

.profiel-instell-container .formline-body .control.upload-and-download-block {
    margin: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.mob-profiel-instell-container .formblock-class input[type="text"], .mob-profiel-instell-container .formblock-class input[type="password"], .mob-profiel-instell-container .control-body.read_only, .mob-profiel-instell-container .formblock-class .input--password {
    background-color: rgb(184 50 50 / 0%);
    border: 1px solid #fff;
    border-radius: 3px;
    height: 54px;
}

.mob-profiel-instell-container .formblock-class .input--password {
    background-color: rgba(255, 255, 255, 0.2);
}

.mob-sollicitatie-container {
    max-width: 426px;
    margin: 0 auto;
    padding: 0;
}

.mob-sollicitatie-container .mob-header .solliciteren-header {
    color: #F29174;
    font-style: italic;
    font-size: 28px;
}

.mob-sollicitatie-container .header.mob-header {
    padding: 0 30px;
    background: #052C3B;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
}

.mob-sollicitatie-container .header.mob-header .nav {
    height: 90px;
    font-size: 1.5em;
    display: flex;
    align-items: center;
}

.mob-sollicitatie-container .vacature {
    padding-bottom: 15px;
}

.mob-sollicitatie-container .container1 {
    display: flex;
    gap: 8px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.mob-sollicitatie-container .vacature .logo-block {
    width: 50px;
    height: 50px;
    margin-top: 8px;
    background-color: #fff;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
}

.mob-sollicitatie-container .logo {
    max-width: 100%;
    max-height: 100%;
}

.mob-sollicitatie-container .container1rechts .title {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
}

.mob-sollicitatie-container .container1rechts .comp-name {
    color: #ffffff;
    font-size: 17px;
    padding-top: 5px;
}

.mob-sollicitatie-container .container2 {
    display: flex;
}

.mob-sollicitatie-container .dienstverband-block {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: fit-content;
    flex-basis: 80%;
}

.mob-sollicitatie-container .dienstverband-block .dienstverband {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.17);
    padding: 9px;
}

.mob-sollicitatie-container .benefit {
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.mob-sollicitatie-container .container3 {
    margin-top: 15px;
}

.mob-sollicitatie-container .datum {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mob-sollicitatie-container .formtab, .mob-sollicitatie-container .formblock-class, .mob-sollicitatie-container .formhtml-header {
    background-color: #375E72;
}

.mob-sollicitatie-container .formhtml-header {
    margin: 0;
    padding: 10px 30px 0 30px;
}

.formblock-class .telefonnummer-input {
    width: 260px;
    margin-bottom: 23px;
}

.mob-sollicitatie-container .form-title {
    font-weight: bold;
    font-size: 23px;
}

.sollicitatie-container .email-input {
    margin-top: 30px;
}

.mob-sollicitatie-container .email-input {
    margin-top: 10px;
}

.mob-sollicitatie-container .formblock-class .telefonnummer-input {
    margin-bottom: 0;
}

.mob-sollicitatie-container .formline-body {
    float: unset;
}

.mob-sollicitatie-container input {
    width: 100% !important;
}

.mob-sollicitatie-container.form-container .group {
    width: 100%;
}

.mob-sollicitatie-container.form-container .formline-body {
    padding: 0;
}

.mob-sollicitatie-container.formblock-class .telefonnummer-input {
    width: 100%;
}

.mob-sollicitatie-container .formblock-class {
    padding: 0 22px 0 22px;
}

.mob-sollicitatie-container label {
    color: #DBEFF3;
    font-size: 18px;
    font-weight: normal;
    padding-top: 12px;
}

.mob-sollicitatie-container .formblock-class input[type="text"], .mob-sollicitatie-container .control-body.read_only, .mob-sollicitatie-container .formblock-class .input--password, .mob-sollicitatie-container.formblock-class input[type="text"] {
    background-color: rgb(184 50 50 / 0%);
    border: 1px solid #fff;
    border-radius: 3px;
    height: 54px;
}

.mob-sollicitatie-container .motivation-input textarea {
    background-color: rgb(184 50 50 / 0%);
    border: 1px solid #fff;
    border-radius: 3px;
    height: 107px!important;
}

.motivation-input {
    margin-top: 30px;
}

.mob-sollicitatie-container .motivation-input {
    margin-top: 0;
}

.sollicitatie-container .upload-and-download-block {
    display: none;
}

.mob-sollicitatie-container .control.cv_upload {
    display: none;
}

.mob-sollicitatie-container .upload-and-download-block {
    display: block;
}

.mob-sollicitatie-container .formbutton.save {
    padding: 0;
}

.mob-sollicitatie-container .action-submit, .action-save, .action-next {
    float: unset!important;
}

.mob-sollicitatie-container .button-canvas {
    margin-left: 21px !important;
    margin-right: 21px !important;
}

.mob-sollicitatie-container .wt-button.save {
    height: 55px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
}

.mob-sollicitatie-container .cv-controls .fileupload, .mob-sollicitatie-container .cv-controls .filedownload {
    background-color: unset;
    border: 1px solid #F29174;
    width: 157px;
}

.mob-sollicitatie-container .cv-controls .fileupload .text, .mob-sollicitatie-container .cv-controls .filedownload .text {
    color: #F29174;
}

.mobileapp.sollicitatie-gelukt .mob-header, .mobileapp.sollicitatie-gelukt .sollicitatie, .mobileapp.sollicitatie-gelukt .soll-delivered, .mobileapp.sollicitatie-gelukt .completed-soll, .mobileapp.sollicitatie-gelukt br {
    display: none;
}

.mob-soll-delivered {
    display: none;
}

.mob-sollicitatie-container .mob-soll-delivered {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100vh;
    background-color: #052C3B;
    padding: 35px 30px;
}

.mob-sollicitatie-container .mob-soll-delivered .content {
    display: flex  ;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 44px;
}

.mob-sollicitatie-container .mob-soll-delivered .content .title {
    color: #fff;
    font-size: 47px;
    font-weight: bold;
    max-width: 270px;
    text-align: center;
}

.mob-sollicitatie-container .mob-soll-delivered .bottom-button {
    width: 100%;
}

.mob-sollicitatie-container .mob-soll-delivered .bottom-button .wt-button {
    color: #fff;
    width: 100%;
    height: 55px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
}


/* login page */

.mob-login-container {
    background-color: #052C3B;
    max-width: 426px;
    margin: 0 auto;
}

.mob-login-container .formtab, .mob-login-container .formblock-class {
    background-color: #052C3B;
}

.login-container .header-logo {
    display: none;
}

.mob-login-container .header-logo {
    display: block;
    /*padding: 100px 15px 40px 15px;*/
    padding: 50px 15px 40px 15px;

}

.mob-login-container .header-logo img {
    width: 100%;
}

.mob-login-container label.control-label {
    font-size: 20px;
    color: #DBEFF3;
    font-weight: normal;
    letter-spacing: 0;
}

.mob-login-container .formhtml-header h3 {
    font-size: 25px;
}

.mob-login-container .formhtml-header h5 {
    font-size: 18px;
    color: #DBEFF3;
    opacity: 1;
}

.mob-login-container .formblock-class input[type="text"], .mob-login-container .formblock-class input[type="password"], .mob-login-container .control-body.read_only {
    background-color: #fff;
    border-radius: 3px;
    color: #052C3B;
}

.mob-login-container .formbutton.save {
    padding: 9px 0 0 0;
}

.mob-login-container .login-footer a {
    font-size: 17px;
    color: #DBEFF3;
}

.mob-login-container .wt-button.save {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 56px;
}

.mob-login-container .login-footer {
    margin-top: -5px;
    margin-bottom: 24px;
}

.mob-footer {
    display: none;
}

.mob-login-container .mob-footer {
    display: block;
    color: #F29174;
    font-size: 23px;
    text-align: center;
    padding-bottom: 30px;
}

.mob-login-container .mob-footer a {
    border-bottom: 1px solid #F29174;
}

.form-container.light-container.deelnameformulier {
    max-width: 1130px;
}

.form-container.light-container.deelnameformulier .group-head-inner {
    color: #052C3B;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 15px;
}

.light-container.deelnameformulier .formblock-class div.control {
    margin-right: 0;
}

.deelnameformulier-footer {
    margin: 0 30px;
}

.deelnameformulier-footer .title {
    color: #052C3B;
    font-family: "Maven Pro", sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 2px;
}

.deelnameformulier-footer .list {
    color: #052C3B;
    font-size: 21px;
    margin-top: 10px;
}

.deelnameformulier-footer .small-text {
    color: #052C3B;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 14px;
}

.form-container.light-container.deelnameformulier .wt-button.save {
    margin-bottom: 40px;
}

.deelnameformulier-title {
    color: #052C3B;
    font-weight: 600;
    font-size: 36px;
    margin: 0 30px 10px 30px;
}

.mtd-date-title {
    color: #052C3B;
    font-style: italic;
    font-size: 14px;
    margin: 0 30px 0 30px;
}

.control-body input[type=checkbox].m-checkbox{
    margin-top: 4px;
    margin-right: 6px;
}