@font-face {
    font-family: Dinpro;
    src: url("/styles/default/fonts/dinpro-black-webfont.woff") format("woff"), url("/styles/default/fonts/dinpro-black-webfont.ttf") format("truetype");
}

html, body {
    font-family: Arial, Helvetica, sans-serifbody, Dinpro, sans-serif;
    font-size: 13px;
}

a {
    cursor: pointer;
}

.ab_center > img.logo_nl {
    display: none;
}

.ab_center .logo_custom {
    padding-bottom: 40px;
    background-image: url('mijn-huis.png');
    background-color: transparent;
    height: 200px;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.ab_center {
    background-color: transparent;
}

.panel-login {
    color: rgba(0, 109, 182, 1);
}

    .panel-login > .panel-heading {
        background-color: transparent;
        height: 80px;
    }

    .panel-login > .panel-body {
        background-color: rgba(0, 109, 182, 0.1);
        padding-top: 30px;
        padding-left: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }

    .panel-login > .panel-heading {
        background-color: transparent;
        height: 80px;
        display: none;
    }

        .panel-login > .panel-heading > .panel-title {
            display: none;
        }

    .panel-login > .panel-footer {
        background-color: #fff;
        text-align: right;
        height: 100px;
    }

        .panel-login > .panel-footer > img.logo_nl {
            height: 50px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

.label-username, .label-password {
    text-transform: uppercase;
    line-height: 32px;
    margin-left: 16px;
}

input.form-control {
    border-radius: 45px;
    background-color: #fff !important;
    line-height: 32px;
}

#btn-login {
    border-radius: 45px;
    background-color: rgba(0, 109, 182, 1);
    padding-left: 80px;
    padding-right: 80px;
}

.input-group-addon {
    border-radius: 45px;
    color: #fff;
    background-color: rgba(0, 66,94, 1);
}

img.brand {
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* plot/home */

.panel > .panel-heading {
    color: #fff !important;
    background-color: rgba(0, 109, 182, 1);
}

.panel-body, .panel-footer {
    background-color: rgba(0, 109, 182, 0.1);
}

.panel-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
    border-top: none;
    text-align: center;
}

    .panel-footer > a {
        border-radius: 45px;
        background-color: rgba(0, 109, 182, 1);
        padding-left: 80px;
        padding-right: 80px;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.panel-header > img {
    width: 100%;
    height: 140px;
    display: none;
}

.panel-header {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.panel-options .panel-header {
    background-image: url('img/options.jpg');
    background-position: right -280px top 0;
}

.panel-calendar .panel-header {
    background-image: url('img/calendar.jpg');
    background-position: right -150px top 0;
}

.panel-archive .panel-header {
    background-image: url('img/dossier.jpg');
}

footer {
    background-color: rgba(0, 109, 182, 1);
}



.brand-container {
    position: relative;
    background-image: url('footer-brand-bg.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
    height: 450px;
}

    .brand-container img {
        position: absolute;
        right: 0px;
        top: 50px;
    }

#footer-border-container {
    display: none;
}

footer p, footer a, footer h3 {
    color: #fff !important;
}

footer * {
    color: #fff !important;
}

.message p {
    border-radius: 4px;
    padding: 12px 14px;
    margin: 0 36px 0 0;
    background: rgba(0, 109, 182, 0.2) !important;
}

.message.user p {
    margin: 0 0 0 36px;
    background: rgba(0, 109, 182, 0.6) !important;
    color: #fff;
}

    .message.user p > .message-editor {
        color: #e0e0e0;
    }

.well, .project-aside-left {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: rgba(0, 109, 182, 0.1) !important;
    border: none;
}

    .well > h4,
    .well > ul > li > a {
        color: rgba(0, 109, 182, 1) !important;
        line-height: 24px;
    }

    .well + .options-total {
        background: rgba(249, 236, 90, 1) !important;
    }

        .well + .options-total > .currency {
            color: rgba(0, 109, 182, 1) !important;
        }

.header .page-top {
    background-position: center !important;
}

.header .page-top-detail {
    max-width: 1240px;
    margin: auto auto;
    margin-top: -70px;
    opacity: 0.9;
    background: rgba(0, 109, 182, 1) !important;
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    color: #fff;
}

.plot-options-header {
    background: rgba(0, 109, 182, 1) !important;
    color: #fff;
    text-transform: capitalize;
    line-height: 32px;
    padding-left: 32px;
    font-weight: bold;
}

.plot-option-row > td {
    background: rgba(0, 109, 182, 0.1) !important;
    color: rgba(0, 109, 182, 1) !important;
}

.option-closingdate-passed > td {
    color: #f00 !important;
}

.btn {
    color: rgba(0, 109, 182, 1) !important;
    border-color: rgba(0, 109, 182, 1) !important;
}

.btn-primary {
    background-color: rgba(0, 109, 182, 1) !important;
    color: #fff !important;
}

.dropzone, .dz-message, .dz-message > span {
    background-color: rgba(0, 109, 182, 0.1) !important;
    margin: 0;
    color: rgba(0, 109, 182, 1) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: rgba(0, 109, 182, 1) !important;
}

div.archives > div {
    background-color: rgba(0, 109, 182, 0.05) !important;
}


.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    background-color: rgba(0, 109, 182, 1) !important;
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: rgba(0, 109, 182, 1) !important;
    background-color: #fff;
}

.home .page-top-detail {
    display: block;
}

#footer-brand {
    display: none;
}