.jselect {
	position: relative;
	height: 2rem;
	font-size: 1rem;
	background-color: white;
	width: 100%
}

.jselect>.jselect__display {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: 2rem;
	border: solid .01rem #d0d0d0;
	border-radius: .25rem;
	padding: .5rem 1rem;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	text-align: left;
	background-color: white;
	background-image: url("../img/icons/angle-down.svg");
	background-repeat: no-repeat;
	background-size: .75rem;
	background-position: right .5rem center
}

.jselect>.jselect__display>span {
	opacity: .65;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.jselect>.jselect__display[aria-disabled=true] {
	cursor: not-allowed;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .5
}

.jselect>.jselect__hidden {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border: none;
	color: transparent;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	display: none;
}

.jselect>.jselect__menu {
	flex-direction: column;
	position: absolute;
	display: none;
	border: none;
	border-radius: .25rem;
	top: 2.5rem;
	z-index: 1;
	background-color: white;
	width: 100%
}

.jselect.reverse>.jselect__menu {
	top: unset;
	bottom: 2.5rem
}

.jselect.open>.jselect__display {
	border-radius: .25rem .25rem 0 0
}

.jselect.reverse.open>.jselect__display {
	border-radius: 0 0 .25rem .25rem
}

.jselect.open>.jselect__display~.jselect__menu {
	display: flex
}

.jselect.reverse>.jselect__menu {
	flex-direction: column-reverse
}

.jselect.open>.jselect__display~.jselect__menu .jselect__search {
	border-top: none;
	border-radius: 0
}

.jselect>.jselect__menu>.jselect__search {
	height: 36px;
	width: 100%;
	padding: .5rem 1rem;
	border-bottom: none;
	border-radius: .25rem .25rem 0 0;
	font-family: inherit;
	font-size: inherit
}

.jselect>.jselect__menu>.jselect__list {
	display: flex;
	flex-direction: column;
	max-height: 150px;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	border: solid .01rem #d0d0d0;
	border-radius: 0 0 .25rem .25rem;
}

.jselect.reverse>.jselect__menu>.jselect__list {
	border-radius: .25rem .25rem 0 0
}

.jselect__list>.jselect__noresult {
	padding: .5rem 1rem;
	pointer-events: none;
	opacity: .65
}

.jselect__list .jselect__group {
	display: block;
	width: 100%;
	font-weight: 500;
	padding: .5rem 1rem
}

.jselect--option {
	overflow: hidden;
	min-height: 36px;
	max-width: 100%;
	padding: .5rem 1rem
}

.jselect__list>.jselect--option:last-child {
	border-radius: 0 0 .25rem .25rem
}

.jselect--option {
	cursor: pointer;
	transition: color .3s;
}

.jselect--option.focus {
	color: #10307B;
}

.jselect--option.selected {
	color: #10307B;
}

.jselect--option.selected small {
	color: #efefef !important
}

.jselect--option.disabled>* {
	opacity: .5
}

.jselect--option>.jselect--option__img {
	float: left;
	height: 2rem;
	margin: .125rem 1rem 0 0
}

.jselect--option .jselect--option__body {
	display: inline-block;
	clear: both
}

.jselect--option .jselect--option__body span {
	display: block;
	color: inherit
}

.jselect--option .jselect--option__img+.jselect--option__body span {
	margin-top: .5rem
}

.jselect--option>.jselect--option__body small {
	display: block;
	color: #858585;
	margin-top: .2rem
}