/* panel */
.panel-top {
	position:relative;
	z-index:1;
}

.panel-top h1,
.panel-top nav {
	background-color:#046f96;
	border-bottom:10px solid #bddfed;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:0 20px;
	margin-bottom:0;
	overflow:hidden;
}

.panel-top h1 {
	font-size:1.636em;
	font-weight:bold;
	line-height:1.667em;
	margin:0;
}

.panel-top a.hide,
.panel-top a.enlarge,
.panel-top a.reduce,
.panel-top a.show {
	color:#fff;
	font-weight:bold;
	line-height:1.818em;
	position:absolute;
	right:0;
	top:0;
	padding:5px 20px;
	text-decoration:none;
}
.panel-top a.hide {
	right: 30px;
}
.panel-top a.enlarge.hidden,
.panel-top a.reduce.hidden {
	display: none;
}

.panel-top a:hover {
	text-decoration:underline;
}

.panel-content .edit, 
.panel-content .remove,
.panel-content.add .save, 
.panel-content.add .cancel,
.panel-content.add a.hide,
.panel-content.add a.show,
.editable .panel-content.edit .edit,
.editable .panel-content.edit .remove,
.editable .panel-content.add .edit,
.editable .panel-content.add .remove,
.panel-content .save,
.panel-content .cancel,
.panel a.show,
.panel.hidden a.hide,
.panel .toggle a.show,
.panel.hidden .toggle a.hide,
.panel-content .buttons-alt,
.add .addtransfer {
	display:none;
}

.editable .panel-content .edit, 
.editable .panel-content .remove,
.editable .panel-content.edit .save, 
.editable .panel-content.edit .cancel,
.editable .panel-content.add .save, 
.editable .panel-content.add .cancel {
	display:inline;
}

.panel.hidden a.show,
.editable .panel-content .buttons-alt {
	display:block;
}

.panel .restricted {
	display:none;
}

.editable .panel .restricted {
	display:block;
}

table.permissionTable tr.template-row {
	display: none;
}
table.permissionTable tr th{ 
	padding-left: 1px;
	padding-right: 1px;
	text-align: center
}
table.permissionTable th.jurisdictionSelectorHeader, table.permissionTable tr select.jurisdictionSelector{ 
	width: 200px;
}
table.permissionTable tr td input[type=checkbox]{ 
	margin-left: 5px;
}
table.permissionTable tr td a{ 
	margin-left: 8px;
}
h2 .active-alert {
	color: red;
}
.phase-config-holder{
	border: 1px solid #bddfed;
	background-color: #EDF4F7;
	padding-left: 10px;
}
.phase-subject-holder {
	float:left; 
	width:207px; 
	margin-right: 10px;
}
.phase-subject-holder.last {
	margin-right: 0px;
}
.phase-subject-holder table tr td {
	background-color: #bddfed;
}
.phase-subject-holder h3 {
	margin-bottom: 10px;
}
.clearfix {
	clear:both;
}
.variant-table tr.active td { background-color: #deeff6;}
.variant-table tr td.centered { text-align: center}
.variant-table tr td { vertical-align: middle; }
.variant-table a.button { width: 120px; text-align: center; margin-bottom: 2px !important; clear:both; display: block !important; }

/* navigation panel */
.header-primary {
	background:#fff url(../img/logo-rijksoverheid.png) center top no-repeat;
	width:100%;
	z-index:1100;
	transition:width 0.5s ease;
	-o-transition:width 0.5s ease;
	-moz-transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
}

.skip-animation * {
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-ms-transition:none !important;
	-o-transition:none !important;
	transition: none !important;
}

#viewer-primary.header-primary {
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	right:0;
}

.ie9 #viewer-primary.header-primary {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ie8 #viewer-primary.header-primary:before {
	content:'';
	position:absolute;
	left:0;
	bottom:-11px;
	right:0;
	height:11px;
	background:url(../img/shadows-h.png) left -11px repeat-x;
}

#viewer-primary.header-primary .toggle {
 	display:inline;
}

.hiddenmenu #viewer-primary.header-primary .toggle {
	position:absolute;
	width:30px;
	height:30px;
	overflow:hidden;
	right:100%;
	top:0;
	margin-top:-1em;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	padding:1em 0 1em 1em;
}

.hiddenmenu #viewer-primary.header-primary a.show {
	background-color:#fff;
	background-image:url(../img/filter-toggle.png);
	background-position:left -30px;
	background-repeat:no-repeat;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	border-radius:5px 0 0 5px;
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	left:1em;
	top:1em;
	text-indent:-9999px;
	margin-left:0;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	padding:0;
}

.ie9 .hiddenmenu #viewer-primary.header-primary a.show {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.hiddenmenu .header-primary {
	width:22em;
	display: block;
}

.header-primary .inner {
	padding-top:87px;
}

