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

.tenant-test-theme {
    --tenant-accent-rgb: 237, 117, 32;
    --tenant-accent: rgba(var(--tenant-accent-rgb), 0.8);
    --tenant-accent-strong: rgba(238, 113, 46, 1);
    --tenant-accent-soft: rgba(var(--tenant-accent-rgb), 0.1);
}

.tenant-test-theme,
.tenant-test-theme html,
.tenant-test-theme body {
    font-family: sans-serif;
    font-size: 14px;
}

.tenant-test-theme a {
    cursor: pointer;
}

.tenant-test-theme .ab_center > img.logo_nl {
    display: none;
}

.tenant-test-theme .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;
}

.tenant-test-theme .ab_center {
    background-color: transparent;
}

.tenant-test-theme .panel-login {
    color: var(--tenant-accent);
}

.tenant-test-theme .panel-login > .panel-heading,
.tenant-test-theme .panel-login > .card-header {
    background-color: transparent;
    height: 80px;
    display: none;
}

.tenant-test-theme .panel-login > .panel-heading > .panel-title,
.tenant-test-theme .panel-login > .card-header .card-title {
    display: none;
}

.tenant-test-theme .panel-login > .panel-body,
.tenant-test-theme .panel-login > .card-body {
    background-color: var(--tenant-accent-soft);
    padding: 30px;
}

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

.tenant-test-theme .panel-login > .panel-footer > img.logo_nl,
.tenant-test-theme .panel-login > .card-footer > img.logo_nl {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.tenant-test-theme input.form-control {
    line-height: 32px;
}

.tenant-test-theme #btn-login {
    background-color: var(--tenant-accent);
    padding-left: 80px;
    padding-right: 80px;
}

.tenant-test-theme .input-group-addon,
.tenant-test-theme .input-group-text {
    background-color: var(--tenant-accent-strong);
    color: #fff;
}

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

.tenant-test-theme .panel > .panel-heading,
.tenant-test-theme .card > .card-header {
    color: #fff !important;
    background-color: rgba(var(--tenant-accent-rgb), 1);
}

.tenant-test-theme .panel-heading > a,
.tenant-test-theme .card-header > a {
    color: #fff !important;
}

.tenant-test-theme .panel-body,
.tenant-test-theme .panel-footer,
.tenant-test-theme .card-body,
.tenant-test-theme .card-footer {
    background-color: var(--tenant-accent-soft);
}

.tenant-test-theme .panel-footer,
.tenant-test-theme .card-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 60px;
    border-top: none;
    text-align: center;
}

.tenant-test-theme .panel-footer > a,
.tenant-test-theme .card-footer > a {
    background-color: rgba(var(--tenant-accent-rgb), 1);
    padding-left: 80px;
    padding-right: 80px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.tenant-test-theme .panel-archive .panel-header,
.tenant-test-theme .panel-archive .card-header-image {
    background-image: url('img/dossier.jpg');
}

.tenant-test-theme footer {
    background-color: var(--tenant-accent);
}

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

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

.tenant-test-theme #footer-border-container {
    display: none;
}

.tenant-test-theme footer p,
.tenant-test-theme footer a,
.tenant-test-theme footer h3,
.tenant-test-theme footer * {
    color: #fff !important;
}

.tenant-test-theme .message p {
    border-radius: 4px;
    padding: 8px 4px;
    margin: 0 36px 0 0;
}

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

.tenant-test-theme .well,
.tenant-test-theme .project-aside-left,
.tenant-test-theme .bg-body-tertiary.project-aside-left {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: var(--tenant-accent-soft) !important;
    border: none;
}

.tenant-test-theme .well > h4,
.tenant-test-theme .well > ul > li > a {
    color: var(--tenant-accent) !important;
    line-height: 24px;
}

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

.tenant-test-theme .well + .options-total > .currency {
    color: var(--tenant-accent) !important;
}

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

.tenant-test-theme .header .page-top-detail {
    max-width: 1240px;
    margin: auto;
    margin-top: -70px;
    opacity: 0.9;
    background: var(--tenant-accent) !important;
    padding: 20px 30px;
    color: #fff;
}

.tenant-test-theme .projects > .project > .title > *,
.tenant-test-theme .dashboard-default .project-title > * {
    background: var(--tenant-accent) !important;
}

.tenant-test-theme .plot-options-header {
    background: var(--tenant-accent) !important;
    color: #fff;
    text-transform: capitalize;
    line-height: 32px;
    padding-left: 32px;
    font-weight: bold;
}

.tenant-test-theme .plot-option-row > td {
    background: var(--tenant-accent-soft) !important;
    color: var(--tenant-accent) !important;
}

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

.tenant-test-theme .btn {
    color: #fff;
}

.tenant-test-theme .btn[class*="btn-outline-"] {
    color: var(--bs-btn-color);
}

.tenant-test-theme .btn.btn-link {
    color: var(--bs-link-color);
    text-decoration: none;
}

.tenant-test-theme .btn.btn-link:hover {
    color: var(--bs-link-hover-color);
    text-decoration: none;
}

.tenant-test-theme .btn-default,
.tenant-test-theme .btn-light,
.tenant-test-theme .btn-outline-secondary,
.tenant-test-theme .btn.btn-outline-primary {
    color: rgba(var(--tenant-accent-rgb), 1);
    border-color: lightgray;
    background-color: #fff;
}

