@font-face {
	font-family: 'Daydream';
	src: url('/static/fonts/daydream.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* body {
	background: rgb(255, 250, 250) !important;
} */

.leaflet-control-search {
  display: true;
}

img.change_map_marker_color_thismonth { filter: hue-rotate(-50deg) brightness(1.2); }
img.change_map_marker_color_1month { filter: hue-rotate(35deg) brightness(1.2); }
img.change_map_marker_color_3months { filter: hue-rotate(90deg) saturate(80%); }
img.change_map_marker_color_6months { filter: hue-rotate(160deg) brightness(1.2) saturate(80%); }

div.map_legend {
	background-color: white;
	border: 1px solid var(--primary_color_light);
	border-radius: var(--default_border_radius);
	padding: 10px;
	display: inline;
  margin-left: 10px;
}

.pl-1 {
	padding-left: 0.25rem !important;
}
.pl-2 {
	padding-left: 0.5rem !important;
}
.pl-3 {
	padding-left: 1rem !important;
}
.pl-4 {
	padding-left: 1.5rem !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}
.ml-2 {
	margin-left: 0.5rem !important;
}
.ml-3 {
	margin-left: 1rem !important;
}
.ml-4 {
	margin-left: 1.5rem !important;
}

.w-4rem {
	width: 4rem !important;
}

.material-symbols-outlined.in_text {
	line-height: 0.8;
	vertical-align: text-bottom;
}

nav.navbar {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	padding-top : 0vh !important;
	padding-bottom : 0vh !important;
	/* background-color:#8fbc8f !important; */
	background: linear-gradient(135deg, darkseagreen, #86b49c) !important;
	/* background: url('/static/images/asfalt-dark.png'); */
}

.navbar_logo {
	width:3vw;
}

.navbar_title {
	display: none;
}

a.nav-link.discrete-dropdown-item {
	font-style: italic;
	font-size: small;
}

span.navbar-align-right {
	margin-left: auto;
	margin-right: 1rem;
}

#main_map {
	height:96vh;
}

a.nav-link.active {
	font-weight: 500;
}

@media screen and (max-width: 1024px), (hover: none) and (pointer: coarse) {
	
	div.leaflet-control-search {
		display: none;
	}

	.navbar_logo {
		width:20vw;
		margin-top: 0.6vh;
		margin-bottom: 0.6vh;
	}

	#main_map {
		height:85vh;
	}

	div.navbar-collapse {
		flex-grow: 0;
	} 
}

.list_stock {
	margin-bottom: 0.3rem !important;
	margin-left: 2.5rem;
	margin-right: 2rem;
}

.list_percentages {
	margin-bottom: 0.2rem !important;
	margin-left: 4rem;
	margin-right: 1.5rem;
}

span.line_break {
	margin-right:1rem;
}

@media screen and (max-width: 1024px), (hover: none) and (pointer: coarse) {
  .list_stock {
    margin-left: 0 !important;
  }

	.list_percentages {
    margin-left: 1rem !important;
  }

	span.line_break {
		display: block;
		margin-left: 1rem;
	}
}

hr {
	margin: 1rem 1.3vw !important;
}

.vr {
	width: 1px !important;
	padding: 0 !important
}

.text-bold {
	font-weight: bold;
}

.dropdown-item.active, .dropdown-item:active {
	color: darkslategrey !important;
	background-color: transparent !important;
	font-weight: bold;
}

.nav-link {
	padding-left: 1rem !important;
}

.centered_header_with_border {
	text-align: center;
	border: 0.5px black solid;
}

.centered_list {
	margin-bottom: 0.3rem !important;
	text-align: center;
}

.smaller_text {
	font-size: 0.9rem;
}

/* span.material-symbols-outlined.hide {
	display: none;
} */

.hide {
	display: none!important;
}

span.material-symbols-outlined {
	cursor: pointer;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.chip {
    display: inline-block;
    padding: 0.4em 0.8em;
    margin: 0.2em;
    border-radius: 16px;
    background-color: #eee;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}

/* .chip.selected {
    background-color: darkseagreen;
} */

.green_text {
	font-weight: 500;
	color: green;
}

.red_text {
	font-weight: 500;
	color: red;
}

.font-italic {
	font-style: italic;
}

.small {
	font-size: 0.9rem;
}

/* Grafana embedded */
iframe {
	max-width: 100% !important;
	width: inherit !important;
	height: 80vh !important;
}

.justify-self-center {
	justify-self: center;
}

img.pallet_img {
	width:35vw;
}

@media screen and (max-width: 1024px), (hover: none) and (pointer: coarse) {
	img.pallet_img {
		width: 90vw;
	}
}