.header-primary.loading .inner {
	background:transparent url(../img/loader.gif) 27px 27px no-repeat;

}

.header-primary .bar {
	background-color:#046f96;
	border-bottom:10px solid #bddfed;
	font-family:Arial,Verdana,sans-serif;
	color:#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-decoration:none;
}
.header-primary .nav-primary {
	padding:28px 0 0 0;
	min-width:940px;
	width:85.455em;
	max-width:90%;
	margin:0 auto;
	position:relative;
	min-height:2.182em;
	transition:padding-top 0.5s ease, width 0.5s ease;
	-o-transition:padding-top 0.5s ease, width 0.5s ease;
	-moz-transition:padding-top 0.5s ease, width 0.5s ease;
	-webkit-transition:padding-top 0.5s ease, width 0.5s ease;
}

.ie6 .header-primary .nav-primary {
	height:2.182em;
}

.hiddenmenu .header-primary .nav-primary {
	padding-top:6px;
	min-width:0;
	width:22em;
	max-width:100%;
}

.header-primary .aside {
	font-size:1.091em;
	line-height:1.75em;
	float:right;
	padding:0 12px 0 0;
}

.header-primary .aside a {
	float:left;
	margin:0;
	text-decoration:none;
	padding:0.083em 0.833em 0.167em;
}

.header-primary .bar a {
	color:#fff;
}

.header-primary .bar a.hide {
	background-image:url(../img/toggle-alt.png);
	background-position:5px 4px;
	background-repeat:no-repeat;
	padding-left:20px;
}

.header-primary .bar a.hide:hover {
	background-position:5px -24px;
}

.header-primary ul {
	font-size:1.091em;
	line-height:1.75em;
	opacity:1;
	position:relative;
	transition:margin-left 0.5s ease,opacity 0.5s ease;
	-o-transition:margin-left 0.5s ease,opacity 0.5s ease;
	-moz-transition:margin-left 0.5s ease,opacity 0.5s ease;
	-webkit-transition:margin-left 0.5s ease,opacity 0.5s ease;
	padding: 0 0 0 24px;
	float:left;
	overflow:hidden;
	list-style: none;
	list-style-image: none;
	margin: 0;
}

.hiddenmenu .item-hide {
	display: none;
}

.ltie9.hiddenmenu .header-primary ul {
	display:none;
}

.header-primary li {
	float:left;
}

.header-primary li a {
	display:block;
	padding:0.083em 0.833em 0.167em;
	text-decoration:none;
}

.header-primary li.current a,
.header-primary a:hover,
.header-primary a.current {
	background-color:#bddfed;
	color:#000;
}

/* nav secondary */
.nav-secondary ul {
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin:0;
	line-height:1.636em;
}

.aside-col .nav-secondary ul {
	margin-left:-7px;
}

.aside-col .nav-secondary ul ul, .aside-col .nav-secondary ul ul ul {
	margin:0.091em 0;
}

.nav-secondary li {
	display:block;
	zoom:1;
}

.nav-secondary a {
	color:#000;
	display:block;
	padding:0.182em 1em 0.182em 2.727em;
	text-decoration:none;
}

.nav-secondary li li a{
	padding-left:3.727em;
}

.nav-secondary li li li a{
	padding-left:4.727em;
}

.nav-secondary a:hover,
.nav-secondary li.active > a {
	background-color:#bddfed;
	color:#000;
}

.nav-secondary li.open > a {
	background-color:#deeff6;
}

.nav-secondary ul li a.current {
	font-weight: 600;
	background-color: #deeff6;
}

/*.nav-secondary ul li a.sub-current:before {
	content: ">";
	font-weight: normal;
	position: absolute;
	left: 40px;
}*/

.nav-secondary ul li a.sub-current {
	font-weight: 600;
}

.nav-secondary hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgb(0,110,152);
	margin: 1em 0;
	padding: 0;
	margin-left: 26px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* sidepanel */
.sidepanel {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}

.sidepanel.hidden {
	display: block;
}

.sidepanel .panel-top a {
	top:87px;
}

.sidepanel-content {
	background-color:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:22em;
	transition:width 0.5s ease;
	-o-transition:width 0.5s ease;
	-moz-transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
	z-index:1099;
}

.sidepanel-content h1 {
	font-size: 1.6em;
	margin: 0px 0px 6px 0px;
}

