@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;
}

#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 0.5rem !important;
	font-weight: bold !important;
}
@media (max-width: 950px) {
	.CustomNavView__image{
		display: none;
	}
}
.CustomNavView__marker .caret{
	border-top-color: var(--lizmap-border-color-primary) !important;
	border-bottom-color: var(--lizmap-border-color-primary) !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%;
}

@media(max-width: 950px){
	.ibl_header__search__input_container{
		display: none !important;
	}
}

.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;
	width: 64px;
	height: 55px;
	background-size: 70% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 706 548' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-323.304,-182.354)'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cpath d='M175.06,89.549L175.06,80.589C154.19,84.835 134.091,92.191 118.953,102.554C106.173,111.303 96.223,122.87 96.649,135.318C96.739,137.962 97.304,140.583 98.345,143.137C98.879,144.448 99.534,145.733 100.308,146.987C99.94,145.509 99.731,144.015 99.68,142.514C99.267,130.434 108.923,119.208 121.326,110.717C135.843,100.779 155.063,93.69 175.06,89.549ZM214.805,92.54C214.044,91.927 212.98,91.547 211.796,91.547C210.621,91.547 209.557,91.931 208.787,92.551L208.773,92.551C208.012,93.164 207.54,94.022 207.54,94.976C207.54,95.93 208.012,96.787 208.773,97.4L208.787,97.4C209.557,98.021 210.621,98.404 211.796,98.404C212.98,98.404 214.044,98.025 214.805,97.412L214.819,97.4C215.58,96.787 216.051,95.93 216.051,94.976C216.051,94.029 215.575,93.172 214.805,92.551L214.805,92.54ZM211.796,85.925C214.885,85.925 217.692,86.94 219.732,88.582L219.739,88.576C221.771,90.214 223.029,92.477 223.029,94.976C223.029,97.462 221.772,99.721 219.739,101.364L219.733,101.368L219.725,101.375C217.686,103.013 214.882,104.026 211.796,104.026C208.695,104.026 205.885,103.013 203.853,101.375L203.86,101.37C203.34,100.95 202.87,100.49 202.46,99.996C167.022,103.196 117.12,118.645 118.034,145.399C118.101,147.349 118.519,149.286 119.286,151.169C120.052,153.053 121.164,154.867 122.588,156.577C129.646,165.053 143.556,170.239 157.262,172.849C164.916,174.307 172.907,175.075 180.961,175.251C170.727,175.256 160.523,174.416 150.814,172.567C135.749,169.698 120.459,163.997 112.701,154.681C111.136,152.802 109.914,150.807 109.072,148.738C108.229,146.667 107.769,144.538 107.696,142.395C107.334,131.776 116.241,121.811 127.107,114.371C142.068,104.129 162.481,97.133 183.213,93.479C189.205,92.423 195.387,91.618 201.649,91.102C202.205,90.163 202.955,89.311 203.86,88.582L203.853,88.576C205.885,86.938 208.695,85.925 211.796,85.925ZM238.652,50.38C237.892,49.767 236.827,49.387 235.643,49.387C234.468,49.387 233.404,49.771 232.634,50.391L232.62,50.391C231.859,51.004 231.388,51.862 231.388,52.816C231.388,53.77 231.859,54.628 232.62,55.24L232.634,55.24C233.404,55.861 234.468,56.244 235.643,56.244C236.827,56.244 237.892,55.865 238.652,55.252L238.666,55.24C239.427,54.628 239.899,53.77 239.899,52.816C239.899,51.869 239.422,51.012 238.652,50.391L238.652,50.38ZM235.643,43.765C238.732,43.765 241.539,44.78 243.579,46.422L243.586,46.416C245.619,48.054 246.877,50.317 246.877,52.816C246.877,55.302 245.62,57.561 243.586,59.204L243.581,59.209L243.572,59.216C241.533,60.854 238.729,61.867 235.643,61.867C232.542,61.867 229.732,60.853 227.7,59.216L227.707,59.21C226.988,58.63 226.366,57.973 225.862,57.256C208.766,56.778 191.472,58.172 175.138,61.05C148.052,65.824 121.785,75.001 102.249,88.376C91.286,95.88 82.273,104.934 77.593,114.856C79.971,101.308 90.952,88.886 105.249,79.098C124.786,65.724 151.054,56.547 178.138,51.773C193.627,49.043 209.978,47.649 226.205,47.919C226.64,47.379 227.144,46.876 227.707,46.422L227.7,46.416C229.732,44.778 232.542,43.765 235.643,43.765ZM210.146,62.279C199.363,62.693 188.256,63.854 177.081,65.823C113.378,77.05 71.579,110.313 83.721,140.12C87.859,150.277 97.727,158.722 111.461,164.998C101.465,159.48 94.279,152.539 90.978,144.436C79.581,116.458 118.817,85.235 178.612,74.696C189.273,72.817 199.868,71.723 210.146,71.352L210.146,62.279Z' style='fill:url(%23_Linear1);'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(169.283,0,0,169.283,77.5936,109.508)'%3E%3Cstop offset='0' style='stop-color:rgb(220,36,41);stop-opacity:1'/%3E%3Cstop offset='0.5' style='stop-color:rgb(238,107,49);stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:rgb(240,83,37);stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	margin: 0.5rem 0rem;
}

.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%;
}