/** Definition of all colors that can be used throughout the project */
/* new colors the layout v1.3 */
/** Definition of all spacing units that can be used throughout the project */
#sidebar.jobad-filter { background-color: transparent; box-shadow: none; }

#sidebar.jobad-filter .h3 { background-color: transparent; color: #343434; font-size: 22px; }

#sidebar.jobad-filter .ui-slider-horizontal { margin: 0 15px 60px 0; border: 0; border-radius: 7px; background-color: #D0D0D0; height: 15px; }

@media (max-width: 991px) { #sidebar.jobad-filter .ui-slider-horizontal { margin: 0 15px 30px; } }

#sidebar.jobad-filter span.ui-slider-handle { width: 25px !important; height: 25px !important; border-radius: 100%; top: -5px; }

#sidebar.jobad-filter span.ui-slider-tip { top: 32px !important; font-size: 14px; }

#sidebar.jobad-filter .all-categories { border-bottom: 0; }

#sidebar.jobad-filter .all-categories .all-category-link { padding-left: 0; }

#sidebar.jobad-filter .occupation-filter { margin-bottom: 45px; }

#sidebar.jobad-filter .occupation-filter .category-link--visible { display: block; }

#sidebar.jobad-filter .category-link.x-category-link { padding-right: 0; padding-bottom: 5px; border-bottom: 0; }

#sidebar.jobad-filter .category-link.x-category-link:hover { background-color: transparent; }

#sidebar.jobad-filter .category-link.x-category-link.checkbox-visible { text-indent: -28px; padding-left: 28px; }

@supports (-ms-ime-align: auto) { #sidebar.jobad-filter .category-link.x-category-link.checkbox-visible { text-indent: -21px; } }

#sidebar.jobad-filter .category-link.x-category-link .checkbox { margin-right: 5px; top: 4px; -webkit-appearance: none; background-color: #FFF; border: 2px solid #D0D0D0; padding: 8px; border-radius: 2px; display: inline-block; position: relative; cursor: pointer; }

@supports (-ms-ime-align: auto) { #sidebar.jobad-filter .category-link.x-category-link .checkbox { -webkit-appearance: checkbox; top: 0; } }

#sidebar.jobad-filter .category-link.x-category-link .checkbox:checked { background-color: #E0E0E0; border: 2px solid #D0D0D0; }

#sidebar.jobad-filter .category-link.x-category-link .checkbox:checked::after { position: absolute; font-family: 'Font Awesome 5 Free'; content: '\f00c'; top: 2px; left: 1px; font-size: 14px; font-weight: 900; color: #333; }

#sidebar.jobad-filter .category-link.x-category-link .checkbox:focus { outline: none; }

#sidebar.jobad-filter .category-link.x-category-link a { font-size: 14px; color: #343434; }

#sidebar.jobad-filter .category-link.x-category-link a .category-count { color: #6C6B69; }

#sidebar.jobad-filter .category-link.x-active-category-link { background-color: transparent; }

#sidebar.jobad-filter .subcategory-list { padding-left: 0; font-size: 16px; }

#sidebar.jobad-filter .subcategory-list .active { background-color: transparent; }

#sidebar.jobad-filter .subcategory-list .category-count { color: #6C6B69; }

#sidebar.jobad-filter .subcategory-list .subcategory-link { padding: 8px 0; }

#sidebar.jobad-filter .subcategory-list .subcategory-link a { color: #343434; }

#sidebar.jobad-filter .ui-slider-tip { color: #6C6B69; }

#sidebarbackbuttonArea #backbutton { border-radius: 7px; }

.area-radius-slider--progress { content: ''; position: absolute; height: 15px; border-radius: inherit; background-color: #4C4B4A; }

@media (max-width: 998px) { #sidebar { -webkit-transform: none; transform: none; position: relative; visibility: visible; opacity: 100; width: 100%; padding-bottom: 30px; overflow: visible; }
  #sidebar::before { content: none; }
  #sidebar > * { background: none; }
  #sidebar .h3 { margin-bottom: 5px; }
  #sidebar #area-radius-slider { max-width: 100%; width: 93%; }
  #sidebar.jobad-filter .ui-slider-horizontal { margin: 0 0 30px; }
  #sidebar #radius-filter, #sidebar #occupation-filter { display: none; } }

.content-wrapper { padding-top: 80px; width: 100%; background-color: #F8F7FC; }

@media (max-width: 767px) { .content-wrapper { padding-top: 44px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .content-wrapper { padding-top: 0; } }

@media (max-width: 767px) { .content-wrapper-search { padding-top: 80px; } }

.content-wrapper #content-page { max-width: 1080px; background-color: #F8F7FC; margin: auto; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }

.content-wrapper #content-page .header-wrapper { padding: 0; }

.content-wrapper .container-fluid { padding-right: 15px; }

@media (min-width: 720px) { .content-wrapper .container-fluid { padding-right: 0; } }

.search-cms-entry { padding-left: 0 !important; padding-right: 0 !important; }

.search-cms-entry ul { list-style: disc; }

.search-cms-entry ul li { text-indent: 18px; }

.search-cms-entry h3 { font-size: 22px !important; }

@media (min-width: 768px) { .search-cms-entry h3 { font-size: 36px !important; } }

.jobsearch-favorites { max-width: 1800px; margin: auto; padding: 0; }

.jobsearch-favorites__container { margin-top: 10px; }

@media (min-width: 768px) { .jobsearch-favorites__container { padding: 0 !important; } }

.jobsearch-favorites h3 { font-weight: 500; font-size: 26px; line-height: 37px; color: #343434; }

@media (min-width: 768px) { .jobsearch-favorites h3 { font-size: 43px; line-height: 64px; } }

.jobsearch-favorites ul.two-column-layout { margin-top: 20px; justify-content: center; display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); }

@media (max-width: 1449px) { .jobsearch-favorites ul.two-column-layout { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } }

@media (max-width: 991px) { .jobsearch-favorites ul.two-column-layout { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); } }

@media (max-width: 419px) { .jobsearch-favorites ul.two-column-layout { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } }

.jobsearch-favorites ul.two-column-layout.cities-list { text-indent: -50px; padding-left: 0; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .jobsearch-favorites ul.two-column-layout.cities-list { text-indent: 0; } }

.jobsearch-favorites ul.two-column-layout.categories-grid li { margin-left: 0; text-indent: 0; }

.jobsearch-favorites ul.two-column-layout.categories-grid .popular-categories__tile-name { margin: 20px 0 0; }

.jobsearch-favorites ul.two-column-layout li { margin: 0 0 25px 3em; text-indent: -3em; }

.jobsearch-favorites ul.two-column-layout li img { margin: 0 5px; }

.jobsearch-favorites ul.two-column-layout li a { font-size: 18px; font-weight: 500; color: #343434; }

.jobsearch-favorites ul.two-column-layout li a:hover { text-decoration: underline; color: #343434; }

@media (max-width: 910px) { .jobsearch-favorites .cities-list-filler { display: none; } }

#scrollContent { display: inline-block; position: relative; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 719px) { #scrollContent .searchResultPager { display: flex; flex-direction: row; justify-content: center; } }

#searchResultPager { font-size: 20px; display: inline-block; }

#searchResultPager ul { margin-top: 35px; flex-direction: row; }

#searchResultPager li { min-width: 30px; background-color: transparent; }

#searchResultPager li a { color: #6C6B69; font-weight: 500; }

#searchResultPager li.current { background-color: transparent; color: #343434; }

#searchResultPager .li-button .fa { font-size: 16px; }

#searchResultPager .li-button-inactive .fa { color: #D0D0D0; }

#searchResultPager ul li { display: inline !important; margin: 0 13px 0 0 !important; }

.popular-cities-cards { top: -49px; }

.popular-city-cards-top { display: flex; flex-direction: column; align-items: center; }

@media (min-width: 768px) { .popular-city-cards-top { margin-right: 25px; flex-direction: row; justify-content: space-between; } }

.popular-city-cards-bottom { margin-top: 40px; display: flex; justify-content: center; }

@media (max-width: 1240px) { .popular-city-cards-bottom { margin-bottom: 50px; } }

.popular-city-card { display: flex; flex-direction: column; width: 48%; transition: box-shadow .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, box-shadow .4s ease; transition: transform .4s ease, box-shadow .4s ease, -webkit-transform .4s ease; position: relative; color: #343434; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }

.popular-city-card:hover { text-decoration: none; cursor: pointer; }

.popular-city-card-first { max-width: 400px; }

@media (min-width: 768px) { .popular-city-card-first { max-width: 360px; margin-top: 50px; } }

.popular-city-card-first .popular-city-card__image { height: 400px; }

.popular-city-card-second { margin-top: 45px; max-width: 400px; }

@media (min-width: 768px) { .popular-city-card-second { margin-top: 52px; max-width: 260px; } }

.popular-city-card-second .popular-city-card__image { height: 280px; }

.popular-city-card-third { max-width: 400px; }

@media (min-width: 768px) { .popular-city-card-third { max-width: 280px; } }

.popular-city-card-third .popular-city-card__image { height: 280px; }

.popular-city-card__image { background-repeat: no-repeat; background-position: center; background-size: cover; }

.popular-city-card__content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 25px; background-color: #FFF; border-radius: 0 0 7px 7px; }

.popular-city-card__content .btn { padding: 8px 15px; font-size: 16px; font-weight: 900; }

.popular-city-card__name { font-size: 18px; }

.mobile-job-search { display: flex; margin: 0; }

@media (max-width: 998px) { .mobile-job-search { padding: 0 10px; } }

.mobile-job-search__button { display: inline-block; background: white; box-sizing: border-box; border: none; border-radius: 7px; font-size: 14px; line-height: 18px; margin: 0 8px 0 0; padding: 10px 0; text-align: center; text-decoration: none; height: 40px; max-width: 100%; font-weight: 500; width: 100%; }

.mobile-job-search__button { border: 1px solid #4C4B4A; }

.mobile-job-search__button:focus, .mobile-job-search__button:hover { text-decoration: none; outline: none; }

.mobile-job-search__container { margin-bottom: 20px; }

.mobile-job-search__title { font-size: 18px; color: #343434; font-weight: 450; margin: 23px 0 33px; }

.mobile-job-search__occupation .category-link.x-category-link { border-bottom: 0; }

.mobile-job-search__occupation .category-link.x-category-link.checkbox-visible { text-indent: -28px; padding-left: 28px; margin-bottom: 9px; }

.mobile-job-search__occupation .category-link.x-category-link .checkbox { margin-right: 5px; top: 4px; -webkit-appearance: none; background-color: #FFF; border: 2px solid #D0D0D0; padding: 8px; border-radius: 2px; display: inline-block; position: relative; cursor: pointer; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .mobile-job-search__occupation .category-link.x-category-link .checkbox { top: 0; } }

.mobile-job-search__occupation .category-link.x-category-link .checkbox:checked { background-color: #E0E0E0; border: 2px solid #D0D0D0; }

.mobile-job-search__occupation .category-link.x-category-link .checkbox:checked::after { position: absolute; font-family: FontAwesome; content: '\f00c'; top: 0; left: 0; font-size: 16px; color: #333; }

.mobile-job-search__occupation .category-link.x-category-link a { font-size: 14px; }

.mobile-job-search__occupation .category-link.x-category-link a .category-count { color: #6C6B69; }

.mobile-job-search__occupation .category-link.x-active-category-link { background-color: transparent; }

.mobile-job-search__occupation .subcategory-list { padding-left: 0; font-size: 16px; }

.mobile-job-search__occupation .subcategory-list .category-count { color: #6C6B69; }

.mobile-job-search .active { background: #4C4B4A; color: #FFF; }

.mobile-job-search__occupation, .mobile-job-search__radius { margin-bottom: 10px; }

.mobile-job-search__done { background: #FFD225; border: 1px solid #FFD225; box-sizing: border-box; border-radius: 7px; width: 130px; height: 40px; color: #343453; font-size: 14px; float: right; }

@media (min-width: 999px) { .mobile-job-search { margin: 0 0 5px; float: right; }
  .mobile-job-search__button { display: none; } }

.show-more-button { margin-right: 15px; color: #3285F5; font-size: 12px; float: right; cursor: pointer; display: none; }

.show-more-button > span { font-size: 10px; }

@media (min-width: 998px) { .container-folded .filter-item { display: none; }
  .container-folded .show-more-button { display: block; } }

.container-unfolded .filter-item { display: block; }