@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import 'styles/themes.css';

button#toggle-search {
	display: none;
}

body {
	margin: 0;
	font-size: 1em;
	font-family: 'Montserrat';
	background-color: var(--lizmap-color-background-primary) !important;
}
* {
	font-family: 'Montserrat', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: normal !important;
}

#print-launch {
	background: #008DD2 !important;
}

#header {
	height: 75px;
	position: fixed;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 1030;
	margin-bottom: 0px;
	overflow: visible;
	background-color: #2b2b2b;
	background-image: url(img/header-background-medium.png);
	background-repeat: repeat;
	color: var(--lizmap-color-background-content-primary);
	font-size: 0.8em;
}
#logo {
	float: left;
	height: 65px;
	min-width: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	background: url('img/logo.png') no-repeat;
	background-size: contain;
	background-position: center;
}
#logo h1 {
	margin-left: 85px;
	font-size: 2.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#title {
	position: relative;
	max-width: 85%;
	height: auto;
	margin-top: 20px;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	background: inherit;
}
#title h1 {
	position: relative;
	display: inline;
	color: #e9e9e9;
	font-size: 2em;
	line-height: 1em;
}
#title h2 {
	position: relative;
	display: inline;
	color: lightgrey;
	font-size: 1em;
	line-height: 0.5em;
	margin-top: 2em;
	margin-left: 0.5em;
}
#title h2 a {
	color: inherit;
	text-decoration: none;
}

#headermenu {
	position: fixed;
	right: 0px;
	left: 0px;
	top: 45px;
	z-index: 1030;
	margin-bottom: 0px;
	overflow: visible;
	font-size: inherit;
	background: transparent;
}

#auth {
	background: transparent;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
	padding: 0px 0px;
	box-shadow: none;
}

.navbar-inner {
	min-height: 30px;
	padding: 0px 10px;
}

.navbar .nav li {
	line-height: 28px;
}

.navbar .nav > li > a {
	padding: 0px 10px;
	text-shadow: none;
}
.navbar .nav .active > a,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: #eeeeee;
	text-decoration: none;
	text-shadow: none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #333;
	background-color: #08c;
	text-shadow: none;
}
.navbar .nav > li > .dropdown-menu:after {
	border-bottom: 6px solid #f5f5f5;
}
.dropdown-menu {
	background-color: #fffdfd;
	box-shadow: 0 2px 10px rgba(35, 35, 35, 0.3);
}
.navbar .navbar-inner .icon {
	display: inline-block;
	vertical-align: middle;
	background-image: url('images/sprite_20_tools.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.navbar .navbar-inner .caret {
	display: inline-block;
	vertical-align: text-top;
}
.caret{
	transition: transform 0.3s;
}
.nav .GeoportalDopdownUser.open .CustomNavView__marker .caret{
	transform: rotate(180deg);
	border-top-color: #08c !important;
	border-bottom-color: #08c !important;
}
.navbar .navbar-inner .text {
	display: inline-block;
	vertical-align: middle;
}
.navbar .nav .login .icon {
	background-position: -225px 0px;
}
.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
	background-position: -200px 0px;
}
.navbar .nav .registered .icon {
	background-position: -825px 0px;
}
.navbar .nav .registered a:hover .icon,
.navbar .nav .registered.active a .icon {
	background-position: -800px 0px;
}
.navbar .nav .user .icon {
	background-position: -575px 0px;
}
.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon {
	background-position: -550px 0px;
}
.navbar .nav .home .icon {
	background-position: -25px 0px;
}
.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
	background-position: 0px 0px;
}
/* #content {
	padding-top: 40px;
} */

div.form-horizontal .controls .jforms-value {
	font-size: 14px;
	padding-top: 5px;
	display: inline-block;
}
div.form-horizontal .control-label {
	font-weight: bold;
}

.alert-danger,
.alert-error {
	color: #f00;
	border: 1px solid #f00;
}

