@import url(space.css);
@import url(leftsidebar.css);
@import url(rightsidebar.css);
@import url(map_page.css);
@import url(algolia.css);
@import url(schedule.css);
@import url(legend.css);
@import url(dev.css);
@import url(partner.css);
@import url(../svg/TOURISM/tourism.css);
@import url(../svg/direction_icons/direction_icons.css); /*https://github.com/mapbox/directions-icons*/

:root {
	--header-height: 66px;
	--footer-height: 54px;
	--selected-color: aliceblue;
}

header div.rd-navbar-panel a {
	float: left;
	padding: 21px 20px;
}

header div.rd-navbar-panel a.active,
header div.rd-navbar-panel a:hover {
	background-color: #1a5774;
}

header #header-language {
	margin-top: calc(var(--header-height) - 51px);
}

.text-success {
	color: #b0c72a;
}

.text-danger {

}
.no-hover {
	background-color: initial !important;
}

.Widget {
	background-color: #9e328a;
	color: white;
}

li.active > .Widget-hover,
.Widget-hover:hover {
	background-color: #b66daa !important;
	color: white;
}

.Api {
	background-color: #83a20d;
	color: white;
}

li.active > .Api-hover,
.Api-hover:hover {
	background-color: #b0c72a !important;
	color: white;
}

.height-page {
	min-height: 0 !important;
	height: calc(100% - var(--header-height) - var(--footer-height)) !important;
	margin-top: var(--header-height) !important;
	overflow-y: auto;
}

.text-subline.text-subline-norm:before {
	width: 0;
}

.p-evt-none,
.disabled {
	pointer-events: none;
}

.btn-rect {
	padding: 17px 7px;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.btn-square {
	padding: 17px 17px;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.btn-square-flat {
	box-shadow: none;
	border: none;
}

.btn-square-50-i {
	margin-top: 15px;
}

.l-height {
	line-height: 50px;
}

.btn-square-50 {
	padding: 0 !important;
	width: 50px;
	height: 50px;
}

.btn-square-50-30 {
	padding: 0 !important;
	width: 50px;
	height: 30px;
}

.btn-circle-20 {
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	border-radius: 10px !important;
}

.btn-circle-30 {
	width: 30px !important;
	height: 30px !important;
	padding: 6px 0 !important;
	border-radius: 15px !important;
}

.text-trans-n {
	text-transform: none;
}

.tab-pane .panel-body {
	border-top: none !important;
}

/*.hpanel:not(.panel-collapse) .hbuilt.panel-heading {
	border-bottom: none !important;
}*/

.linenumber {
	display: inline-block;
	color: white;
	height: 22px;
	min-width: 22px;
	border: 1px solid black;
	line-height: 20px;
	text-align: center;
	padding: 0 3px;
	margin: 0 3px;
}

.table-calendar-container {
	max-height: 50%;
	overflow-y: auto;
	overflow-x: hidden;
}

.table-calendar th,
.table-calendar td {
	min-width: 30px;
	text-align: center;
	border-right: 1px solid #ddd;
}

.table-calendar th:first-child,
.table-calendar td:first-child {
	border-left: 1px solid #ddd;
}

.table-calendar.table-calendar-2 th,
.table-calendar.table-calendar-2 td {
	min-width: 43px;
}

.table-calendar.table-calendar-2 td {
	border-bottom: 1px solid #ddd;
}

.table-calendar.table-calendar-2 td.colored {
	background-color: #e9f0ff;
}

.leaflet-popup {
	margin-bottom: 20px !important;
}

.leaflet-popup-tip {
	margin: -10px auto 0!important;
}

.leaflet-popup-content-wrapper {
	padding: 0!important;
}

.leaflet-popup-content {
	margin: 0!important;
	min-width: 220px !important;
}

.leaflet-popup-content div.panel-body {
	margin: 0 20px;
}

.leaflet-popup-content div.panel-footer {
	border-top: 1px solid #e4e5e7;
}

a.leaflet-popup-close-button {
	color: var(--main-color) !important;
}

#home_image_1 {
	background-image: url('../images/home_image_1.jpg');
	background-size: 100% 100%;
	/*height: 500px;*/
}

#home_image_1 .list-vertical-right-line li:hover {
	background: rgba(110, 153, 48, 0.31);
}

#home_image_1 .owl-carousel-default .owl-dot {
	height: 15px !important;
	width: 15px !important;
}

.header-logo,
.rd-navbar-default.rd-navbar-fixed,
.rd-navbar-floated.rd-navbar-fixed,
.rd-navbar-top-panel.rd-navbar-fixed,
.rd-navbar-logo-center.rd-navbar-fixed,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-floated.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-panel {
	height: var(--header-height);
}