.ie9 .sidepanel-content {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ie8 .sidepanel-content:before {
	content:'';
	position:absolute;
	left:-11px;
	top:0;
	bottom:0;
	width:11px;
	background:url(../img/shadows-v.png) left top repeat-y;
}

.ltie8 .sidepanel-content {
	border-left:1px solid #808080;
}

.sidepanel .toggle {
	position:absolute;
	width:30px;
	height:30px;
	overflow:hidden;
	right:22em;
	top:181px;
	margin-top:2.182em;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	padding:1em 0 1em 1em;
}

.sidepanel.hidden .toggle {
	right:0;
}

.hiddenmenu .sidepanel-content .toggle {
	top:103px;
}

.sidepanel .toggle a {
	background-color:#fff;
	background-image:url(../img/filter-toggle.png);
	background-repeat:no-repeat;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	border-radius:5px 0 0 5px;
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	left:1em;
	top:1em;
	text-indent:-9999px;
	margin-left:0;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.ie9 .sidepanel .toggle a {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.sidepanel .toggle a.hide {
	background-position:left top;
}

.sidepanel .toggle a.show {
	background-position:left -30px;
}

.sidepanel.hidden .sidepanel-content {
	width:0;
}

.sidepanel-content .x-overflow {
	border-top:2.182em solid transparent;
	margin-top:125px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:22em;
	overflow-y:auto;
	overflow-x:hidden;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.hiddenmenu .sidepanel-content .x-overflow {
	margin-top:103px;
}

.sidepanel-content .y-overflow {
	width:18em;
	padding:1.455em 0 1.455em 20px;
}

.sidepanel.loading .y-overflow {
	background-image:url(../img/loader.gif);
	background-position:right 1em;
	background-repeat:no-repeat;
}

/* bottompanel */
.bottompanel {
	background-color:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:absolute;
	bottom:0;
	left:0;
	right:22em;
	z-index:1088;
	height:30%;
	transition:height 0.5s ease, right 0.5s ease;
	-o-transition:height 0.5s ease, right 0.5s ease;
	-moz-transition:height 0.5s ease, right 0.5s ease;
	-webkit-transition:height 0.5s ease, right 0.5s ease;
}

.ie9 .bottompanel {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ltie9 .bottompanel  {
	z-index:1100;
}

.ie8 .bottompanel:before {
	content:'';
	position:absolute;
	left:0;
	top:-11px;
	right:0;
	height:11px;
	background:url(../img/shadows-h.png) center top repeat-x;
}

.bottompanel.hidden, .bottompanel.enlarged.hidden {
	height:0;
}
.bottompanel.enlarged {
	height:80%;
}

.bottompanel.wide {
	right:0;
}

.bottompanel .panel-content {
	display:block;
	opacity:1;
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	z-index:1;
}

.bottompanel .panel-content.hidden {
	opacity:0;
	z-index:0;
}

.no-opacity .bottompanel .panel-content.hidden {
	display:none;
}

.ltie9 .bottompanel .panel-content.hide {
	display:none;
}
.ltie9 .bottompanel .panel-content.enlarge {
	display:none;
}

.bottompanel .y-overflow {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.bottompanel .y-overflow-secondary {
	position:absolute;
	top:2.727em;
	bottom:0;
	left:0;
	width:100%;
	margin-top:10px;
	overflow-y:auto;
	overflow-x:hidden;
	transition:width 0.5s ease;
	-o-transition:width 0.5s ease;
	-moz-transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
}

.bottompanel .panel-content.detail .y-overflow-secondary {
	width:12%;
}

table.overview {
	border-collapse:collapse;
	border-spacing: 0;
	width:100%;
}

table.overview th {
	background-color:#fff;
	font-weight:bold;
	text-align:left;
	padding:2px 5px;
}

table.overview td {
	background-color:#fff;
	padding:2px 5px;
}

table.overview tr.template {
	display: none;
}

table.overview tr.odd td {
	background-color:#deeff6;
}

table.overview tr:hover td,
table.overview tr.active td {
	background-color:#bddfed;
	cursor:pointer;
}

table.overview tr.active td {
	font-weight:bold;
}

table.overview th:first-child,
table.overview td:first-child {
	padding-left:20px;
}

table.overview.hidden {
	display:none;
}

table.overview a,
table.overview a:link {
	color:#000;
}

table.overview a:hover {
	color:#000;
	text-decoration:none;
}

.bottompanel .panel-detail {
	background:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:absolute;
	padding:10px 20px;
	top:2.727em;
	right:0;
	bottom:0;
	left:12%;
	margin-top:10px;
	margin-right:-100%;
	margin-left:100%;
	overflow-y:auto;
	transition:margin 0.5s ease, right 0.5s ease;
	-o-transition:margin 0.5s ease, right 0.5s ease;
	-moz-transition:margin 0.5s ease, right 0.5s ease;
	-webkit-transition:margin 0.5s ease, right 0.5s ease;
}

.ie9 .bottompanel .panel-detail {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ltie9 .bottompanel .panel-detail {
	border-left:1px solid #808080;
}

.bottompanel .add .panel-detail {
	left:0;
	margin-right:0;
	margin-left:0;
	transition:none;
	-o-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
}

.bottompanel .panel-content.detail .panel-detail {
	margin-right:0;
	margin-left:0;
}

.bottompanel .top {
	position:relative;
	margin:0 0 10px 0;
}

.bottompanel .top * {
	margin-top:0;
}

.bottompanel .tabs {
	color:#fff;
	font-weight:bold;
	list-style:none;
	padding:0;
	margin:0;
	font-size:1.091em;
	line-height:1.583em;
	/*overflow:hidden;*/
	position:absolute;
	left:20em;
	bottom:10px;
	opacity:0;
	transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
}

.ltie9 .bottompanel .tabs {
	display:none;
}

.bottompanel .panel-content.detail .tabs {
	opacity:1;
}

.ltie9 .bottompanel .panel-content.detail .tabs {
	display:block;
}

.bottompanel .tabs li {
	float:left;
}

.bottompanel .tabs a {
	color:#fff;
	display:block;
	padding:0.16em 0.9091em 0.24em;
	text-decoration:none;
	top: 1px;
position: relative;
}

.bottompanel .tabs li.active a,
.bottompanel .tabs li:hover a {
	background-color:#bddfed;
	color:#000;
}
.bottompanel .tabs li.error a{
	color: red;
}.bottompanel .tabs li.hidden{
	display: none;
}

.bottompanel .hide-sub {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	position:absolute;
	line-height:1.636em;
	right:0;
	top:0;
}

.bottompanel .add .hide-sub {
	display:none;
}

.bottompanel .hide-sub:hover {
	text-decoration:underline;
}

.bottompanel .col {
	float:right;
	width:50%;
	margin-right:-10px;
	margin-top:0;
	margin-bottom:0;
}

.bottompanel .col:first-child {
	clear:both;
	float:left;
	margin-left:-10px;
}

.bottompanel .row .col:first-child {
	margin-left: 0px;
}

.bottompanel .col .item {
	padding-bottom:0.455em;
}

.bottompanel .col dl {
	margin:0;
	overflow:hidden;
}

.bottompanel .col.wide {
	width: 100%;	
}

.bottompanel label {
	font-weight:bold;
}

.bottompanel .tab {
	display:none;
	overflow:hidden;
}

.bottompanel .tab.show {
	display:block;
}

.bottompanel .tab h3 {
	position:absolute;
	left:-9999px;
}

.bottompanel .properties {
	padding:0 10px;
}

.bottompanel .form-segments .properties {
	padding: 0px;
}

.bottompanel .values > div {
	margin:0 -5px;
}

.bottompanel .values table {
	width:100%;
}

.bottompanel .values table th,
.bottompanel .values table td {
	text-align:left;
}
.bottompanel .values table tr:first-child th {
	font-weight: bold;
}

.bottompanel .values table tr.template{
	display:none;
}

.detail-table tr td:first-child {
	
	
}

.bottompanel button.hidden {
	display:none;
}

.detail-table th {
	font-weight: bold;
	text-transform: capitalize;
}
.detail-table td{
	/*margin-top: 20px;*/
	width: 33.33%;
}
.detail-table label {
	font-weight: bold;
}
.detail-table input {
	width: 100%;
}

.offset-top {
	margin-top: 20px;
}

/* dropdownpanel */
.dropdownpanel {
	background:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	height:6.182em;
	position: absolute;
	z-index:1040;
	top:0;
	left:0;
	right:22em;
	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	padding-top:121px;
}

.ie9 .dropdownpanel {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ie8 .dropdownpanel:before {
	content:'';
	position:absolute;
	left:0;
	bottom:-11px;
	right:0;
	height:11px;
	background:url(../img/shadows-h.png) center -11px repeat-x;
}

.ltie8 .dropdownpanel {
	border-bottom:1px solid #808080;
}

.hiddenmenu .dropdownpanel {
	padding-top:0;
	height:4em;
}

.hiddenfilter .dropdownpanel {
	right:0;
}

.hiddenfilter.hiddenmenu .dropdownpanel {
	right:22em;
}

.dropdownpanel.hidden {
	height:0em;
	padding-top:0;
}

.dropdownpanel .y-overflow {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	text-align:center;
}

.dropdownpanel legend {
	display:none;
}

.dropdownpanel .left {
	float:left;
}

.dropdownpanel .hidden {
	display: none;
}

.dropdownpanel .right {
	float:right;
}

/* toolbar */
.toolbar {
	background:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:absolute;
	left:20px;
	top:181px;
	margin-top:3.182em;
	z-index:1000;
	transition:top 0.5s ease;
	-o-transition:top 0.5s ease;
	-moz-transition:top 0.5s ease;
	-webkit-transition:top 0.5s ease;

	width: 70px;
}

.ie9 .toolbar {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ltie9 .toolbar {
	border:1px solid #808080;
}

.hiddenmenu .toolbar {
	top:103px;
	top:-16px;
}



.toolbar legend {
	position:absolute;
	left:-9999px;
}

.toolbar input {
	background:none;
	border:none;
	clear:both;
	display:block;
	font-weight:normal;
	padding:3em 0 0 0;
	width:6.364em;
	height:6.364em;
	white-space:normal;
}

.toolbar input.active {
	background-color:#deeff6;
	font-weight:bold;
}

.toolbar .pan {
    background:#fff url("/includes/viewer/images/tools/icon-pan.png") no-repeat scroll center 10px;
}

.toolbar .boxselect {
    background:#fff url("/includes/viewer/images/tools/icon-rechthoek-selecteren.png") no-repeat scroll center 10px;
}

.toolbar .polyselect {
    background:#fff url("/includes/viewer/images/tools/icon-polygoon-selecteer.png") no-repeat scroll center 10px;
}

.toolbar .newreceptor {
	background:#fff url("/includes/viewer/images/new-receptor.png") no-repeat scroll center 10px;
	display:none;
}

.toolbar .locator {
	background:#fff url("/includes/viewer/images/tools/icon-locator.png") no-repeat scroll center 10px;
}

.editable .toolbar .newreceptor {
	display:block;
}

.editable .toolbar .newreceptor.hidden {
	display: none;
}

/* icons objectTools */
.mapControls input {
	background-repeat: no-repeat;
	background-position: center 10px;
}
.mapControls .modify {
	background-image: url('/includes/viewer/images/tools/icon-segment-aanpassen.png');
}

.mapControls .cut {
	background-image: url('/includes/viewer/images/tools/icon-knippen.png');
}

.mapControls .copy {
	background-image: url('/includes/viewer/images/tools/icons-NWB-overnemen.png');
}

.mapControls-copyNwb input {
	background-image: url('/includes/viewer/images/tools/icons-NSL-overnemen.png');	
}

.mapControls [class^="icon"] {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	background-position: center center;
	top:0px;
	bottom:0px;
	left: 6px;
	margin: auto;
}

.mapControls .icon-preserve-transfer {
	background-image: url('/includes/viewer/images/tools/icon-behoud-rekenpunten.png');	
}

.mapControls .icon-dontpreserve-transfer {
	background-image: url('/includes/viewer/images/tools/icon-zonder-behoud-rekenpunten.png');	
}



/* filterselect */
.filterselect legend {
	position:absolute;
	left:-9999px;
}

.filterselect ol {
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}

.js .filterselect ol input {
	float:right;
}

.filterselect fieldset {
	display:none;
}

.filterselect fieldset.show {
	display:block;
}

.filterselect li {
	clear:both;
	display:block;
	padding-bottom:0.818em
}

.filterselect li.unknown {
	display:none; 
}

.editable .filterselect li.unknown,
.published .filterselect li.unknown {
	display:block;
}

.filterselect li span {
	background-image:url(../img/icon-legend-mask.png);
	background-clip:padding-box;
	float:left;
	height:14px;
	width:14px;
	overflow:hidden;
	text-indent:-9999px;
	margin:3px 13px 3px 0;
	position:relative;
	overflow:hidden;
}

.cssgradients .filterselect li span {
	background-image: linear-gradient(bottom, transparent, rgba(0,0,0,0.25));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0,0,0,0.25));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0,0,0,0.25));
	background-image: -webkit-gradient(linear, bottom, bottom, from(transparent), to(rgba(0,0,0,0.25)));
	background-image: -webkit-linear-gradient(bottom, transparent, rgba(0,0,0,0.25));
	box-shadow:0 0 0.273em rgba(0,0,0,1) inset, 0 0 1px rgba(0,0,0,1);
	height:1.091em;
	width:1.091em;
	margin:0.364em 1.364em 0.364em 0;
}

.ie9 .cssgradients .filterselect li span {
	box-shadow:0 0 0.545em rgba(0,0,0,1) inset, 0 0 2px rgba(0,0,0,1);
}

.filterselect .dots li span {
	border-radius:50%;
}

.no-cssgradients .filterselect .dots li span {
	background-image:url(../img/icon-receptor-mask.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}

.no-cssgradients .filterselect .lines li span {
	background-image:url(../img/icon-line-mask.png);
	width:20px;
	height:8px;
}

.filterselect .lines li span {
	height:0.545em;
	margin-top:0.455em;
	margin-right:0.636em;
	width:1.636em;
}

.cssgradients .filterselect li span:before {
	background-image: linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, top, bottom, from( rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75), rgba(255,255,255,0));
	content:'';
	position:absolute;
	left:0.091em;
	right:0.091em;
	top:0.091em;
	bottom:50%;
	overflow:hidden;
}

.cssgradients .filterselect .dots li span:before {
	border-radius:50%;
	left:0.182em;
	right:0.182em;
}

.filteroptions {
	border-right:5px solid #bddfed;
	border-bottom:5px solid #bddfed;
	margin:-15px 3px 10px -20px;
	padding:15px 15px 0 20px;
	display:none;
}

.filteroptions.show {
	display:block;
}

.filterselect input {
	width:auto !important;
}

/* lightbox */
.lightbox-overlay {
	background-color:rgba(0,0,0,0.5);
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9998;
	opacity:0;
	transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}

.lightbox {
	background-color:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	position:fixed;
	left:50%;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	z-index:9999;
}
.lightbox.scrollable {
	max-height: 80%;
	overflow: auto;
}

.ie9 .lightbox {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.lightbox.show {
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
}


.loadingpanel.hidden,
.lightbox-overlay.hidden,
#lightbox-loading.hidden,
.lightbox-form.hidden {
	display:none;
}

.lightbox-overlay.show {
	opacity:1;
}

#lightbox-message .ignore-checkbox {
	display: none;
	float: right; 
}
#lightbox-message .ignore-checkbox-show {
	display: block;
}

.ltie9 .lightbox-overlay.show {
	background:url(../img/overlay.png);
}

.lightbox .close-top, .close {
	background:url(../img/filter-toggle.png) left -60px no-repeat;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	right:10px;
	top:10px;
	border:none;
}

#lightbox-loading {
	background-image:url(../img/loader.gif);
	background-position:center 2em;
	background-repeat:no-repeat;
	top:50%;
	min-height:9em;
	width:28em;
	margin:-4.5em 0 0 -15em;
	text-align:center;
	vertical-align:bottom;
	padding:0 1em;
}

.lightbox-form {
	top:0;
	width:40em;
	margin:8em 0 0 -20em;
	padding:0 20px 20px 20px;
}

#lightbox-loading p {
	margin-top:3em;
	padding-top:32px;
}

/* login & logout */
.login,
.logged-in .logout,
.logged-in .myprofile,
.logged-in .my-tasks {
	color:#000;
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
}

.logout,
.myprofile,
.logged-in .login,
.my-tasks {
	display:none;
}

.logged-in .my-tasks.item-hide {
	display: none;
}

.emission-table tr.templateRow {
	display: none;
}

.hiddenmenu a.item-hide {
	display: none;
}

.input-narrow { width: 76px; }
.input-medium { width: 152px; }

/* new buttons release */
a.exporteren {
	display: block;
	width: 6.364em;
	height: 6.364em;
	text-align: center;
	position: relative;
}

a.exporteren.active,
a.exporteren:hover {
	background-color: #deeff6;
	text-decoration: none;
	color: inherit;
}



a.exporteren.disabled:hover {
	background-color: inherit;;
}

a.exporteren span {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
}

input#exportBtn {
	background-image: url("/includes/viewer/images/tools/icon-exporteer-modus.png");
	background-repeat: no-repeat;
	background-position: center 10px;
	background-color: #025B7C;
	outline: none;
	border: 1px solid #fff;
	color: #fff !important;
}

.selectionDropdown-opened .toolbar {
	top:30px;
}

.hiddenmenu .selectionDropdown-opened  .olControlPanZoomBar {
	top:-140px !important;
}

.toolbar input#exportBtn.active {
	background-image: url("/includes/viewer/images/tools/icon-annuleer-exporteren.png");
	color: #fff !important;
	font-weight: normal;
}

