/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}


a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
	color: #0366d6;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px; /* Vertically center the text there */
}




.fbox {
	min-height: 100%;
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
}

	.fbox .frow {
		/*border: 1px dotted grey;*/
		display: flex;
		justify-content: center;
		height: inherit;
	}

		.fbox .frow.header {
			white-space: nowrap;
			flex: 0 1 auto;
			flex-direction: row;
		}

		.fbox .frow.content {
			display: flex;
			/*flex: 1 1 auto;*/
			flex: 1 1 auto;
			width: 100%; /*added for shrink problem*/
			/*background: lightgreen;*/
			position: relative;
			display: flex;
			flex-flow: column;
			/*height: 95vh;*/
			/*height: calc(100vh - px);*/
			/*height: 100vh;*/
		}

		.fbox .frow.sub-content {
			display: flex;
			flex: 1 1 auto;
			/*background: red;*/
			position: relative;
			display: flex;
			flex-flow: row;
			/*height: 95vh;*/
		}

		.fbox .frow.tabela {
			/*position: relative;*/
			position: absolute;
			/*align-items:flex-end;*/
			width: 100%;
			/*background: orange;*/
			flex: 1 1 auto;
			height: 300px;
			/*height: 0px;*/
			bottom: 0;
			/*display: none;*/
			/*visibility: hidden;*/
			/*display: none;*/
		}


		.fbox .frow.footer {
			/*background: yellow;*/
			flex: 0 1 40px;
		}

.layer-legend {
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 2px;
}

.sub-elements-visible {
	display: block;
}

.sub-elements-collapsed {
	display: none;
}

#LEGEND li {
	padding-top: 4px;
	padding-bottom: 4px;
}

.layer-caption {
	cursor: pointer;
	flex-grow: 2;
	color: #d0e0bd;
	/*background:#7fa552;*/
	display: flex;
	padding-left: 4px;
}

.layer-caption-line {
	display: flex;
	flex-direction: row;
}

input.layer-check-box {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
}

.collapsable-header {
	cursor: pointer;
}

.content-visible {
	display: block;
}

.content-collapsed {
	display: none;
}

.collapse-tg {
	/*display: none;*/
	/*visibility: collapse;*/
	display: none;
}


.analiza-button, .table-button {
	display: block;
	width: 100%;
	margin: 2px 0px 2px 0px;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


ul.filter-group {
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
}

	ul.filter-group li.master-switch {
		font-weight: bold;
	}

	ul.filter-group li label {
		cursor: pointer;
	}


#MAP-SEARCH {
	z-index: 100000;
	background-color: #1980FF;
	font-size: 13px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 350px;
	height: 25px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	display: flex;
	flex-direction: row;
}

#full-search {
	flex-grow:2;
}

#MAP-SEARCH input {
	flex-grow: 2;
	height: 100%;
	border-width: 0px;
}

	#MAP-SEARCH input:focus {
		outline: none;
	}

.status_bar {
	z-index: 100000;
	opacity: 0.8;
	background-color: #FFFFFF;
	font-size: 11px;
	position: absolute;
	bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}


#SCALE-POSITION-PLACEHOLDER {
	left: 1px;
}

#COPYRIGHT {
	right: 1px;
}


#POSITION {
	padding-left: 8px;
}

.custom-mouse-position {
	display: inline;
}


/*.toolbar-button {
	background: transparent;*/
/*border-color: transparent;*/
/*border-width: 0;
	width: 35px;
	height: 35px;
	margin-right: 20px;
}


	.toolbar-button > img {
		width: 30px;
		height: 30px;
	}

	.toolbar-button:hover {
		filter: drop-shadow(3px 3px 2px ) invert(55%);
	}

	.toolbar-button:checked {
		background: red;
	}*/


#FILTER-PH li {
	font-size: 13px;
	margin-left: 10px
}

#FILTER-PH ul.filter-group {
	font-size: 15px;
	margin-bottom: 20px
}


#FILTER button {
	margin-right: 5px;
	float: right;
}

.layer-name {
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px
}


#TOOLBAR img {
	height: 28px;
	width: 28px;
}


button {
	background: #1980FF;
	color: white;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

li.group-layer {
	border-bottom: 1px solid #d0e0bd
}

li li.group-layer {
	border-bottom: none;
}


.no-geometry {
	font-weight: normal;
	cursor: text;
}

.has-geometry {
	font-weight: bold;
	cursor: pointer;
}


button.w2ui-btn {
	background: #1980FF;
	color: white;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 0px;
}
	button.w2ui-btn:hover {
		border: 1px solid #bbb;
		color: white;
		background-image: none;
	}

	.w2ui-popup {
		border-radius: 0px;
		font-family: Roboto;
	}

	.w2ui-popup .w2ui-popup-title {
		background: #1980FF;
		color: white;
		border-radius: 0px;
	}
/*
.ui-autocomplete{
	max-height:500px;
	height:500px;
}

.ui-menu {
	max-height: 500px;
	height: 500px;
}*/
.ui-autocomplete {
	max-height: 600px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index: 1000 !important;
}

#LEGEND li:not(.expanded) >.legend {
	display: none;
}

