html {
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	font-size: 92.5%;
}

.dropdown-menu .cd-header .nav li.active, .dropdown-menu .cd-header .nav li.active > a {
	/*text-decoration: underline dotted;*/
	font-style: italic;
	color: #9e9e9e;
}

.actions .btn {
	margin: 0 0.5em 0.5em 0;
}

.products {
	position: relative;
}

.muuri .grid-item {
  display: block;
  position: absolute;
  margin-bottom: 1em;
  width: 100%;
  height: 14em;
  z-index: 1;  
}

@media screen and (min-width: 43em) {
	.muuri .grid-item {
	  width: 18em;
	  margin: 0 1em 1em 1em;
	}
	
	.muuri .products.three-column .product-item {
		margin-right: 0em;
		margin-left: 0em;
	}
}

.grid-item.muuri-item-hidden {
  z-index: 0;
}

.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.no-photo {
	height: 14em;
}

.formline .fileinput-preview img {
	object-fit: contain;
}

label.fileinput-new img {
	display: inline;
}

.floating {
	display: none;
}

@media screen and (min-width: 43em) {
	.admin-path .floating {
		display: none;
	}

	.floating {
		z-index: 20;
		display: block;
		position: fixed;
		top: 45%;
		background-color: red;
	}

	.floating div {
		transition: all 0.25s ease-in-out;
		width: 2em;
	}

	.floating div:hover {
		width: 10em;
	}
}

input#sortDesc, input#sortAsc {
	display: none;
}

input#sortDesc + label, input#sortAsc + label {
	background-color: white;
	color: #757575;
	display: inline-block;
	border: 1px #CCCCCC solid;
	border-radius: 0.5ex;
	height: 2em;
	padding: 0.5ex;
	vertical-align: middle;
	text-align: center;
}


input#sortDesc:checked + label, input#sortAsc:checked + label {
	background-color: #757575;
	color: white;	
}

div#searchBox {
	border: 1px #CCCCCC solid;
	border-radius: 0.5ex;
	display: inline-block;	
}

div#searchBox label {
	margin: 0 0 0 1ex;
	display: inline;
}

div#searchBox input {
	display: inline;
	border: none;
}

.filter input, .filter label, .filter select {
	display: inline-block;
}

div#searchBox, .filter select, input#sortDesc + label, input#sortAsc + label {	
	margin-bottom: 1ex;
}

div#searchBox, .filter select,  input#sortAsc + label {
	margin-right: 1em;
}

.filter .sort {
	float: right;
}

#results {
	clear: both;
	float: right;
	margin-top: 1ex;
}

.swiper-slide img {
	width: 100%;
}

.formline details {
	margin-bottom: 1em;
}

.formline summary {
	color: #757575;
	font-size: 1.2em;
	font-weight: bold;
}

a.btn-action, #chart button {
	padding: .5em;
	cursor: pointer;
	background: #29B6F6;
    color: white;
	border-radius: .5ex;
	margin-right: 1ex;
	border: none;
}

.formline input {
	display: inline;
}

#chart {
	margin: 2em auto;
	height: max(60vh, calc( 100vh - 30em));
}


.dropdown-menu .nav .nav-list ul li   {
	padding: 0;
	text-wrap: nowrap;
}

.dropdown-menu .nav .nav-list ul li  a {
	padding: 1em 2em;
	display: block;
}

table thead th {
	white-space: initial;
}

pre {
 white-space: pre-wrap;
}

#chart button {
	padding: .5em;
	cursor: pointer;
	background: #f0f0eb;
    color: #404040;
	border-radius: .5ex;
	margin: 1ex;
	border: none;
}

#chart ~ details {
	margin-top: 4em;
}

@media screen and (min-width: 63em) {
	.page, .dropdown-menu .cd-header {
		width: initial;
	}
}

@media screen and (min-width: 81em) {
	.page, .dropdown-menu .cd-header {
		width: 80em;
	}
}

@media screen and (min-width: 53em) {
	.cd-logo.zoom .navbar_logo img {
		height: initial;
		max-width: 14em;
		max-height: 4em;
	}
}