.toolbar a {
	background-repeat: no-repeat;
	background-position: center center;
}

.toolbar a#export-draw {
	background-image: url("/includes/viewer/images/tools/icon-polygoon-tekenen.png");
	background-position: center 12px;
}

.toolbar a#export-modify {
	background-image: url("/includes/viewer/images/tools/icon-polygoon-aanpassen.png");
	background-position: center 12px;		
}

.toolbar a#export-delete {
	background-image: url("/includes/viewer/images/tools/icon-polygoon-verwijderen.png");
	background-position: center 12px;			
}

.toolbar a#export-selection {
	background-image: url("/includes/viewer/images/tools/icon-selectie-exporteren.png");
	background-position: center 12px;			
}

.toolbar input#exportBtn.active:hover {
	background-color: #025B7C;
}

.bottomButtons a.disabled {
	opacity: 0.3;
	filter:alpha(opacity=30);
}

.topButtons,
.showExport .bottomButtons {
	max-height: 350px;
	overflow: hidden;
	width: 70px;

	-webkit-transition:max-height 300ms ease-out;
	-moz-transition:max-height 300ms ease-out;
	-ms-transition:max-height 300ms ease-out;
	-o-transition:max-height 300ms ease-out;
	transition:max-height 300ms ease-out;
}


.bottomButtons {
	max-height: 70px;
	overflow: hidden;
}