#landingPageContent .image-style-align-left,
#landingPageContentBottom .image-style-align-left {
	float: left;
	max-width: 50%;
	margin-right: 1.5em;
}

#landingPageContent .image-style-align-center,
#landingPageContentBottom .image-style-align-center {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	clear: both;
}

#landingPageContent .image-style-align-right,
#landingPageContentBottom .image-style-align-right {
	float: right;
	max-width: 50%;
	margin-left: 1.5em;
}

/* spinner */
.spinner::after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 4px solid transparent;
	border-top-color: var(--lizmap-color-background-content-primary);
	border-radius: 50%;
	animation: spinner 1s linear infinite;
}

@keyframes spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform: rotate(1turn);
	}
}
.liz-repository-title {
	color: var(--lizmap-text-color-secondary);
}
.ibl_main__container {
	margin: 0;
}

#content {
	font-size: 0.8em;
	padding: 0 0.5em;
}

.ibl_main__container {
	position: absolute;
	inset: 7em 0em 0.5em 6em;
	overflow-y: auto;
	overflow-x: hidden;
	width: calc(100% - 7em);
}

.ibl_main__container::-webkit-scrollbar {
	width: 5px;
}

.ibl_main__container::-webkit-scrollbar-thumb {
	background-color: var(--lizmap-color-background-content-primary);
	border-radius: 10px;
}

a.btn.liz-project-view,
a.btn.liz-project-show-desc {
	position: relative;
	background-color: transparent;
	transition: background-color 0.3s, color 0.3s;
	padding: 6px 12px;
	border-radius: 5px;
	width: fit-content;
}

.liz-repository-project-list {
	margin: 0;
}
.thumbnail {
	background-color: var(--lizmap-color-background-content-primary) !important;
}

a.btn.liz-project-view,
a.btn.liz-project-show-desc {
	display: block;
	margin: 0.5rem 0;
}

a.btn.liz-project-view:hover,
a.btn.liz-project-show-desc {
	border: 1px solid var(--lizmap-border-color-primary);
	color: var(--lizmap-text-color-secondary);
	background-color: transparent;
}

a.btn.liz-project-view,
a.btn.liz-project-show-desc:hover {
	border: 1px solid var(--lizmap-border-color-primary);
	background-color: var(--lizmap-color-background-content-secondary);
	color: #fffdfd;
}

.ibl_header {
	position: fixed;
	top: 0.5em;
	left: 80px;
	width: calc(100% - 95px);
	z-index: 1000;
	height: 60px;
	background-color: var(--lizmap-color-background-content-primary);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	padding: 0.25rem;
}
.ibl_header__title {
	font-size: 18px;
	margin: 0 1rem;
	font-weight: bold !important;
}

.ibl_header__search {
	width: 15%;
}
.ibl_header__search__input_container__input {
	width: 100% !important;
}
.ibl_header__search__input_container {
	width: 100%;
	position: relative;
}
.ibl_header__search__input_container__icon {
	width: 20px;
	height: 20px;
	position: absolute;
	fill: white;
	padding: 5px;
	border-radius: 5px;
	background-color: var(--lizmap-color-background-content-secondary);
	top: 0;
	left: 100%;
}

.ibl_header__user_menu {
	box-shadow: none;
	border: none;
}
.ibl_header__user_menu__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0;
}
.user_menu_icon {
	display: block;
	width: 35px;
	height: 35px;
}
.user_menu__user_data {
	margin: 0 0.5rem;
}
.user_menu_name {
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	color: var(--lizmap-text-color-secondary);
	font-weight: bold;
}
.user_menu_role {
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: grey;
}

.ibl_sidebar {
	position: fixed;
	top: 0.5em;
	left: 0.5em;
	bottom: 0.5em;
	width: 65px;
	text-align: center;
	padding: 0 !important;
	border-radius: 5px;
	background-color: var(--lizmap-color-background-content-primary);
	z-index: 1000;
}
.ibl_sidebar__logo {
	font-size: 26px;
	color: var(--lizmap-text-color-secondary);
	font-weight: bold !important;
}

