@import url("https://use.typekit.net/ktg0bxf.css");

body
{
	margin:0px;
	font-family: proxima-nova, sans-serif;
	line-height: normal;
	color:#000000;
}

.view-filters, .views-form #edit-header, .view-user-admin-people .form-actions
{
	display: none;
}

.main-container
{
	padding-bottom: 100px;
}

.project-container
{
	display: flex;
	flex-wrap: wrap;
}

.project-container .kolom-1
{
	width:20%;
}

.form-inline .form-group
{
	width:100%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background-color: transparent;
	color:#ffffff;
}
.project-container .projectgegevens
{
	background-color:#ecf6ff;
	padding:20px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
}

.project-container .kolom-2, .project-container .kolom-3
{
	width:calc(40% - 60px);
	margin-left:60px;
}

.project-container h2
{
	color:#0069a5;
	font-size:19px;
	font-weight: 800;
	margin:0px;
	padding:0px;
	border-bottom: solid 1px #119dcf;
	margin-bottom: 20px;
	padding-bottom: 5px;
	text-transform: uppercase;
	width:100%;
}

.group-kosten h2
{
	margin-top:30px;
}

.project-container h3
{
	margin:0px;
	padding:0px;
	color:#119dcf;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 14px;

}

.form-group
{
	margin-bottom: 0px;
}

.js-form-wrapper
{
	margin-bottom: 10px !important;
}

.form-control
{
	display: block;
    width: 100%;
    height: 28px;
    padding: 0px;
	padding-left:8px;
	padding-right: 8px;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    background-color: #fff;
    background-image: none;
	border: solid 1px #bad8f0;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    transition: none !important;
    transition: none !important;
}

.has-glyphicons .select-wrapper:after
{
	content:"";
	width:24px;
	height: 24px;
	background-image: url('../images/arrow-chevron-down.svg');
	margin-top:-11px;
}

.form-inline .form-control
{
	display:inline-block;
	width:100%;
}


.field--name-field-verhouding .form-control
{
	border:none;
	width:90%;
	display: inline-block;
}

.field--name-field-bouwkosten-per-m2-bvo .form-inline,
.field--name-field-bouwkosten-per-m2-gbo .form-inline,
.field--name-field-bouwkosten-per-m3-bi .form-inline
{
	border-bottom: solid 1px #bad8f0;
}

.bouwkosten-groep
{
	margin-bottom: 10px;
}

.field--item, .field--name-field-garage-berging .field--items, .field--name-field-kap-verbijzondering .field--items
{
	font-size: 18px;
	border-bottom: solid 1px #bad8f0;
	margin-bottom: 10px;
}

.field--name-field-garage-berging .field--item, .field--name-field-kap-verbijzondering .field--item
{
	border-bottom: none;
	margin-bottom: 3px;
}


.field--name-field-afbeelding
{
	margin-bottom: 0px;
}

label, .field--label
{
	display: block;
	text-transform: uppercase;
	color:#91c3e5;
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 13px;
    line-height: 20px;
}

.radio label, .checkbox label
{
	text-transform: none;
	color:#0069a5;
}

.js-form-item .description
{
	font-size: 14px;
	color:#91c3e5;
	font-style: italic;
	border-bottom: solid 1px #91c3e5;
	margin-bottom: 0px;
}


.form-required:after
{
	display: none;
}

.algemeen-groep-1,
.algemeen-groep-2,
.group-kosten,
.uitgangspunten,
.installatie-groep
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.installatie-groep
{
	align-items: flex-end;
	margin-bottom: 10px;
}

.algemeen-groep-1>div,
.algemeen-groep-2>div,
.group-kosten>div,
.uitgangspunten>div
{
	width:calc(50% - 20px);
}

.installatie-groep .prefix
{
	margin-right: 10px;
}

.installatie-groep .field--name-field-w-installatie input, .installatie-groep .field--name-field-w-installatie-percentage input,
.installatie-groep .field--name-field-e-installatie input, .installatie-groep .field--name-field-e-installatie-percentage input
{
	width:calc(100% - 20px);
}

.installatie-groep .field--name-field-w-installatie,
.installatie-groep .field--name-field-e-installatie
{
	width:calc(100% - 80px);
}

.installatie-groep .field--name-field-w-installatie-percentage,
.installatie-groep .field--name-field-e-installatie-percentage
{
	width:80px;
}