.bottomButtons.hidden {
	display: none;
}

.showExport .topButtons {
	max-height: 0
}

.mapControls.show-controls {
}

.mapControls.animated {
	overflow: inherit;
}

.mapControls > div {
	position: relative;
	display: none;
}

.mapControls.show-controls > div {
	display: block;
}

.mapControls.show-nwbcontrols .mapControls-copy {
	display: block;
}

.mapControls.show-controls .mapControls-copyNwb {
	display: none;
}

.mapControls.nwbCopy-mode > div {
	display: none;
}

.mapControls.nwbCopy-mode .mapControls-copyNwb {
	display: block;
}

.mapControls .sub-controls {
	position: absolute;
	left: 70px;
	top: 0px;
	z-index: 10;
	width: 70px;
	display: none;
}

.mapControls .sub-controls.active {
	display: block;
}

.active .sub-controls {
	display: block;
}

.mapControls .sub-controls .btn {
	width: 230px;
	height: 35px;
	display: inline-block;	
	position: relative;
	text-align: center;
	float: left;
	background: #fff;
}

.sub-controls .btn label {
	position: absolute;
	height: 100%;
	top: 0;
	line-height: 32px;
	margin-left: 36px;
	left: 0;
	right: 0;
	text-align: left;
	z-index: 1;
}

