#layer-filters-action
{
	min-width: 223px;
}

#open-layer-filters
{
	float: right;
	margin-left: 20px;
	width: 150px;
	min-width: 150px;
}

#open-layer-filters span, #reset-layer-filters span
{
	margin-right: 5px;
}

#overlay-layer-filters
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000000;
	opacity: 0.25;
	display: none;
}

.bt-color19
{
	background-color: #0f1941 !important;
	border-color: #0f1941 !important;
	color: #fff !important;
}

.bt-color20
{
	background-color: #fff !important;
	border-color: #0f1941 !important;
	color: #0f1941 !important;
}

.bt-color20:hover
{
	background-color: #0f1941 !important;
	border-color: #fff !important;
	color: #fff !important;
}

.bt-color19.bt-disabled:hover
{
	background-color: #0f1941 !important;
	border-color: #0f1941 !important;
	color: #fff !important;
}

.bt-color19:hover
{
	background-color: #fff !important;
	border-color: #0f1941 !important;
	color: #0f1941 !important;
}

#layer-filters
{
	position: fixed;
	top: 0;
	right: 0;
	width: 500px;
	max-width: 100%;
	height: 100dvh;
	background: #fbfbfb;
	z-index: 2;
	transition: 0.5s ease translate;
	translate: 100% 0;
	border-left: 1px solid #d7d7d7;
}

#layer-filters.open
{
	translate: 0 0;
}

.overflow-hidden
{
	overflow: hidden;
}

#layer-filters-header
{
	border-bottom: 1px solid #d7d7d7;
	padding: 20px 40px;
}

#layer-filters-footer
{
	border-top: 1px solid #d7d7d7;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 40px;
	background: #fbfbfb;
	box-shadow: 0px -3px 10px 0px #E0E0E0;
}

.m0
{
	margin: 0 !important;
}

#layer-filters-footer-button
{
	border: none;
	background: none;
	padding: 0;
	text-decoration: underline;
	width: 35%;
}

#layer-filters-footer-button:hover
{
	text-decoration: none;
}

#layer-filters .search-refine
{
	margin: 0 !important;
}

#layer-filters .search-refine h2
{
	display: none !important;
}

.inner-group
{
	padding: 0 40px;
}

#layer-filters .search-refine .group
{
	border: none;
	margin: 0 auto;
	padding: 24px 40px;
	max-width: 90%;
}

.refine-item
{
	border-bottom: 1px solid #d7d7d7;
}

#layer-filters h2
{
	font-size: 24px;
}

#layer-filters .search-refine h3
{
	font-size: 18px;
	text-transform: lowercase;
}

#layer-filters .search-refine .filter-counter
{
	padding-right: 1px;
}

#sticky-create-alert
{
	position: fixed;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
}

#sticky-create-alert button
{
	padding: 16px !important;
	text-align: center !important;
	background: #0f1941;
	border-radius: 3px;
}

#offers-search-engine-title
{
	color: #0f1941;
}

.offers-search-engine.stuck
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	padding-top: 20px;
	padding-bottom: 20px;
}

.offers-search-engine.stuck h1
{
	display: none !important;
}

#layer-filters .search-refine .active-filters, #filter-container .active-filters
{
	padding: 24px 40px;
	border-top: none;
	margin-bottom: 0;
}

#layer-filters .search-refine .active-filters a, #layer-filters .search-refine .active-filters a .icon, #filter-container .active-filters a, #filter-container .active-filters a .icon
{
	color: #fff !important;
	font-size: 12px;
}

#layer-filters .search-refine .active-filters li, #filter-container .active-filters li
{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
}

#layer-filters .search-refine .active-filters .badge .icon, #filter-container .active-filters .badge .icon
{
	font-size: 12px;
	float: right;
	margin-top: 7px;
	cursor: pointer;
	margin-left: 10px;
}

.filter-counter
{
	display: inline-block;
	text-align: center;
	line-height: 20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2175D9 !important;
	color: #fff !important;
	margin-right: 0 !important;
	margin-left: 5px;
	font-size: 13px;
}

#filter-container .active-filters
{
	padding: 12px 0 0 0;
}