.installatie-groep .field--name-field-w-installatie-percentage .form-type-number,
.installatie-groep .field--name-field-e-installatie-percentage .form-type-number
{
	display: flex;
	justify-content: flex-end;
}

.field--name-field-bouwkosten .form-type-number
{
	display: flex;
	flex-wrap: wrap;
}

.field--name-field-bouwkosten .form-type-number label
{
	width:100%;
}

.field--name-field-bouwkosten input
{
	width:98px !important;
	margin-right: 5px;
}

.installatie-groep .field--name-field-w-installatie-percentage .form-type-number input,
.installatie-groep .field--name-field-e-installatie-percentage .form-type-number input
{
	text-align: right;
	padding-right: 0px;
}

.installatie 
{
	display: flex;
	flex-wrap: wrap;
}

.e-installatie
{
	width:100%;
	margin-top:auto;
}


.field--name-field-diepte-in-mm-buitenwerks- .prefix
{
	color:#119dcf;
	font-style: italic;
	line-height: 18px;
	margin-left: 3px;
}

.prefix
{
	margin-right: 5px;
}

.prefix, .field--name-field-diepte-in-mm-buitenwerks- label
{
	display: inline-block;
}

.field--name-field-bouwkosten-per-m2-bvo .form-control,
.field--name-field-bouwkosten-per-m2-gbo .form-control,
.field--name-field-bouwkosten-per-m3-bi .form-control
{
	width:50%;
}

.field--name-field-bouwkosten-per-m2-bvo input,
.field--name-field-bouwkosten-per-m2-gbo input,
.field--name-field-bouwkosten-per-m3-bi input,
.field--name-field-w-installatie-percentage input,
.field--name-field-e-installatie-percentage input
{
	border:none;
}

.panel-body
{
	padding:0px;
}

.entities-list .item-container
{
	margin:0px;
}

.field--name-field-afbeelding p, .field--name-field-afbeelding .panel-heading
{
	display: none;
}

.table-striped > tbody > tr.Concept
{
	background-color:#ffcfcf !important;
}

.btn
{
	padding-left:22px;
	padding-right: 22px;
}
.nav-tabs
{
	border-bottom: none;
}
.tabs--primary
{
	margin-bottom: 30px;
}
.btn, .btn-primary, .btn a, .tabs--primary li a, .print__wrapper a
{
	background-color:#d31d1d !important;
	border:none !important;
	outline: none !important;
	box-shadow: none !important;
	height:50px;
	line-height: 50px;
	color:#ffffff !important;
	font-size: 14px;
	text-align: center;	
	padding-top:0px;
	padding-bottom: 0px;
	border-radius: 7px;
}

.print__wrapper a
{
	display: block;
}

.field--name-field-afbeelding .btn-default, .field--name-field-afbeelding .btn-default:focus, .field--name-field-afbeelding .btn-default:active, .field--name-field-afbeelding .btn-default:active:focus
{
	background-color:#91c3e5 !important;
	height: 180px;
	color:#ffffff;
	width:100%;
	border:none;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	background-image: url('../images/basic-image-alt.svg');
    background-position: center 60px;
    background-repeat: no-repeat;
    line-height: 210px;
	border-top-right-radius: 9px;
	border-top-left-radius: 9px;
}

.btn-group .btn
{
	height: 30px;
	line-height: 30px;
	background-color:#dddddd !important;
	color:#000000 !important;
}

.field--name-field-afbeelding article>div
{
	display: none;
}

.field--name-field-afbeelding article>div.js-media-library-item-preview
{
	display: block;
}

.field--name-field-afbeelding.js-form-wrapper, .field--name-field-afbeelding .js-form-wrapper
{
	margin-bottom: 0px !important;
	width:100%;
}

.panel
{
	border:none;
	box-shadow: none;
	border-radius: 0px;
}

.field--name-field-afbeelding .js-media-library-item-preview img
{
	width:100%;
	margin:0px;
}

.field--name-field-tekeningen article
{
	display: flex;
}

.field--name-field-tekeningen .js-media-library-item-preview
{
	width:40px;
	margin-right: 5px;
}

.btn-danger
{
	font-size: 10px;
}

.form-item-field-oplevering-kwartaal label, .form-item-field-oplevering-jaar label, .field--name-field-w-installatie-percentage label, .field--name-field-e-installatie-percentage label
{
	display: none;
}

