body {background-color:#F2F2F2; color:#000;}
* {text-rendering:optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}

a {color:#000; text-decoration:underline;}
a:hover, a:focus {color:#000; text-decoration:none;}
a.open-section {text-decoration:none;}

h1, .h1, h2, .h2, h3, .h3 {margin:0 0 15px 0;}
h1, .h1 {font-size:25px;}
h2, .h2 {font-size:18px;}
h3, .h3 {font-size:16px;}

p {margin-bottom:15px;}
p:last-child {margin-bottom:0;}

[class^="icon-"],
[class*=" icon-"] {display:inline-block; width:14px; height:14px; margin-top:1px; line-height:14px; vertical-align:text-top; background-image:url("../img/icons.png"); background-position:14px 14px; background-repeat:no-repeat;}
.icon-login-gray {background-position:-8px -8px;}
.icon-login-green {background-position:-38px -8px;}
.icon-edit-black {background-position:0 -30px; width:30px; height:30px; line-height:30px;}
.icon-copy-black {background-position:0 -60px; width:30px; height:30px; line-height:30px;}
.icon-delete-black {background-position:0 -90px; width:30px; height:30px; line-height:30px;}
.icon-arrow-top-white {background-position:-9px -132px; width:12px; height:7px; line-height:7px;}
.icon-arrow-top-black {background-position:-30px -120px; width:30px; height:30px; line-height:30px;}
.icon-arrow-bottom-white {background-position:-9px -162px; width:12px; height:7px; line-height:7px;}
.icon-arrow-bottom-black {background-position:-30px -150px; width:30px; height:30px; line-height:30px;}
.icon-check-white {background-position:-3px -213px; width:24px; height:24px; line-height:24px;}
.icon-check-gray {background-position:-33px -213px; width:24px; height:24px; line-height:24px;}
.icon-info-gray {background-position:-6px -186px; width:19px; height:19px; line-height:19px;}
.icon-download-white {background-position:-5px -246px; width:20px; height:20px; line-height:20px;}
.icon-csv-black {background-position:-3px -272px; width:24px; height:26px; line-height:24px;}
.icon-pdf-black {background-position:-3px -302px; width:24px; height:26px; line-height:24px;}

h1 .icon-edit-black, .h1 .icon-edit-black {height:25px; line-height:25px; background-position:0 -33px;}

[class^="sprite-"],
[class*=" sprite-"] {display:inline-block; width:30px; height:30px; line-height:30px; vertical-align:text-top; background-image:url("../img/sprite.png"); background-position:30px 30px; background-repeat:no-repeat;}
.sprite-info {background-position:0 0; width:38px; height:38px;}
.sprite-naarwoning-white {background-position:-22px -38px; width:18px; height:30px;}
.sprite-naarwoning-black {background-position:0 -38px; width:18px; height:30px;}
.sprite-uitwoning-white {background-position:-22px -75px; width:18px; height:30px;}
.sprite-uitwoning-black {background-position:0 -75px; width:18px; height:30px;}
.sprite-naarwoning2-white {background-position:-22px -170px; width:18px; height:48px;}
.sprite-naarwoning2-black {background-position:0 -170px; width:18px; height:48px;}
.sprite-uitwoning2-white {background-position:-22px -112px; width:18px; height:48px;}
.sprite-uitwoning2-black {background-position:0 -112px; width:18px; height:48px;}
.sprite-alert-black {background-position:-38px 0px; width:18px; height:19px; margin-right:8px;}
.sprite-login-white {background-position:-60px 0px; width:16px; height:17px; margin-right:8px;}

.container-fluid {max-width:1240px;}
.width50 {max-width:50%;}

.modal-backdrop.in {opacity:.6; filter:alpha(opacity=60);}
.modal-dialog {width:640px;}
.modal-content {-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.25); box-shadow:0px 0px 10px rgba(0,0,0,0.25); border:0; border-radius:0;}
.modal-header {border:0;}
.modal-header .close {opacity:1; filter: alpha(opacity=100); text-shadow:none; width:24px; height:24px; margin:0;}
.modal-body {border:0; padding:0 20px 20px 20px;}
.modal-body .block {margin-top:20px;}

.modal-material {padding-right:20px; padding-left:20px;}
.modal-material .modal-dialog {width:auto; max-width:1240px;}
.modal-material .input-group .btn {margin-left:10px !important;}
.modal-material .search-results {padding:0; border-top:1px solid #DDD; max-height:300px; overflow:auto;}
.modal-material .search-results ul {margin:-1px 0 0 0;}
.modal-material .search-results ul li {min-height:80px; border-top:1px solid #DDD; padding:15px 20px;}
.modal-material .search-results ul li .media-left, 
.modal-material .search-results ul li .media-right, 
.modal-material .search-results ul li .media-body {vertical-align:middle;}
.modal-material .search-results ul li .form-control {margin-right:-1px;}

.table {background-color:#FFF; margin:0;}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {padding:13px 19px; vertical-align:middle;}
.table > thead > tr > th {font-size:18px; font-weight:300; border:0;}
.table > thead > tr > th.td-icon, 
.table > tbody > tr > th.td-icon, 
.table > tfoot > tr > th.td-icon, 
.table > thead > tr > td.td-icon, 
.table > tbody > tr > td.td-icon, 
.table > tfoot > tr > td.td-icon {padding-right:0;}
.table > tbody > tr > th {}
.table > tfoot > tr > td.total {background-color:#F2F2F2; border-top:5px solid #DDD; font-weight:bold;}
.table .sort-container {max-width:230px;}
.table .sort {float:right;}
.table .sort a {display:block; margin:5px 10px;}
.table .sort i {display:block;}
.table-hover > tbody > tr:hover {}
.table-mycalculations {font-size:18px; font-weight:300;}
.table .media-body {width:auto; vertical-align:middle;}
.table-material > tbody > tr > td {padding-top:5px; padding-bottom:5px;}

.text-top,
.table .text-top {vertical-align:top;}
.text-middle,
.table .text-middle {vertical-align:middle;}
.text-bottom,
.table .text-bottom {vertical-align:bottom;}

.form-control {padding:9px 12px; height:40px; border-radius:0; border-color:#DDD; -webkit-box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1); box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1); color:#000;}
.form-control.max-width-70 {max-width:70px;}
.form-control.width-80 {width:80px;}
.form-horizontal .control-label {text-align:left; font-weight:normal;}
.form-horizontal .form-group {margin-bottom:10px;}
.form-inline .btn {padding-top:8px; padding-bottom:8px;}
.input-group .btn {padding-top:8px; padding-bottom:8px;}

.alert {border-radius:0; font-size:18px; font-weight:300; padding:15px 20px; margin:0;}

.media, .media-body {overflow:visible;}

.btn {text-decoration:none; font-weight:800; font-size:16px; padding:13px 29px; border-radius:0; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.65); box-shadow:1px 1px 1px rgba(0,0,0,0.65);}
.btn-primary {}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled {}
.btn-success {}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled  {}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {-webkit-box-shadow:none; box-shadow:none;}

.btn-select,
.btn-select:hover,
.btn-select:focus,
.btn-select:active,
.btn-select.active,
.btn-select.disabled,
.btn-group.open .btn-select.dropdown-toggle,
.btn-group .btn-select.dropdown-toggle:active {width:100%; height:60px; padding:4px; border-radius:0; -webkit-box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1); box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1); color:#000; border:1px solid #DDD; font-family:Arial; font-size:14px; font-weight:normal; background:#FFF;}
.btn-select .media-body {width:10000px; text-align:left;}

.btn-group.open .btn-select.dropdown-toggle i.icon-arrow-bottom-black {background-position:-30px -120px;}

.input-group-addon {border:1px solid #DDD; background:#F4F4F4; border-left:0; border-radius:0; color:#000;}

.dropdown-select {width:100%; margin:-1px 0 0 0; padding:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; border-color:#DDD;}
.dropdown-select > li > a {border-top:1px solid #DDD; margin-top:-1px; padding:4px; text-decoration:none;}
.dropdown-select > li > a:hover, 
.dropdown-select > li > a:focus {text-decoration:none;}

header {background-color:#FFF; border-bottom:1px solid #DDD;}
header .logo {padding:20px 0 30px;}
header .logo img {max-width:100%; height:auto;}
header .topmenu .nav {margin:30px 0;}
header .topmenu .nav > li {margin:0;}
header .topmenu .nav > li > span {position:relative; display:block;}
header .topmenu .nav > li > a,
header .topmenu .nav > li > span {border-radius:0; color:#666; font-size:16px; padding:9px 10px;}
header .topmenu .nav > li > a:hover, 
header .topmenu .nav > li > a:focus {background:none;}
header .topmenu .nav > li > a > i,
header .topmenu .nav > li > span > i {margin-right:7px;}
header .topmenu .nav > li > span > a {color:#666;}
header .topmenu .nav > li.border {width:1px; border-left:1px solid #CCC; min-height:40px; margin:0 5px;}

.navbar-default {background-color:#FFF; border-radius:0; border:0; border-bottom:1px solid #DDD; margin-bottom:30px;}
.navbar-default .navbar-nav {width:100%; margin:0;}
.navbar-default .navbar-nav > li {float:left; width:16.66%;}
.navbar-default .navbar-nav > li > span {display:block; padding:15px 5px; font-size:16px; color:#000; text-align:center; background-color:#FFF;}
.navbar-default .navbar-nav > li > .arrow {display:none;}
.navbar-default .navbar-nav > .active > span {background-color:#000; color:#FFF;}
.navbar-default .navbar-nav > .active > .arrow {display:block; position:absolute; width:0; height:0; border-color:transparent; border-style:solid; top:100%; left: 50%; margin-left:-10px; border-width:10px 10px 0; border-top-color:#000;}

.tooltip {font-family:Arial; font-size:14px; opacity:1 !important; filter:alpha(opacity=1) !important;}
.tooltip-inner {background:#000; color:#FFF; border-radius:0; padding:10px 20px; max-width:250px;}
.tooltip.top .tooltip-arrow {bottom:-5px; border-width:10px 10px 0; margin-left:-10px;}

.nav-tabs {border-color:#DDD; background:#FFF; overflow:hidden;}
.nav-tabs > li > a {font-size:18px; color:#000; border-radius:0; border:0; -webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.35); box-shadow:4px 4px 5px rgba(0,0,0,0.35); margin-right:0; text-decoration:none; padding:17px 30px;}
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {background:#000; color:#FFF; border:0;}

.panel-default {border-radius:0; -webkit-box-shadow:none; box-shadow:none; border-color:#DDDDDD; margin-bottom:30px;}
.panel-default > .panel-heading {border-radius:0; margin:0;font-size:18px; padding:17px 20px;}
.panel-default > .panel-heading > i.icon-download-white {margin-right:10px;}
.panel-default > .list-group a.list-group-item {color:#000; overflow:hidden;}
.panel-default > .list-group a.list-group-item:hover, 
.panel-default > .list-group a.list-group-item:focus {background:#FFF;}
.panel-default > .list-group a.list-group-item > i {display:block; float:left; margin-right:10px; width:24px; height:26px;}
.panel-default > .list-group a.list-group-item > span {display:block; float:left; padding:5px 0;}

.block {margin-top:30px;}
.block:after, .block:before, .media:after, .media:before, .media-body:after, .media-body:before, .section:after, .section:before, .room:after, .room:before {display:table; content:" ";}
.block:after, .media:after, .media-body:after, .section:after, .room:after {clear:both;}

.block-border {border:1px solid #DDD; background:#FFF; padding:19px;}

.text-withinfo {padding-right:150px; position:relative;}
.text-withinfo a.info {position:absolute; right:0; top:0;}

.inhoud { margin-bottom:30px;}

.edit-projectname {display:none;}

.section {min-height:60px; padding:0 13px; font-size:18px;}
.section > .media {color:#FFF; display:block;}
.section .media-left, 
.section .media-right, 
.section .media-body {vertical-align:middle; height:60px;}

.room {margin-top:10px;}
.room > .media {color:#000; background-color:#FFF; border:1px solid #DDD; display:block; padding:13px; font-family:'PT Sans', sans-serif; font-size:18px; text-decoration:none;}
.room .media-left, 
.room .media-right, 
.room .media-body {vertical-align:middle;}
.room.active > .media {}
.room .btn-group {width:100%;}
.room .input-group .form-control {min-height:60px;}
.room .table>thead>tr>th, .room .table>tbody>tr>th, .room .table>tfoot>tr>th, .room .table>thead>tr>td, .room .table>tbody>tr>td, .room .table>tfoot>tr>td {border:0; border-top:1px solid #DDD;}
.room .input-group-addon {padding:6px 20px;}

.room .check {background:#F4F4F4;}
.room .check.checked {}
.room .check i {margin:0; display:block;}

.table-results img {margin-right:10px;}
.table-results tbody tr.head td:first-child:hover {cursor:pointer;}
.table-results tbody tr.head td .icon-arrow-bottom-black {height:15px; background-position:-30px -157px;}
.table-results tbody tr.head.actief td .icon-arrow-bottom-black {background-position:-30px -127px;}
.table-results tbody tr.detail {}
.table-results tbody tr:nth-of-type(2) td {-webkit-box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5); box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
.table-results tbody tr.detail {display:none;}
.table-results > tbody > tr.detail > td {padding:5px 20px;}
.table-results > tbody + tbody {border-top-width:1px;}

.delete-room a {float:right;}

@media (max-width: 767px)
{
	.width50 {max-width:100%;}
	header .topmenu .nav {margin:10px 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	[class^="icon-"], [class*=" icon-"] {background-image:url(../img/2X/icons.png); background-size:60px 330px;}
	[class^="sprite-"], [class*=" sprite-"] {background-image:url(../img/2X/sprite.png); background-size:80px 220px;}
}