:root {
    --doclend-main: 64, 71, 205;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 64, 71, 205;
    --doclend-login-link-button-color: 64, 71, 205;
    --doclend-login-link-button-after-color: 64, 71, 205;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 64, 71, 205;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 64, 71, 205;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 64, 71, 205;
    /*color: red;*/ /* #bed000;*/
}
.theme-jeugdSterk {
    --doclend-main: 80, 67, 56;
    --doclend-second: 51, 65, 85;
    
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 51, 65, 85;
    --doclend-login-link-button-color: 80, 67, 56;
    --doclend-login-link-button-after-color: 51, 65, 85;
    --doclend-login-link-button-text: 80, 67, 56;
    --doclend-login-input-color: 51, 65, 85;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 51, 65, 85;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 80, 67, 56;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/jeugsterk.jpg') no-repeat center center;
        background-size: contain;
    }
}

.theme-wilker {
    --doclend-main: 0, 21, 101;
    /*--doclend-main: 15, 30, 52;*/
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 0, 21, 101;
    --doclend-login-link-button-color: 0, 21, 101;
    --doclend-login-link-button-after-color: 0, 21, 101;
    --doclend-login-link-button-text: 0, 21, 101;
    --doclend-login-input-color: 0, 21, 101;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 0, 21, 101;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 0, 21, 101;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/wilker.png') no-repeat center center;
        background-size: contain;
    }
}

.theme-bbngroep {
    --doclend-main: 54, 53, 55;
    /*--doclend-main: 15, 30, 52;*/
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 176, 171, 167;
    --doclend-login-link-button-color: 54, 53, 55;
    --doclend-login-link-button-after-color: 176, 171, 167;
    --doclend-login-link-button-text: 54, 53, 55;
    --doclend-login-input-color: 176, 171, 167;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 176, 171, 167;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 54, 53, 55;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/BBN.png') no-repeat center center;
        background-size: contain;
    }
}

.theme-bbncorporate {
    --doclend-main: 0,81,149;
    /*--doclend-main: 15, 30, 52;*/
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 0,81,149;
    --doclend-login-link-button-color: 0,81,149;
    --doclend-login-link-button-after-color: 0,81,149;
    --doclend-login-link-button-text: 0,81,149;
    --doclend-login-input-color: 0,81,149;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 0,81,149;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 0,81,149;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/bbncorporate.png') no-repeat center center;
        background-size: contain;
    }
}

.theme-bbnBusinessImprovement {
    --doclend-main: 255, 89, 6;
    /*--doclend-main: 15, 30, 52;*/
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 255, 89, 6;
    --doclend-login-link-button-color: 255, 89, 6;
    --doclend-login-link-button-after-color: 255, 89, 6;
    --doclend-login-link-button-text: 255, 89, 6;
    --doclend-login-input-color: 255, 89, 6;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 255, 89, 6;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 255, 89, 6;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/BBNBusinessImprovement.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-nva {
    --doclend-main: 236,102,8;
    /*--doclend-main: 15, 30, 52;*/
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 56, 33, 51;
    --doclend-login-link-button-color: 56, 33, 51;
    --doclend-login-link-button-after-color: 236,102,8;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 236,102,8;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 236,102,8;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/nvalogo.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-finwoo {
    --doclend-main: 15, 30, 52;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 60, 60, 60;
    --doclend-login-link-button-color: 60, 60, 60;
    --doclend-login-link-button-after-color: 15, 30, 52;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 15, 30, 52;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 15, 30, 52;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/finwoo.png') no-repeat center center;
        background-size: contain;
    }
}

.theme-winstadvies {
    --doclend-main: 76, 194, 241;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 47, 164, 217;
    --doclend-login-link-button-color: 47, 164, 217;
    --doclend-login-link-button-after-color: 76, 194, 241;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 76, 194, 2412;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 76, 194, 241;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 47, 164, 217;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/winstadviesgroep.svg') no-repeat center center;
        background-size: contain;
    }
}