.sub-controls .btn label[for=preserve-transfer-cut]{
	border-bottom:1px solid #deeff6;
}

.sub-controls .active {
	font-weight: bold;
}

.olControlPanZoomBar{
	z-index: 99;
}

.mapControls .sub-controls .btn.active {
    /* style */
}

.mapControls .sub-controls input[type="radio"] {
	display: none;
}


#lightbox-exportSelection .confirm-export{
	margin-left: 10px;
}

#lightbox-exportSelection button.reset {
	background: none;
	border: none;
	float: right;
	font-weight: normal;
	text-decoration: underline;
	outline: none;
}

#lightbox-exportSelection button.close {
	display: block;
	float: left;
}

#map::selection *{  
	background:transparent;
} 

#lightbox-editaccount {
	height: 100px;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.approvement-container {
	position: relative;
}

.ajax-loader {
	width: 34px;
	height:34px;
	background: transparent url(../img/loader.gif) 0px 0px no-repeat;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
}

.form-panels .disabled ul label{
	color: #999;
} 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* export lightbox */
.lightbox-form#lightbox-exportSelection {
	left:0px;
	right:0px;
	width: 50em;
	margin:8em auto 8em auto;
	position: absolute;
}

.column {
	width: 50%;
	float: left;
}
.column.left fieldset {
	margin-right: 10px;
}