#layer-filters-body
{
	overflow-y: scroll;
	height: calc(100vh - 135px);
}

#layer-filters-body label
{
	margin-bottom: 0;
}

#filter-qualifications-input
{
	margin-top: 20px;
	position: relative;
}

#filter-qualifications-input .icon
{
	position: absolute;
	top: 16px;
	left: 16px;
	color: #2175d9;
}

#filter-qualifications-search
{
	font-size: 16px !important;
	padding-left: 48px;
}

.std-input-small
{
	height: 48px;
	line-height: 48px;
}

.disabled
{
	cursor: not-allowed;
	opacity: 0.5;
	pointer-events: none;
}

#params-container
{
	padding: 24px 40px;
	border-bottom: 1px solid #d7d7d7;

	.param
	{
		color: #0f1941;
		font-size: 18px;
		text-transform: lowercase;

		.icon
		{
			color: #2175D9;
			cursor: pointer;
			margin-left: 10px;
			font-size: 14px;
		}
	}
}

.primary-search-engine .bt
{
	margin-left: 20px;
}


#salary-info
{
	font-size: 12px;
}

#salary-range
{
	display: flex;
	flex-direction: column;
	font-size: 12px;

	#salary, #salary:hover
	{
		width: 100%;
		accent-color: #2175D9;
	}

	datalist
	{
		display: inline-flex;
		justify-content: space-between;

		option
		{
			display: block;
		}
	}

	input[type="range"] {
		width: 15rem;
		cursor: pointer;
		border-radius: 3px;
		accent-color: #2175D9;
	}

	/* Input Track */

	/* IE*/
	input[type="range"]::-ms-fill-lower {
		background-color: #2175D9;
		height: 6px;
		border-radius: 3px;
	}

	input[type="range"]::-ms-fill-upper {
		background-color: #d7d7d7;
	}

	/* Chrome, Safari, Edge (Chromium) */
	input[type="range"]::-webkit-slider-runnable-track {
		height: 6px;
		border-radius: 3px;
		border-color: #d7d7d7;
	}

	/* Firefox */
	input[type="range"]::-moz-range-progress {
		background-color: #2175D9;
		height: 6px;
		border-radius: 3px;
	}

	input[type="range"]::-moz-range-track {
		background: #d7d7d7;
		height: 6px;
		border-radius: 3px;
	}

	/* Input Thumb */

	/* Chrome, Safari, Edge (Chromium) */
	input[type="range"]::-webkit-slider-thumb {
		margin-top: -6px;
	}

	/* Firefox */
	input[type="range"]::-moz-range-thumb {
		appearance: none;
		background: #fff;
		border-radius: 0;
		border-radius: 50%;
		border: 3px solid #2175D9;
	}
}

@media only screen and (max-width:995px)
{
	.submit-pt
	{
		padding-top: 0;
	}

	.primary-search-engine .bt
	{
		margin: 0;
		width: 100%;
	}
}

@media only screen and (max-width:520px)
{
	.primary-search-engine
	{
		padding: 0;

		.bt
		{
			width: 100%;
			padding: 0;
			margin: 0;
		}
	}

	.inner-group
	{
		padding: 0 20px;
	}

	#layer-filters .search-refine .group
	{
		padding: 24px 20px;
	}

	#layer-filters .search-refine .active-filters, #layer-filters-header, #params-container
	{
		padding: 24px 20px;
	}

	.no-gutters > .col, .no-gutters > [class*="col-"] {
		padding-right: 10px;
	}

	.no-gutters > .col, .no-gutters > .offers-search-engine-col:last-child {
		padding-right: 0;
	}

	#offers-search-engine-title
	{
		font-size: 26px;
	}

	.no-results .item h2
	{
		font-size: 26px;
		width: 100%;
		height: auto;
		background-position-x: right;
		background-position-y: center;
	}

	.badge-container .badge
	{
		overflow: hidden;
	}

	.badge-container .badge .l
	{
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 35px;
	}
}

@media only screen and (max-width:340px)
{
	#sticky-create-alert button
	{
		width: calc(100% - 40px);
	}

	.badge-container .badge .l
	{
		max-width: 25px;
	}
}