.theme-rademaker {
    --doclend-main: 37,89,164;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 60, 60, 60;
    --doclend-login-link-button-color: 60, 60, 60;
    --doclend-login-link-button-after-color: 37,89,164;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 37,89,164;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 37,89,164;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Rademaker_logo.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-fridayCo {
    --doclend-main: 234,0,0;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 60, 60, 60;
    --doclend-login-link-button-color: 60, 60, 60;
    --doclend-login-link-button-after-color: 234,0,0;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 234,0,0;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 234,0,0;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Friday-and-Co-logo.png') no-repeat center center;
        background-size: contain;
    }
}    

.theme-thuisinlimburg {
    --doclend-main: 155,169,4;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 60, 60, 60;
    --doclend-login-link-button-color: 60, 60, 60;
    --doclend-login-link-button-after-color: 155,169,4;
    --doclend-login-link-button-text: 103,103,103;
    --doclend-login-input-color: 155,169,4;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 155,169,4;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/thuis-in-limburg-logo.svg') no-repeat center center;
        background-size: contain;
    }
}


.theme-heijmans {
    --doclend-main: 134,181,62;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 60, 60, 60;
    --doclend-login-link-button-color: 60, 60, 60;
    --doclend-login-link-button-after-color: 134,181,62;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 134,181,62;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 134,181,62;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 60,60,60;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Heijmans-Accountancy-logo.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-kuima {
    --doclend-main: 207,3,59 --doclend-background: 255, 255, 255;
    --doclend-h3-color: 0, 0, 0;
    --doclend-login-link-button-color: 51, 51, 51;
    --doclend-login-link-button-after-color: 207,3,59;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 207,3,59;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 207,3,59;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 51,51,51;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/kuima.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-3cws {
    --doclend-main: 190, 208, 0;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 0, 0, 0;
    --doclend-login-link-button-color: 0, 0, 0;
    --doclend-login-link-button-after-color: 190, 208, 0;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 190, 208, 0;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 190, 208, 0;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 0,0,0;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/3c_logo.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-blaakbelastingadvies {
    --doclend-main: 231,120,6;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 17,65,91;
    --doclend-login-link-button-color: 231,120,6;
    --doclend-login-link-button-after-color: 231,120,6;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 231,120,6;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 231,120,6;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 231,120,6;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Blaak-Logo-Belastingadvies-Klein-Transparant.png') no-repeat center center;
        background-size: contain;
    }
}


.theme-dezorgboekhouder {
    --doclend-main: 8, 3, 57;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 58, 76, 12;
    --doclend-login-link-button-color: 58, 76, 12;
    --doclend-login-link-button-after-color: 8, 3, 57;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 8, 3, 57;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 8, 3, 57;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 8, 3, 57;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/dezorgboekhouder_logo.svg') no-repeat center center;
        background-size: contain;
    }
}


.theme-gosens {
    --doclend-main: 0, 157, 223;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 88, 88, 90;
    --doclend-login-link-button-color: 0, 157, 223;
    --doclend-login-link-button-after-color: 0, 157, 223;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 0, 157, 223;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 0, 157, 223;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 0, 157, 223;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/gosen.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-gsk {
    --doclend-main: 1, 66, 96;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 58, 76, 12;
    --doclend-login-link-button-color: 1, 66, 96;
    --doclend-login-link-button-after-color: 1, 66, 96;
    --doclend-login-link-button-text: 41, 164, 255;
    --doclend-login-input-color: 1, 66, 96;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 1, 66, 96;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 1, 66, 96;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/GSK_pos_22.png') no-repeat center center;
        background-size: contain;
    }
}



.theme-kruger {
    --doclend-main: 17, 65, 91;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 17, 65, 91;
    --doclend-login-link-button-color: 17, 65, 91;
    --doclend-login-link-button-after-color: 17, 65, 91;
    --doclend-login-link-button-text: 17, 65, 91;
    --doclend-login-input-color: 17, 65, 91;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 17, 65, 91;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 17, 65, 91;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/kruger_logo.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-maltha {
    --doclend-main: 79, 175, 225;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 79, 175, 225;
    --doclend-login-link-button-color: 79, 175, 225;
    --doclend-login-link-button-after-color: 79, 175, 225;
    --doclend-login-link-button-text: 79, 175, 225;
    --doclend-login-input-color: 79, 175, 225;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 79, 175, 225;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 79, 175, 225;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Maltha.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-tnd {
    --doclend-main: 10, 23, 73;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 10, 23, 73;
    --doclend-login-link-button-color: 10, 23, 73;
    --doclend-login-link-button-after-color: 10, 23, 73;
    --doclend-login-link-button-text: 10, 23, 73;
    --doclend-login-input-color: 10, 23, 73;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 10, 23, 73;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 10, 23, 73;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/tnd-logo.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-oab {
    --doclend-main: 112, 178, 207;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 252, 138, 88;
    --doclend-login-link-button-color: 252, 138, 88;
    --doclend-login-link-button-after-color: 252, 138, 88;
    --doclend-login-link-button-text: 112, 178, 207;
    --doclend-login-input-color: 112, 178, 207;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 112, 178, 207;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 252, 138, 88;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/oab.svg') no-repeat center center;
        background-size: contain;
    }
}

.theme-rms {
    --doclend-main: 2, 73, 126;
    --doclend-background: 255, 255, 255;
    --doclend-h3-color: 2, 73, 126;
    --doclend-login-link-button-color: 2, 73, 126;
    --doclend-login-link-button-after-color: 2, 73, 126;
    --doclend-login-link-button-text: 2, 73, 126;
    --doclend-login-input-color: 2, 73, 126;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 2, 73, 126;
    --doclend-login-button-text: 255, 255, 255;
    --doclend-register-checkbox-label: 2, 73, 126;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/rms-1.svg') no-repeat center center;
        background-size: contain;
    }
}



.theme-vonk {
    --doclend-main: 64, 71, 205;
    --doclend-background: 0,147,255;
    --doclend-h3-color: 255, 255, 255;
    --doclend-login-link-button-color: 255, 255, 255;
    --doclend-login-link-button-after-color: 255, 255, 255;
    --doclend-login-link-button-text: 255, 255, 255;
    --doclend-login-input-color: 64, 71, 205;
    --doclend-login-input-text: 255, 255, 255;
    --doclend-login-button-color: 255, 255, 255;
    --doclend-login-button-text: 64, 71, 205;
    --doclend-register-checkbox-label: 64, 71, 205;

    .login-header .logo-right {
        background: url('/newFrontEnd/content/imgs/branding/Sin-Logo.svg') no-repeat center center;
        background-size: contain;
    }
}
  




body {
    background-color: #fff;
}

.theme-default body {
    background-color: RGB(var(--doclend-background));
}

.form-body {
    background-color: #fff;
}

.theme-default .form-body {
    background-color: #fff;
}

.website-logo {
    display: none;
    top: 50px;
    left: 50px;
    right: initial;
    bottom: initial;
}

    .website-logo img {
        width: 100px;
    }

    .website-logo .logo {
        background-image: url("../images/logo-light.svg");
    }

        .website-logo .logo img {
            width: 100px;
        }

.website-logo-inside img {
    width: 100px;
}

.website-logo-inside .logo {
    background-image: url("../images/logo-light.svg");
}

    .website-logo-inside .logo img {
        width: 100px;
    }

.img-holder {
    width: 0;
    background-color: #5CBAFF;
}

    .img-holder .info-holder h3 {
        color: #fff;
        text-align: left;
    }

        .img-holder .info-holder h3 span {
            color: #fff;
        }

    .img-holder .info-holder h2 {
        color: #fff;
        text-align: left;
    }

        .img-holder .info-holder h2 span {
            color: #fff;
        }

    .img-holder .info-holder p {
        color: #fff;
        text-align: left;
    }

    .img-holder .bg {
        opacity: 0.23;
        background-image: none;
    }

.form-holder {
    margin-left: 0;
}

    .form-holder .form-content ::-webkit-input-placeholder {
        color: #fff !important;
    }

    .form-holder .form-content :-moz-placeholder {
        color: #fff !important;
    }

    .form-holder .form-content ::-moz-placeholder {
        color: #fff !important;
    }

    .form-holder .form-content :-ms-input-placeholder {
        color: #fff !important;
    }

.form-content {
    background-color: RGB(var(--doclend-background));
}

.theme-default .form-content {
    background-color: RGB(var(--doclend-background));
}

.form-content .form-group {
    color: #fff;
}

.form-content .form-items {
    max-width: 400px;
    text-align: left;
}

.form-content .form-icon {
    margin-top: calc(-42px - 35px);
}

    .form-content .form-icon .icon-holder {
        background-color: #4A77F7;
    }

.form-content h3 {
    color: RGB(var(--doclend-h3-color));
    text-align: center;
}

.form-content p {
    color: RGB(var(--doclend-login-link-button-after-color));
    text-align: center;
}

.form-content label {
    color: RGB(var(--doclend-login-link-button-color));
    text-align: center;
}

.form-content .page-links a {
    color: RGB(var(--doclend-login-link-button-color));
}

    .form-content .page-links a:after {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .form-content .page-links a.active:after {
        background-color: RGB(var(--doclend-login-link-button-after-color));
    }

    .form-content .page-links a:hover:after, .form-content .page-links a:focus:after {
        background-color: RGB(var(--doclend-login-link-button-after-color));
    }

.form-content input, .form-content .dropdown-toggle.btn-default {
    border: 0;
    background-color: RGB(var(--doclend-login-input-color));
    color: RGB(var(--doclend-login-input-text));
}

    .form-content input:hover, .form-content input:focus, .form-content .dropdown-toggle.btn-default:hover, .form-content .dropdown-toggle.btn-default:focus {
        border: 0;
        background-color: RGBA(var(--doclend-login-input-color), 0.7);
        color: RGB(var(--doclend-login-input-text));
    }



.form-content textarea {
    border: 0;
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

    .form-content textarea:hover, .form-content textarea:focus {
        border: 0;
        background-color: #fff;
        color: #8D8D8D;
    }

.form-content .custom-file-label {
    border: 0;
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

    .form-content .custom-file-label:after {
        color: RGB(var(--doclend-background));
    }

.form-content .custom-file:hover .custom-file-label, .form-content .custom-file:focus .custom-file-label {
    border: 0;
    background-color: #fff;
    color: #8D8D8D;
}

.form-content input[type=checkbox]:not(:checked) + label, .form-content input[type=checkbox]:checked + label, .form-content input[type=radio]:not(:checked) + label, .form-content input[type=radio]:checked + label {
    color: RGB(var(--doclend-register-checkbox-label));
    font-weight: 700;
}

.form-content input[type=checkbox]:checked + label, .form-content input[type=radio]:checked + label {
    color: RGB(var(--doclend-login-link-button-color));
}

    .form-content input[type=checkbox]:checked + label:before, .form-content input[type=radio]:checked + label:before {
        background: RGB(var(--doclend-login-link-button-color));
        border: 0px solid RGB(var(--doclend-login-link-button-color));
    }

.form-content input[type=checkbox]:not(:checked) + label:before, .form-content input[type=radio]:not(:checked) + label:before {
    background: transparent;
    border: 2px solid RGB(var(--doclend-login-link-button-color));
}

.form-content input[type=checkbox]:not(:checked) + label:after, .form-content input[type=checkbox]:checked + label:after {
    color: RGB(var(--doclend-background));
}

.form-content input[type=radio]:not(:checked) + label:after, .form-content input[type=radio]:checked + label:after {
    background-color: RGB(var(--doclend-background));
}

.form-content .custom-options input[type=checkbox]:not(:checked) + label, .form-content .custom-options input[type=checkbox]:checked + label, .form-content .custom-options input[type=radio]:not(:checked) + label, .form-content .custom-options input[type=radio]:checked + label {
    color: #606060;
    background-color: #F7F7F7;
}

.form-content .custom-options input[type=checkbox]:checked + label, .form-content .custom-options input[type=radio]:checked + label {
    color: #fff;
    background-color: #57D38C;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
}

.form-content .form-button .ibtn {
    background-color: RGB(var(--doclend-login-button-color));
    color: RGB(var(--doclend-login-button-text));
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

    .form-content .form-button .ibtn:hover, .form-content .form-button .ibtn:focus {
        background-color: RGBA(var(--doclend-login-button-color), 0.7);
        color: RGB(var(--doclend-login-button-text));
        -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
    }

.login-disable {
    opacity: .6;
    pointer-events: none;
    -webkit-transition: opacity .26s ease-in-out;
    -ms-transition: opacity .26s ease-in-out;
    transition: opacity .26s ease-in-out;
}

.form-content .form-button a {
    color: RGB(var(--doclend-login-link-button-color));
}

.form-content .other-links span {
    color: RGB(var(--doclend-login-link-button-color));
}

.form-content .other-links a {
    color: RGB(var(--doclend-login-link-button-color));
}

.form-content .form-sent .tick-holder .tick-icon {
    background-color: rgba(255, 255, 255, 0);
}

    .form-content .form-sent .tick-holder .tick-icon:before {
        background-color: #fff;
    }

    .form-content .form-sent .tick-holder .tick-icon:after {
        background-color: #fff;
    }

.form-content .form-sent h3 {
    color: #fff;
}

.form-content .form-sent p {
    color: #fff;
}

.form-content .form-sent .info-holder {
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

    .form-content .form-sent .info-holder span {
        color: #fff;
    }

    .form-content .form-sent .info-holder a {
        color: #fff;
    }

@keyframes tick-anime3 {
    0% {
        background-color: rgba(255, 255, 255, 0);
        -webkit-transform: rotate(35deg) scale(2);
        -moz-transform: rotate(35deg) scale(2);
        -ms-transform: rotate(35deg) scale(2);
        transform: rotate(35deg) scale(2);
    }

    100% {
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-transform: rotate(45deg) scale(1);
        -moz-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }
}

.alert {
    color: #fff;
}

    .alert.alert-primary {
        background-color: rgba(226, 240, 255, 0.1);
        border-color: #fff;
    }

        .alert.alert-primary hr {
            border-top-color: #fff;
        }

    .alert.alert-secondary {
        background-color: rgba(240, 240, 240, 0.1);
        border-color: #fff;
    }

        .alert.alert-secondary hr {
            border-top-color: #fff;
        }

    .alert.alert-success {
        background-color: rgba(247, 255, 240, 0.1);
        border-color: #fff;
    }

        .alert.alert-success hr {
            border-top-color: #fff;
        }

    .alert.alert-danger {
        background-color: rgba(255, 250, 250, 0.1);
        border-color: #fff;
    }

        .alert.alert-danger hr {
            border-top-color: #fff;
        }

    .alert.alert-warning {
        background-color: rgba(255, 248, 225, 0.1);
        border-color: #fff;
    }

        .alert.alert-warning hr {
            border-top-color: #fff;
        }

    .alert.alert-info {
        background-color: rgba(220, 237, 241, 0.1);
        border-color: #fff;
    }

        .alert.alert-info hr {
            border-top-color: #fff;
        }

    .alert.alert-light {
        background-color: rgba(254, 254, 254, 0.1);
        border-color: #fff;
    }

        .alert.alert-light hr {
            border-top-color: #fff;
        }

    .alert.alert-dark {
        background-color: rgba(214, 216, 217, 0.1);
        border-color: #fff;
    }

        .alert.alert-dark hr {
            border-top-color: #fff;
        }

    .alert.with-icon.alert-primary:before {
        color: #fff;
    }

    .alert.with-icon.alert-secondary:before {
        color: #fff;
    }

    .alert.with-icon.alert-success:before {
        color: #fff;
    }

    .alert.with-icon.alert-danger:before {
        color: #fff;
    }

    .alert.with-icon.alert-warning:before {
        color: #fff;
    }

    .alert.with-icon.alert-info:before {
        color: #fff;
    }

    .alert.with-icon.alert-light:before {
        color: #fff;
    }

    .alert.with-icon.alert-dark:before {
        color: #fff;
    }

    .alert a, .alert a.alert-link {
        color: #fff;
    }

    .alert .close {
        color: #fff;
    }

        .alert .close span {
            color: #fff;
        }

.form-subtitle {
    color: RGB(var(--doclend-h3-color));
}

.rad-with-details .more-info {
    color: RGB(var(--doclend-h3-color));
}

.form-body.without-side h3 {
    color: #000;
}

.form-body.without-side p {
    color: #000;
}

.form-body.without-side label {
    color: #000;
}

.form-body.without-side .img-holder .info-holder img {
    display: inline-block;
}

.form-body.without-side .form-content .form-items {
    padding: 35px 30px;
    background-color: #fff;
}

    .form-body.without-side .form-content .form-items .other-links .text {
        color: #000;
    }

    .form-body.without-side .form-content .form-items .other-links a {
        color: #000;
        background-color: #F7F7F7;
    }

.form-body.without-side .form-content .page-links a {
    color: #000;
}

    .form-body.without-side .form-content .page-links a:after {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .form-body.without-side .form-content .page-links a.active:after {
        background-color: RGB(var(--doclend-login-link-button-color));
        ;
    }

    .form-body.without-side .form-content .page-links a:hover:after, .form-body.without-side .form-content .page-links a:focus:after {
        background-color: RGB(var(--doclend-login-link-button-color));
    }

.form-body.without-side .form-content input, .form-body.without-side .form-content .dropdown-toggle.btn-default {
    border: 0;
    background-color: rgba(255, 255, 255, 0.15);
    color: RGB(var(--doclend-login-link-button-color));
}

    .form-body.without-side .form-content input:hover, .form-body.without-side .form-content input:focus, .form-body.without-side .form-content .dropdown-toggle.btn-default:hover, .form-body.without-side .form-content .dropdown-toggle.btn-default:focus {
        border: 0;
        background-color: rgba(255, 255, 255, 0.15);
        color: #8D8D8D;
    }

.form-body.without-side .form-content .form-button .ibtn {
    background-color: RGB(var(--doclend-login-link-button-color));
    color: RGB(var(--doclend-login-link-button-text));
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

    .form-body.without-side .form-content .form-button .ibtn:hover, .form-body.without-side .form-content .form-button .ibtn:focus {
        -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
    }

.form-body.without-side .form-content .form-button a {
    color: #fff;
}

#tick-mark::before {
    background-color: #fff;
}

#tick-mark::after {
    background-color: #fff;
}

/* -----------------------------------
    2 - Responsive Styles
------------------------------------*/
@media (max-width: 992px) {
    .form-holder {
        margin-left: 0;
    }

    .website-logo {
        top: 50px;
        left: 50px;
        right: initial;
        bottom: initial;
    }

        .website-logo .logo {
            background-image: url("../images/logo-light.svg");
        }

    .form-body.without-side .website-logo .logo {
        background-image: url("../images/logo-light.svg");
    }
}