.field--name-field-oplevering-kwartaal
{
	display: inline-block;
	width:60px;
}

.field--name-field-oplevering-jaar
{
	display: inline-block;
	width:calc(100% - 64px);
}

.field--name-field-tekeningen
{
	margin-top:30px;
}

.field--name-field-tekeningen .panel-default > .panel-heading
{
	background-color:#d31d1d;
	color:#ffffff;
	font-size: 14px;
	background-image: url('../images/file-file-upload.svg');
	background-repeat: no-repeat;
	background-position: 12px center;
    border-radius: 7px;
    text-indent: 20px;
}

.field--name-field-projectnaam
{
	margin-bottom: 40px !important;
}

.field--name-field-oplevering-kwartaal .field--label, .field--name-field-oplevering-jaar .field--label
{
	display: none;
}

.field--name-field-afbeelding .field--item, .field--name-field-tekeningen .field--item
{
	border:none;
	margin-bottom: 0px;
}

.field--name-field-keuken-kosten input
{
	width:calc(100% - 15px) !important;
}

.view-resultaten .panel-default > .panel-heading
{
	background-color:transparent;
	padding:0px;
	border:none;
	color: #91c3e5;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
	text-transform: uppercase;
}

.view-resultaten .panel-title
{
	font-size: 13px;
}

.view-resultaten .views-exposed-form
{
	background-color:#ecf6ff;
	border-radius: 9px;
	padding:25px;
}

.view-resultaten .views-exposed-form .panel-body
{
	display: flex;
	justify-content: space-between;
}


.view-resultaten .views-exposed-form .panel-body::before, .view-resultaten .views-exposed-form .panel-body::after
{
	display: none;
}

.view-resultaten .views-exposed-form .panel-body .form-item
{
	display: flex;
	align-items: center;
	width:calc(50% - 6px);
}

.view-resultaten .views-exposed-form .panel-body .form-item label
{
	margin-right: 4px;
	width:24px;
	color: #0069a5;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
}

.view-resultaten .views-exposed-form #edit-datum-aanbesteding-wrapper .panel-body
{
	display: block;
}

.view-resultaten .views-exposed-form #edit-datum-aanbesteding-wrapper .panel-body .form-item
{
	display: flex;
	align-items: center;
	width:100%;
}

.view-resultaten .views-exposed-form #edit-datum-aanbesteding-wrapper  .form-control
{
	width:calc(100% - 24px);
}


.view-resultaten .views-exposed-form .form-inline .select-wrapper
{
	width:100%;
}

.view-resultaten .views-exposed-form .form-item
{
	margin-bottom: 10px;
}

.view-resultaten .views-exposed-form .panel-body .form-item
{
	margin-bottom: 0px;
}

.view-resultaten .views-exposed-form #edit-datum-aanbesteding-wrapper .panel-body .form-item-datum-aanbesteding-min
{
	margin-bottom: 10px;
}

.view-resultaten .view-filters
{
	display: inline-block;
	vertical-align: top;
	width:250px;
	margin-right: 60px;
}

.view-resultaten .view-content
{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 314px);
}

.view-resultaten .views-row
{
	background-color:#ecf6ff;
	padding:30px;
	border-radius: 9px;
	margin-bottom: 20px;
	display: flex;
}

.view-resultaten .views-field-field-afbeelding
{
	width:316px;
	height: 200px;
	margin-bottom: 20px;
}

.view-resultaten .views-field-field-afbeelding img
{
	width:316px;
	height: 200px;
	object-fit: cover;
	object-position:  center center;
	border-radius: 9px;
}

.view-resultaten .views-label 
{
	color:#91c3e5;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 17px;
}

.view-resultaten .field-content
{
	font-size: 18px;
	line-height: 22px;
	line-height: normal;
}

