h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 2.8rem !important;
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.4rem !important;
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem !important;
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h5 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: .7rem !important;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: .07rem;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h6 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.2rem !important;
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

p {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1.5;
    line-height: 1.8;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: #76B9AF
}

ul li {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

ol li {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

blockquote {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: 2.5rem;
    color: #2d2d2d
}

a {
    text-decoration: underline;
    color: inherit
}

.fr_text_bright_center {
    font-family: Roboto;
    font-weight: 200;
    font-size: 4rem;
    text-align: center;
    color: white
}

    .fr_text_bright_center.fr-text p {
        text-decoration: none;
        color: #76B9AF
    }

    .fr_text_bright_center.fr-text h1 {
        text-align: center;
        color: white
    }

    .fr_text_bright_center.fr-text h2 {
        font-weight: 100;
        text-align: center;
        color: #76B9AF
    }

    .fr_text_bright_center.fr-text h3 {
        color: white
    }

    .fr_text_bright_center.fr-text h4 {
        color: white
    }

    .fr_text_bright_center.fr-text h5 {
        color: white
    }

    .fr_text_bright_center.fr-text h6 {
        color: white
    }

    .fr_text_bright_center.fr-text blockquote {
        font-style: italic;
        text-align: left;
        color: white
    }

.fr_align_right.fr-text p {
    text-align: right
}

.fr_container {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-height: 100vh;
    max-height: 100vh
}

.fr_grid {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-height: 100vh;
    max-height: 100vh
}

    .fr_grid.fr-grid > .fr-widget {
        float: left
    }

        .fr_grid.fr-grid > .fr-widget:nth-child(2n+1) {
            margin-top: 0rem;
            margin-right: 0;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 35%;
            clear: left;
            max-width: inherit
        }

        .fr_grid.fr-grid > .fr-widget:nth-child(2n+2) {
            margin-top: 0rem;
            margin-right: 0;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 65%;
            clear: none;
            max-width: inherit
        }

.fr_container_rechts {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    position: relative;
    min-height: 100vh;
    max-height: 100vh
}

.fr_container_login_inner {
    float: none;
    display: block;
    top: 50%;
    left: 0;
    width: 65%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fr_inloggen_tekst {
    float: none;
    display: block;
    width: 90%;
    margin-top: 0rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 450px
}

.fr_container_mail {
    float: none;
    display: block;
    width: 90%;
    margin-top: 3rem !important;
    margin-right: auto;
    margin-left: auto;
    min-height: 3rem;
    max-width: 450px;
    border-radius: 0
}

.fr_container_pass {
    float: none;
    display: block;
    width: 90%;
    margin-top: 0.5rem !important;
    margin-right: auto;
    margin-left: auto;
    min-height: 3rem;
    max-width: 450px
}

.fr_container_remember {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    min-height: 3rem;
    max-width: 450px;
    padding-left: 5px;
}

.fr_container_submit {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    min-height: 3rem;
    max-width: 450px
}

.fr_container_opties {
    float: none;
    display: block;
    width: 90%;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    min-height: 2rem;
    max-width: 450px
}

.fr_opties_grid {
    float: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-height: 1.87em;
    max-width: 1000px
}

    .fr_opties_grid.fr-grid > .fr-widget {
        float: left
    }

        .fr_opties_grid.fr-grid > .fr-widget:nth-child(2n+1) {
            margin-top: 0rem;
            margin-right: 5%;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 47.5%;
            clear: left;
            max-width: inherit
        }

        .fr_opties_grid.fr-grid > .fr-widget:nth-child(2n+2) {
            margin-top: 0rem;
            margin-right: 0;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 47.5%;
            clear: none;
            max-width: inherit
        }

.fr_vergeten_tekst {
    float: none;
    display: block;
    width: 100%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px
}

.fr_aanvragen_tekst {
    float: none;
    display: block;
    width: 100%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px
}

.fr_container_links {
    float: none;
    display: block;
    height: 100vh;
    background-color: #76B9AF;
    position: relative
}

.fr_container_logo_compleet {
    float: none;
    display: block;
    top: 50%;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.fr_brandmannen_ats_logo {
    float: none;
    display: block;
    top: 50%;
    left: 0;
    width: 90%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    right: 0;
    max-width: 360px;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%)
}

    .fr_brandmannen_ats_logo .fr-svg-inner {
        padding-bottom: 0%;
        position: relative
    }

@media screen and (max-width:1366px) {
    .fr_container_mail {
        margin-top: 5rem
    }

    .fr_brandmannen_ats_logo {
        max-width: 300px
    }
}

@media screen and (max-width:768px) {
    .fr_text_bright_center.fr-text h2 {
        font-size: 1.75rem
    }

    .fr_container_login_inner {
        width: 100%
    }

    .fr_inloggen_tekst {
        margin-top: 1rem
    }

    .fr_container_mail {
        margin-top: 2rem !important
    }

    .fr_brandmannen_ats_logo {
        width: 80%
    }
}

@media screen and (max-width:480px) {
    p {
        text-align: center
    }

    .fr_text_bright_center.fr-text h1 {
        font-size: 2rem
    }

    .fr_text_bright_center.fr-text h2 {
        font-size: 1.5rem
    }

    .fr_align_right.fr-text p {
        text-align: center
    }

    .fr_container {
        position: relative
    }

    .fr_grid {
        display: block;
        position: relative
    }

        .fr_grid.fr-grid > .fr-widget {
            float: left
        }

            .fr_grid.fr-grid > .fr-widget:nth-child(1n+1) {
                margin-top: 0rem;
                margin-right: 0;
                margin-bottom: 0rem;
                margin-left: 0;
                width: 100%;
                clear: left;
                max-width: inherit
            }

    .fr_container_rechts {
        height: 80vh;
        min-height: 80vh;
        max-height: 80vh
    }

    .fr_container_login_inner {
        display: block;
        top: 50%;
        margin-top: 0;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .fr_inloggen_tekst {
        width: 85%;
        margin-top: 0rem
    }

    .fr_container_mail {
        width: 85%;
        margin-top: 1rem
    }

    .fr_container_pass {
        width: 85%
    }

    .fr_container_remember {
        width: 85%
    }

    .fr_container_submit {
        width: 85%
    }

    .fr_container_opties {
        width: 85%;
        margin-top: 1rem
    }

    .fr_opties_grid {
        float: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-width: 450px
    }

        .fr_opties_grid.fr-grid > .fr-widget {
            float: left
        }

            .fr_opties_grid.fr-grid > .fr-widget:nth-child(1n+1) {
                margin-top: 0rem;
                margin-right: 0;
                margin-bottom: 0rem;
                margin-left: 0;
                width: 100%;
                clear: left;
                max-width: inherit
            }

    .fr_container_links {
        height: 20vh;
        position: relative;
        min-height: 20vh
    }

    .fr_container_logo_compleet {
        display: block;
        top: 50%;
        width: 100%;
        height: 20vh;
        margin-top: 0;
        position: absolute;
        min-height: 20vh;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .fr_brandmannen_ats_logo {
        display: block;
        margin-top: 0.5rem;
        max-width: 120px;
    }
}

@media screen and (max-width:320px) {
    p {
        text-align: center
    }

    .fr_align_right.fr-text p {
        text-align: center
    }

    .fr_container_rechts {
        height: 80vh;
        min-height: 80vh
    }

    .fr_container_login_inner {
        display: block;
        top: 50%;
        margin-top: 0;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .fr_opties_grid {
        width: 100%
    }

        .fr_opties_grid.fr-grid > .fr-widget {
            float: left
        }

            .fr_opties_grid.fr-grid > .fr-widget:nth-child(1n+1) {
                margin-top: .25rem;
                margin-right: 0;
                margin-bottom: .25rem;
                margin-left: 0;
                width: 100%;
                clear: left;
                max-width: inherit
            }

    .fr_vergeten_tekst {
        margin-top: 0rem
    }

    .fr_container_links {
        height: 20vh;
        min-height: 20vh
    }

    .fr_container_logo_compleet {
        height: 20vh;
        min-height: 20vh
    }

    .fr_brandmannen_ats_logo {
        float: none;
        display: block;
        top: 50%;
        left: 0;
        width: 25%;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

label.labeltekst {
    line-height: 1.5 !important;
}

[type="checkbox"] + label {
    padding-left: 40px !important;
}

button.btn.waves-effect.waves-light {
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
}

.voorwaarden {
    margin-top: 0rem;
}


#inloggenknop {
    width: 100%;
}

i.material-icons.prefix {
    color: #76B9AF;
    font-size: 30px;
    margin-top: 5px;
}


/* FIXES */
.fr_text_bright_center.fr-text h2 {
    font-weight: 500;
}
.fr_container_mail {
	margin-bottom: 0px!important;
	}
input[type=text], input[type=password] {
	margin-bottom: 0px!important;
}
input[type=text].valid {
	max-height: 2.5em;
}
a.modal-action.modal-close.waves-effect.waves-green.btn-flat {
	text-align: center;
	width: 125px;
}
div#opties_grid p {
	text-align: center;
}
input#Email, input#Password, input#CompanyName, input#Name, input#Jobtitle {
	max-height: 2rem;
    margin-top: 0.25rem;
    font-family: Roboto;
    font-weight: 300;
}
.input-field label:not(.label-icon).active {
    font-weight: 400!important;
    font-family: Montserrat!important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset!important;
    box-shadow: 0 0 0 30px white inset!important;
    -moz-box-shadow: 0 0 0 30px white inset!important;
}
button#inloggenknop {
    font-weight: 500!important;
    font-family: Montserrat!important;
}
label.active {
    color: #76B9AF!important;
}
@media screen and (max-width: 480px) {
	.fr_container_login_inner {
		top: 60%!important;
	}
	a.modal-action.modal-close.waves-effect.waves-green.btn-flat {
		width: 90%;
		float: none;
		margin: auto;
		display: inherit;
	}
	.fr_brandmannen_ats_logo img {
    max-width: 175px;
    margin: auto;
    display: block;
    margin-top: -2em;
	}
	h2 {
		font-size: 1.5rem!important;
	}
}