.tenant-test-theme .btn-default:hover,
.tenant-test-theme .btn-light:hover,
.tenant-test-theme .btn-outline-secondary:hover,
.tenant-test-theme .btn.btn-outline-primary:hover,
.tenant-test-theme .btn.btn-outline-primary:focus,
.tenant-test-theme .btn.btn-outline-primary:active {
    color: #000 !important;
    background-color: var(--tenant-accent-soft);
    border-color: lightgray;
}

.tenant-test-theme .btn-primary {
    background-color: rgba(var(--tenant-accent-rgb), 1) !important;
    border-color: rgba(var(--tenant-accent-rgb), 1) !important;
    color: #fff !important;
}

.tenant-test-theme .bg-primary,
.tenant-test-theme .text-bg-primary {
    background-color: rgba(var(--tenant-accent-rgb), 1) !important;
}

.tenant-test-theme .note-btn-group > .btn {
    color: #000 !important;
    border-color: var(--tenant-accent) !important;
    background-color: rgba(128, 128, 128, 1) !important;
}

.tenant-test-theme .dropzone,
.tenant-test-theme .dz-message,
.tenant-test-theme .dz-message > span {
    background-color: var(--tenant-accent-soft) !important;
    margin: 0;
    color: var(--tenant-accent) !important;
}

.tenant-test-theme .h1,
.tenant-test-theme .h2,
.tenant-test-theme .h3,
.tenant-test-theme .h4,
.tenant-test-theme .h5,
.tenant-test-theme .h6,
.tenant-test-theme h1,
.tenant-test-theme h2,
.tenant-test-theme h3,
.tenant-test-theme h4,
.tenant-test-theme h5,
.tenant-test-theme h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: var(--tenant-accent-strong) !important;
}

.tenant-test-theme div.archives > div {
    background-color: rgba(var(--tenant-accent-rgb), 0.05) !important;
}

.tenant-test-theme .nav-tabs.nav-justified > .active > a,
.tenant-test-theme .nav-tabs.nav-justified > .active > a:focus,
.tenant-test-theme .nav-tabs.nav-justified > .active > a:hover {
    background-color: var(--tenant-accent) !important;
    color: #fff !important;
}

.tenant-test-theme .navbar-inverse .navbar-nav > .active > a,
.tenant-test-theme .navbar-inverse .navbar-nav > .active > a:focus,
.tenant-test-theme .navbar-inverse .navbar-nav > .active > a:hover,
.tenant-test-theme .navbar .nav-link.active {
    color: var(--tenant-accent) !important;
    background-color: #fff;
}

.tenant-test-theme .glyphicon:not(.glyphicon-thumbs-down, .glyphicon-eye-close, .glyphicon-eye-open),
.tenant-test-theme table .fa,
.tenant-test-theme table .fa-solid,
.tenant-test-theme table .fa-regular {
    color: var(--tenant-accent-strong);
}

.tenant-test-theme .dashboard-default table .icon-read {
    color: #1f8d35 !important;
}

.tenant-test-theme .dashboard-default table .icon-unread {
    color: #d11a1a !important;
}

.tenant-test-theme i.fa-check,
.tenant-test-theme i.fa-solid.fa-check {
    color: green;
}

.tenant-test-theme i.fa-times,
.tenant-test-theme i.fa-solid.fa-xmark {
    color: red;
}

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

.tenant-test-theme .message {
    width: 70%;
    background-color: lightgrey !important;
}

.tenant-test-theme .message.chat.prorel,
.tenant-test-theme .message.chat.relation,
.tenant-test-theme .message.chat.prodee,
.tenant-test-theme .message.chat.buyer {
    background-color: lightgreen !important;
}

.tenant-test-theme .message.chat.user {
    background-color: lightgrey !important;
}

.tenant-test-theme .message.address-change {
    background-color: lightskyblue !important;
}

.tenant-test-theme .message.Agenda,
.tenant-test-theme .message.agenda {
    background-color: lightsalmon !important;
}

.tenant-test-theme .message.Sales,
.tenant-test-theme .message.sales {
    background-color: lightpink !important;
}

.tenant-test-theme .message.Sync4ps,
.tenant-test-theme .message.sync4ps {
    background-color: red !important;
    color: #fff !important;
}

.tenant-test-theme .widget-l2 > .panel,
.tenant-test-theme .widget-l2 > .card {
    display: flex;
    flex-direction: column;
    background-color: var(--tenant-accent-soft);
}

.tenant-test-theme .widget-l2 > .panel > img,
.tenant-test-theme .widget-l2 > .card > img {
    width: 100%;
    height: 180px;
    display: block;
    object-fit: cover;
}

.tenant-test-theme .widget-l2 > .panel > h3,
.tenant-test-theme .widget-l2 > .panel > p,
.tenant-test-theme .widget-l2 > .card > h3,
.tenant-test-theme .widget-l2 > .card > p {
    padding-inline: 15px;
}

.tenant-test-theme .widget-l2 > .panel > p,
.tenant-test-theme .widget-l2 > .card > p {
    flex: 1;
}

.tenant-test-theme .widget-l2 > .panel > a.btn,
.tenant-test-theme .widget-l2 > .card > a.btn {
    border-radius: 45px;
    background-color: rgba(var(--tenant-accent-rgb), 1);
    color: #fff;
    margin: 0 auto;
    padding: 10px 80px;
    margin-block-end: 15px;
}

.tenant-test-theme table .option-closingdate-passed.plot-option-row > td {
    background-color: #d1d1d1;
}