.view-resultaten .column-gegevens
{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.view-resultaten .column-gegevens .views-field
{
	border-bottom: solid 1px #bad8f0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width:calc(50% - 10px)
}

.view-resultaten .views-field-fieldset
{
	margin-right: 40px;
}

.view-resultaten .column-gegevens .views-field:nth-child(odd)
{
	margin-right: 20px;
}

.view-resultaten .views-field-field-projectlocatie .field-content
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.view-resultaten .views-field-field-projectnaam
{
	font-size: 24px;
	margin-bottom: 20px;
}

.view-resultaten .views-field-view-node, .view-resultaten .views-field-nothing
{
	display: inline-block;
	vertical-align: top;
	width:152px;
}

.view-resultaten .views-field-view-node
{
	margin-right: 12px;
}

.view-resultaten .views-field-view-node .field-content, .view-resultaten .views-field-nothing .field-content
.view-resultaten .views-field-view-node .field-content a, .view-resultaten .views-field-nothing .field-content a
{
	width:100%;
}

.menubg
{
	background-color:#0069a5;
}

.navbar-default
{
	background-color:#0069a5;
	border:none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span
{
	color:#ffffff;
}

.navbar::before, .navbar::after
{
	display: none;
}

.navbar
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 0px;
	margin-bottom: 40px;
}

.navbar-header
{
	float:none;
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1 .panel-heading
{
	display: none;
}

.login-user-page
{
	display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.login-form-front
{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.login-form-front .form-group
{
	margin-bottom: 10px;
}

.login-form-front .form-type-password
{
	margin-bottom: 30px;
}

.l-column-left
{
	width:50%;
	padding:80px 125px 80px 125px;
	background-color:#ecf6ff;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
}

.l-column-left .logo
{
	width:200px;
	margin:auto;
	margin-bottom: 48px;
}

.l-column-left .logo img
{
	width:100%;
	height: auto;
}

.l-column-right
{
	width:50%;
	background-image:url("../images/login.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
}

.link-small
{
	color:#b1b1b1;
	font-size: 14px;
}

.poweredby
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color:#0069a5;
	font-size: 10px;
	margin-top:10px;
	width:100%;
}

.poweredby div
{
	margin-left:5px;
}

.path-frontpage .main-container
{
	width:100%;
	height: calc(100vh - 90px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1
{
	width:290px;
	border-radius: 9px;
	background-color: #ecf6ff;
	padding:40px;
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1 input, .block-views-exposed-filter-blockresultaten-filter-home--page-1 select,
.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-inline .select-wrapper
{
	width:100%;
}

.panel
{
	background-color:transparent;	
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-item-woningtype,
.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-item-project,
.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-item-levensloopbestendig,
.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-item-datum-aanbesteding-min
{
	margin-bottom: 10px;
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-item-ontwikkelaar
{
	margin-bottom: 40px;
}

.block-views-exposed-filter-blockresultaten-filter-home--page-1 .form-actions,
.block-views-exposed-filter-blockresultaten-filter-home--page-1 .btn
{
	width:100%;
	margin-right: 0px;
}


.view-resultaten .views-exposed-form .views-ef-fieldset-container .panel-body
{
	display: block;
}

.view-resultaten .views-exposed-form h3
{
	display: block !important;
}

.field--name-field-w-installatie-percentage,
.field--name-field-e-installatie-percentage
{
	font-size: 14px;
	color:#0069a5;
}

.headerpdf, .file-icon, .file-size
{
	display: none;
}


.file-link
{
	padding:3px;
}

.views-exposed-form h3
{
	font-size: 16px;
	color:#0069a5;
	text-transform: uppercase;
	margin-bottom: 20px;
	width:100%;
	font-weight: 800;
	min-height: 20px;
	margin-top:40px;
	cursor: pointer;
	position: relative;
}

.views-exposed-form h3::before
{
	content:"";
	position: absolute;
	width:20px;
	height: 20px;
	right:0px;
	top:0px;
	background-image:url(../images/arrow-circle-chevron-down.svg);
	background-repeat: no-repeat;

}

.views-exposed-form h3.expanded::before
{
	transform: rotate(180deg);
}

.views-exposed-form h3.filter_start
{
	margin-top:0px;
}

.views-exposed-form .form-actions
{
	margin-top:20px;
	width:100%;
}

.views-exposed-form .form-actions .btn
{
	width:100%;
}

.user-form .form-item
{
	margin-bottom: 30px;
}

.path-taxonomy #edit-description-wrapper, .path-taxonomy #edit-relations, .path-taxonomy #edit-status-wrapper,
.taxonomy-term-form .field--name-description, .taxonomy-term-form #edit-relations, .taxonomy-term-form .field--name-status
{
	display: none;
}

.node-project-form #edit-title-wrapper, #edit-preview, .form-checkboxes .js-form-item-roles-administrator
{
	display: none;
}