#LEGEND li:not(.expanded) > .group-layer-expander {
	display: none;
}

.group-layer-expander {
	padding-left: 5px;
	padding-right: 5px;
}

#LEGEND li > .layer-caption-line .group-layer-expander::after {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
}
#LEGEND li > .layer-caption-line .group-layer-expander:hover {
	background-color: #FFFFFF80;
}


#LEGEND li:not(.expanded) > .layer-caption-line .group-layer-expander::after {
	background: url("/images/Expander down - 01-16x16.svg") center;
}

#LEGEND li.expanded > .layer-caption-line .group-layer-expander::after {
	background: url("/images/Up Arrow - 01-16x16.svg") center;
}

.query-layer {
	margin-bottom: 6pt;
	border-bottom: solid darkblue 2pt;
}

.query-layer-name {
	cursor: pointer;
}

.query-layer.expanded > .query-layer-name .down {
	display: none;
}

.query-layer:not(.expanded) > .query-layer-name .up {
	display: none;
}

.query-layer:not(.expanded) > .query-layer-rows {
	display: none;
}

/*
.down {
	background-color: red;
}

.up {
	background-color: blue;
}
	*/




/* ---------------------------------------------------
    PRIPOMOCKI
----------------------------------------------------- */

div#pripomocki {
	background-color: #0071BA;
	height: 60px;
	color: #fff;
	float: right;
	padding: 15px;
	font-size: 16px;
	opacity: 0.8;
}

	div#pripomocki img {
		height: 30px;
		width: 30px;
	}

	div#pripomocki p {
		display: inline-block;
		margin-left: 10px;
	}

	div#pripomocki:hover {
		cursor: pointer;
		background-color: #0074bc;
		opacity: 1;
	}

.promo {
	display: none;
}

	.promo > .row {
		right: 0;
		position: fixed;
		background-color: #c3c3c3;
		top: 48px;
		height: auto;
		padding: 40px 0px 20px 0;
		color: #fff;
		list-style-type: none;
		margin: 0px 0px 20px 0;
		z-index: 99999;
		width: calc(100% - 270px);
		border-left: 0px;
	}


/*
@media (max-width:768px) {
	.promo > .row {
		left: 0px;
		width: 100%;
	}

	div.paket-container > ul > li > div > .right {
		float: initial !important;
		width: 20%;
		display: block;
	}

	div.paket-container > ul > li:last-child {
		display: block;
		width: 100%;
	}

		div.paket-container > ul > li:last-child > * {
			display: inline-block;
		}

		div.paket-container > ul > li:last-child img {
			width: 35%;
		}
}

@media (max-width:991px) {
	.promo > .row {
		overflow-y: scroll;
		height: calc(100% - 60px);
	}
}
*/



.promo .btn-circle {
	background-color: #0074bc;
}

.promo .btn-circle {
	width: 90px;
	height: 90px;
}

.btn {
	border-radius: 0;
}

.btn-circle {
	background-color: #0074bc;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
}

	.btn-circle img {
		padding: 7px;
	}


.promo .box-icon {
	z-index: 999;
}

.promo .box-link {
	display: table;
	width: 80%;
	background-color: #fff;
	height: 80px;
	margin-left: -30px;
	padding-left: 40px;
	border-radius: 5px;
	margin-top: 5px;
}

	.promo .box-link a {
		display: table-cell;
		vertical-align: middle;
	}

.promo .col-md-3 {
	padding: 0 15px;
	padding-bottom: 16px;
}

.promo .btn-circle.zps {
	background-color: #c72b2b;
}

@media (max-width:556px) {
	div#pripomocki p {
		display: none;
	}
}




.flex-row, .flex-row > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 1 auto;
	width: 100%;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}


@media (min-width: 1200px) {
	.promo .col-lg-6 {
		max-width: 33.33333%;
	}

}

#QUERY h1 {
	font-size: 12pt;
	font-weight: bold;
}

#QUERY table{
	border: solid;
	margin-bottom: 6pt;
	width: 100%;
}

#QUERY tr {
	border-bottom: 1pt solid white;
}

#QUERY .query_col_name {
	text-align: right;
	vertical-align: text-top;
	padding-right: 2pt;
	font-weight: lighter;
	font-size: smaller;
	border-right: 1pt solid white;
	width: 60pt;
}

#QUERY .query_value {
	padding-left: 2pt;
	vertical-align: text-top;
	font-weight: bold;
}