.ibl_header_admin {
	position: fixed;
	top: 0.5em;
	right: 0.5em;
	width: calc(100% - 90px);
	z-index: 1000;
	height: 65px;
	background-color: var(--lizmap-color-background-content-primary);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
}
.ibl_header_admin__title {
	font-size: 18px;
	margin: 0 0.5rem;
	font-weight: bold !important;
}

.ibl_login_input {
	padding: 1.2rem !important;
	width: 100% !important;
}
.ibl_login_input::placeholder {
	padding: 0 0.1rem !important;
}
.ibl_remember__label {
	background-color: transparent !important;
	margin: 0 0.5rem 0 0 !important;
	display: inline !important;
	text-align: left !important;
}
.ibl_remember__checkbox {
	background-color: transparent !important;
}

/* Style dla menu */

.GeoportalDopdownUser {
	color: black !important;
}

a#info-user.dropdown-toggle {
	background: none !important;
}

.text > .hidden-phone > span {
	color: black !important;
}

.CustomNavView {
	display: flex;
}
.CustomNavView > div {
	color: black;
}

.CustomNavView__image {
	border-radius: 50%;
	overflow: hidden;
}
.CustomNavView__image > img {
	width: 3.5rem;
	height: 3.5rem;
}
.CustomNavView__data {
	margin-left: 0.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.CustomNavView__data > div:last-child {
	text-transform: uppercase;
	font-size: 0.75rem;
}
.CustomNavView__data--username {
	display: flex;
	color: var(--lizmap-text-color-secondary);
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1rem;
	height: 1.2rem;
}
.CustomNavView__data--username > div:last-child {
	margin-left: 0.5rem;
}
.CustomNavView__marker {
	margin-left: 0.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

ul.nav.nav-list.ibl_sidebar_admin__items > li:first-child {
	display: none;
}

.permaLink form,
.permaLink form input {
	margin: 0;
}

.pull-right {
	text-align: left;
	border: none;
}
.pull-right li {
	text-align: left;
	display: flex;
	justify-content: start;
	padding: 0.2rem;
	cursor: pointer;
	border-bottom: solid 1px rgb(185, 185, 185, 0.6);
}
.pull-right li:last-child {
	border-bottom: none;
}
.pull-right li a {
	text-align: left;
	width: 100%;
	padding: 0.4rem 0.2rem !important;
	color: #666;
}

.pull-right li a:hover {
	background-color: initial;
	background-color: transparent!important;
	color: black!important;
}

.dropdown-menu__navbar__icon {
	width: 30px;
	height: 30px;
	margin: 0 0.5rem;
}
/* Style dla menu */

div.CustomNavView__data > div:nth-child(2) {
	text-align: end;
}
/* Style dla profilu */

.control-group .control-label {
	text-align: left;
	color: var(--lizmap-text-color-secondary);
}



/* Change password & edit account*/
.project-box.change-password,
.project-box.edit-account{
	padding-top: 30px;
}

.change-password .form-horizontal .control-label,
.edit-account .form-horizontal .control-label{
	position: absolute;
	top: 0;
	left: 10px;
	margin: 0;
	text-align: left;
	font-weight: 500;
	width: 100%;
	font-size: 15px;
	transition: 0.3s;
}

.edit-account .form-horizontal .control-label{
	color: rgb(114, 114, 120);
}

/* .change-password .controls input{
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--lizmap-border-color-primary);
	border-radius: 0;
	box-shadow: none;
} */

.change-password .form-horizontal .controls input,
.edit-account .form-horizontal .controls input {
	background: transparent;
    padding: 15px 10px !important;
    border: none;
    border-radius: 0;
    /* max-width: 400px; */
    z-index: 0;
    box-shadow: none;
    font-size: 15px;
    border-bottom: 1px solid #727278;
	width: 100%;
}

.change-password .control-group label,
#jforms_lizmap_account_comment_label{
	color: rgb(114, 114, 120);
}

.change-password .jforms-table,
.edit-account .jforms-table{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.change-password .form-horizontal .form-actions,
.edit-account .form-horizontal .form-actions{
	padding: 0;
}

.change-password .jforms-help{
	top: 5px;
	transform: none;
}

.change-password .jforms-password-editor{
	width: 100%;
}

.change-password .jforms-password-score{
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.change-password .jforms-password-buttons{
	margin: 0;
	gap: 10px;
}

.change-password .jforms-password-buttons button{
	height: 24px;
	width: 24px;
	margin-top: 10px;
	background-repeat: no-repeat;
}

.change-password .jforms-password-buttons button:focus{
	background-color: transparent;
	background-position: center;
	
}

@media(max-width: 800px){
	.change-password .jforms-table, .edit-account .jforms-table{
		grid-template-columns: 1fr;
	}
}

@media(max-width: 500px){
	.change-password .form-horizontal .control-label,
	.edit-account .form-horizontal .control-label,
	.form-horizontal .control-label{
		padding-top: 5px;
	}
}

.navbar-search .search-query{
	height: 100%;
}

@media(max-width: 800px) {
	div.input-prepend.ibl_header__search {
		display: none;
	}
	span.text.hidden-phone {
		display: block !important;
	}
}
@media(max-width: 700px) {
	.ibl_header__search {
		display: none;
	}
}
@media(max-width: 600px) {
	.CustomNavView__data {
		display: none;
	}

	.liz-repository-title {
		font-size: 15px;
	}
}
@media(max-width: 500px) {
	.ibl_header__title {
		display: none;
	}

	.ibl_header {
		display: flex;
		justify-content: end;
	}
}

div.ibl_header_admin {
	z-index: 10000 !important;
}

.swal2-container.swal2-center.swal2-backdrop-show {
	z-index: 1000000 !important;
}


.SelectClosest__Tools {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	margin: 1rem 0rem;
}

.SelectClosest__Buffer--Number {
	width: 100%;
	min-height: 1.5rem;
}

.SelectClosest__Submit--Button {
	width: 100%;
	padding: .25rem;
	border: none;
	background: #008DD2;
	font-size: 1.1rem;
	color: white;
	border-radius: 5px;
}

.SelectClosest__Results {
	margin-top: 1rem;
}

.SelectClosestResult {
	background: #92A5C6;
	display: flex;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: .5rem;
}

.SelectClosestResult:hover {
	cursor: pointer;
}

.SelectClosestResult__LeftBar {
	min-height: 100%;
	background: #008DD2;
	width: .5rem;
}

.SelectClosestResult__Content {
	/* padding: .5rem; */
	width: 100%;
}

.SelectClosestResult__Content--Title {
	padding: .65rem 0rem;
	margin: .5rem;
}

.SelectClosestResultFeature {
	padding: .2rem .5rem;
	min-width: 100%;
}

.SelectClosestResultFeature:hover {
	background: #5C79AA;
	cursor: pointer;
}








#map-content .draw .menu-content .digitizing .digitizing-text.btn {
	line-height: 18px;
    padding: 4px 8px!important;
    background-position: 0 -30px;
}
.menu-content .digitizing .digitizing-text.btn {
	line-height: 18px;
    padding: 4px 8px!important;
    background-position: 0 -30px;
}
#map-content .draw .menu-content .digitizing .digitizing-text.btn:hover {
	color: #fff;
}
.menu-content .digitizing .digitizing-text.btn:hover {
	color: #fff;
}

.selectiontool-export-formats.dropdown-menu.dropdown-menu-right {
	overflow-y: scroll;
    height: 10rem;
    background: white;
}