.column.right fieldset {
	margin-left: 10px;
}

.row > fieldset {
	margin-bottom: 8px;
}

.lightbox-form#lightbox-exportSelection #notification-emailaddress,
#exportForm #exportOptionsContainer #notification-emailaddress{
	width: 50%;
}


#lightbox-exportSelection .response > div {
	display: none;
}
#lightbox-exportSelection .response > div.export-runned {
	display: block;
}

#lightbox-exportSelection #notification-emailaddress,
#exportForm #notification-emailaddress{
	float: none;
	margin-left: 6px;
}

#lightbox-exportSelection .item .warning,
#exportForm #exportOptionsContainer .item .warning{
	margin-left: 0px;
}

::selection { 
	background: #deeff6;
	color: inherit;
}

p::selection,a::selection,h1::selection,h2::selection,h3::selection, label::selection, strong::selection, li::selection, th::selection, input::selection, td::selection {
	background: #deeff6;
}

/* Toolbox */
#toolbox-popup {
	width: 240px;
	height: 100px;
}

#toolbox-popup::selection *{
	background: none
}

#objectTools {
	z-index: 999999 !important;
}

#toolbox-popup.hidden {
	display: none;
}
#toolbox-popup .btn {
	width: 40px;
	height: 40px;
	display: inline-block;
	float: left;
	position: relative;
	background: rgba(255,255,255,0.8);
	margin: 10px;
	border: 1px solid black;
}

#toolbox-popup .btn.active, 
#toolbox-popup .btn:hover{
	background: green;
}

body.rotate-mode div.olMap{
	cursor: move!important;
}

/* custom styles */
#filter-information-panel {
	padding: 0;
}
#filter-information-panel ul {
	margin: 0;
	padding: 0;
		background-color: #deeff6;

}
#filter-information-panel ul li{
	padding: 5px;
	padding-top: 0px;
	list-style: none;
	border-bottom: 1px solid white;
}
#filter-information-panel ul li.header{
	list-style: none;
	padding-top: none;
	border-bottom: none;
	padding-top: 2px;
	font-weight: 800;
	margin-bottom: 0px;
}


.panel-content  .item.buttons-alt {
	position: absolute;
	top: 5px;
	right: 82px;
}

