/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v5/7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v5/7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v5/7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    font-family: "Exo 2", sans-serif;
    font-size: 11pt;
    line-height: 15pt;
}

a {
    cursor: pointer;
    color: rgba(61, 59, 119, 1);
}

.panel-heading > a {
    color: #fff;
    text-decoration: none;
}

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

#plot-project-logo {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    max-height: 80px;
}

.ab_center .logo_custom {
    padding-bottom: 40px;
    background-image: url('logo.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(255, 221, 0, 1);
}

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

    .panel-login > .panel-body {
        background-color: rgba(255, 221, 0, 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(255, 221, 0, 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: #000 !important;
    background-color: rgba(255, 221, 0, 1);
}

.panel-body, .panel-footer {
    background-color: rgba(255, 221, 0, 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(255, 221, 0, 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, 0, 0, 1);
    margin-top: 80px;
}

    footer * {
        color: #fff !important;
    }

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

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


.brand-container {
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
    height: 450px;
}

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

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

    .well > h4,
    .well > ul > li > a {
       
        line-height: 24px;
    }

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

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

.header .page-top {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    margin: auto auto;
    margin-top: 132px;
}

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

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

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

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

.btn {
    /*color: rgba(255, 221, 0, 1) !important;
    border-color: rgba(255, 221, 0, 1) !important;*/
}

.btn-primary {
    background-color: rgba(255, 221, 0, 1) !important;
    color: #000 !important;
}

.dropzone, .dz-message, .dz-message > span {
    background-color: rgba(255, 221, 0, 0.1) !important;
    margin: 0;
    color: rgba(0, 0, 0, 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, 0, 0, 1) !important;
}

div.archives > div {
    background-color: rgba(255, 221, 0, 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(255, 221, 0, 1) !important;
    color: #000 !important;
}

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

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

.well > h4, .well > ul > li > a.btn-primary {
    color: rgba(0, 0, 0, 1) !important;
}

/*.home{
}*/