.rd-navbar-floated.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck,
.bg-gray-darkest {
	background: var(--main-color);
	fill: var(--main-color);
}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel {
	background: var(--main-color);
}

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-sidebar-toggle.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-nav-wrap {
	background: var(--main-color);
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after,
.rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a:after,
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a:after {
	background: white;
}

.rd-navbar-floated.rd-navbar-fixed .rd-navbar-right-buttons.active {
	box-shadow: none;
	right: 0;
	padding: 10px;
	width: auto;
	background: white;
	top: var(--header-height);
}


.rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand {
	display: block;
	text-align: center;
}

#language-list {
	padding-left: 0;
	color: var(--main-color);
}

#header-database li {
	color: var(--main-color);
}

#language-list li {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}

.pointer {
	cursor: pointer;
}

.theme-bg {
	background: var(--main-color);
}

.theme-color {
	color: var(--main-color);
}

.link,
.link:hover {
	color: #1d4ca6;
}

.pastille {
	background: white;
	border: 2px solid #467bdf;
	border-radius: 50%;
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	color: #467bdf;
	font-weight: bold;
	line-height: 14px;
}

a.btn.btn-block > i.fa:before {
	font-size: 32px;
	margin-left: -12px;
}

.fa-center-content {
	display: table-cell;
	vertical-align: middle;
}

.fa-center-content-2 {
	display: grid;
	vertical-align: middle;
}

.f-w-n {
	font-weight: normal;
}

.width-auto {
	width: auto !important;
}

#ui-to-top {
	z-index: 1000;
}

button.ap-input-icon.ap-icon-pin {
	display: none;
}

.border-l-w {
	border-left: 1px solid white;
}

.modal {
	top: 100px!important;
	z-index: 10000!important;
}

.form-label.focus-forced {
	color: var(--main-color);
	top: 1px;
	-webkit-transform: scale(0.8) translateY(0);
	transform: scale(0.8) translateY(0);
}

table.dev.table tr td,
table.dev.table tr td code {
	font-weight: 500;
}

.btn,
.pagination-classic > li > a,
.pagination-classic > li > span {
	height: 50px;
}

@media (max-width: 1200px), (max-height: 800px) {
	:root {
		--header-height: 60px;
		--footer-height: 35px;
		--selected-color: aliceblue;
		--font-size-decal: 5px;
	}

	body {
		font-size: calc(16px - var(--font-size-decal));
		line-height: normal;
	}

	h1, .h1 {
		line-height: normal;
		font-size: calc(45px - var(--font-size-decal));
	}

	h2, .h2 {
		line-height: normal;
		font-size: calc(38px - var(--font-size-decal));
	}

	h3, .h3 {
		line-height: normal;
		font-size: calc(30px - var(--font-size-decal));
	}

	h4, .h4 {
		line-height: normal;
		font-size: calc(24px - var(--font-size-decal));
	}

	h5, .h5 {
		line-height: normal;
		font-size: calc(22px - var(--font-size-decal));
	}

	table,
	h6, .h6 {
		line-height: normal;
		font-size: calc(17px - var(--font-size-decal));
	}

	.l-height {
		line-height: 40px;
	}

	.btn-square-50 {
		width: 40px;
		height: 40px;
	}

	.input-sm,
	.input-group-sm > .form-control,
	.input-group-sm > .input-group-addon,
	.input-group-sm > .input-group-btn > .btn,
	.pagination-classic.input-group-sm > li.input-group-btn > a,
	.pagination-classic.input-group-sm > li.input-group-btn > span,
	.input-lg,
	.input-group-lg > .form-control,
	.input-group-lg > .input-group-addon,
	.input-group-lg > .input-group-btn > .btn,
	.pagination-classic.input-group-lg > li.input-group-btn > a,
	.pagination-classic.input-group-lg > li.input-group-btn > span,
	.form-control,
	.select2-container--bootstrap .select2-selection {
		font-size: calc(16px - var(--font-size-decal));
		height: 40px;
	}

	.btn.btn-block {
		height: 40px;
		padding: 4px 22px;
	}

	header div.rd-navbar-panel a {
		padding-top: 23px;
		padding-bottom: 22px;
	}

	header #header-language {
		margin-top: calc(var(--header-height) - 45px);
	}

	#wrapper-menu {
		display: none;
		width: 93px;
	}

	#wrapper-menu a[data-target] i.icon {
		font-size: 30px;
		line-height: 30px;
	}

	#wrapper-menu > ul.nav > li {
		height: 93px;
		width: 93px;
	}

	#wrapper-menu > ul.nav > li,
	#wrapper-menu > ul.nav > li > a {
		height: 80px;
		width: 80px;
	}

	#wrapper-menu a[data-target="park_ride"] span.icon.mdi.mdi-parking {
		font-size: 18px;
		top: -13px !important;
	}

	#wrapper-menu+#wrapper {
		/*margin-left: 93px;*/
	}

	#park-ride-sections span.icon.icon-xxs.mdi.mdi-parking,
	#park-ride-sections span.icon.icon-xxs.mdi.mdi-parking {
		top: -1! important;
	}

	#park-ride-sections span.icon.icon-xxs.mdi.mdi-car,
	#park-ride-sections span.icon.icon-xxs.mdi.mdi-car {
		top: -1px !important;
		font-size: 13px !important;
	}
}