/* additional lightbox styling */
.content.options {
	padding-left: 0px;
	padding-bottom: 0px;
}

.content.options ul {
	padding-left: 0px;
	list-style: none;
	margin-left: 2px;
}

.content.options input {
	margin-right: 10px;
}

/* status bar */
#status-bar {
	position: absolute;
	width: 100%;
	top: 160px;
	z-index: 800;
	margin-top: -100px;
	opacity: 0;

	-webkit-transition:margin-top 300ms ease-out, opacity 300ms ease-in;
	-moz-transition:margin-top 300ms ease-out, opacity 300ms ease-in;
	-ms-transition:margin-top 300ms ease-out, opacity 300ms ease-in;
	-o-transition:margin-top 300ms ease-out, opacity 300ms ease-in;
	transition:margin-top 300ms ease-out, opacity 300ms ease-in;
}

#status-bar.active {
	margin-top: 0px;
	opacity: 1;
}

.hiddenmenu #status-bar {
	top: 6px;
}

.hiddenmenu .selectionDropdown-opened #status-bar{
	top: 50px;
}

.selectionDropdown-opened #status-bar{
	top: 200px;
}

#status-bar .inner {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 10px 20px;
	background:#fff;
	-webkit-box-shadow:0 0 1em rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 1em rgba(0,0,0,0.5);
	-ms-box-shadow:0 0 1em rgba(0,0,0,0.5);
	-o-box-shadow:0 0 1em rgba(0,0,0,0.5);
	box-shadow:0 0 1em rgba(0,0,0,0.5);
}

#status-bar .status-icon  {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	background-image: url(../img/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

#status-bar .close {
	background: url(../img/close-small.png) no-repeat center center;
	cursor: pointer;
	opacity: 0;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
	-o-transform:scale(0.5);
	transform:scale(0.5);

	-webkit-transition:-webkit-transform 100ms ease-out, opacity 100ms ease-in;
	-moz-transition:-moz-transform 100ms ease-out, opacity 100ms ease-in;
	-ms-transition:-ms-transform 100ms ease-out, opacity 100ms ease-in;
	-o-transition:-o-transform 100ms ease-out, opacity 100ms ease-in;
	transition:transform 100ms ease-out, opacity 100ms ease-in;
}

#status-bar:hover .close {
	display: block;
	opacity: 1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

#status-bar.success .status-icon {
	background-image: url(../img/success.png);	
}

#status-bar.error .status-icon {
	background-image: url(../img/error.png);	
}


#status-bar .inner p,
#status-bar .inner h3  {
	margin: 0px 20px 6px 54px;
}

#status-bar .inner h3 {
	margin-top: 4px;
}

#lightbox-taskmanager {
	width: 460px;
}

#lightbox-taskmanager form {
	max-height: 320px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 2.2em;
}

#lightbox-taskmanager table {
	margin: 0px;
}

.startCalculationTask,
.btn-taskmanager {
	width: 100%;
	padding: 4px;
	background-color:#046f96;
	color:#fff!important;
	position: relative;
}


.startCalculationTask i,
.btn-taskmanager i {
	font-style: normal;
	position: absolute;
	right: 20px;
}

.startCalculationTask {
	display: block;
	margin-bottom: 10px;
}

.btn-taskmanager {
	margin-top: 8px;
}
.filter-header {
	margin-top: 0px!important;
	padding-top: 6px;
	border-top: 1px solid #ddd;
}
.timer {
	position: absolute; top: 48px; right:20px;
}
.timer.hidden {
	display: none;
}
.timer .timerElement {
	width: 10px; height:10px; margin: 1px; float:left;
}
.timer .timerElement.inactive {
	background-color: #deeff6;
}
.timer .timerElement.active {
	background-color: #046f96;
}
.reload {
	position: absolute; top: 48px; right:20px;
}
.reload.hidden {
	display: none;
}

.calculation-errors {
	margin-left: 6px;
	margin-bottom: 20px;
}

.calculation-errors.hidden {
	display: none;
}
.calculation-errors ul {
	padding:0px;
	margin: 0px;
}
.calculation-errors li {
	display: none;
}

.calculation-errors li.active {
	display: block;
}

.pop-up-message {
	display: block;
	padding-top: 10px;
}
.pop-up-message.hidden {
	display: none;
}

.form-alt .item .pop-up-message {
	margin-left: 0px;
}

hr.dashed {
	border-top: 1px dashed #ccc;
}

.buildingHolder {
	background-color: rgba(249, 252, 253, 1);
	padding: 10px;
	margin-bottom: 10px;
}

.mapCopyright {
	position: absolute;
    left:10px;
    bottom:1px;
    z-index:9999;
    background: rgba(255, 255, 255, 0.8);
    padding-left: 2px;
    padding-right: 2px;
    line-height: 1.2;
}