/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.sort-icon:after {
  content: "⬍";
  font-size: 1rem;
  margin-left: 4px;
  line-height: 1.5rem;
}

.sort-icon-asc:after {
  content: "⬆";
  margin-left: 3px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.sort-icon-desc:after {
  content: "⬇";
  font-size: 1rem;
  margin-left: 3px;
  line-height: 1.5rem;
}

.expand-icon:after {
  content: url(https://content.upmchp.com/employerplace/icons/carat-down-icon.svg);
}

.elipses-icon:after {
  content: url(https://content.upmchp.com/employerplace/icons/elipses.svg);
}

/* Apply default font */
html {
  font-family: Arial, sans-serif !important;
  font-weight: 400;
  line-height: 1.5;
}

orchid-accordion .orchid-accordion {
  max-width: 100%;
}

.ngx-pagination {
  margin-bottom: 0 !important;
}
.ngx-pagination a {
  transition: all 0.15s ease;
  border-radius: 4px;
}
.ngx-pagination a:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.ngx-pagination .current {
  background-color: #4a4a4a !important;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 0.35rem 0.75rem !important;
}
.ngx-pagination .pagination-previous a,
.ngx-pagination .pagination-next a {
  font-weight: 500;
  color: #555555 !important;
}
.ngx-pagination .pagination-previous a:hover,
.ngx-pagination .pagination-next a:hover {
  color: #333333 !important;
}

.loading__message::before {
  background-image: url(https://content.upmchp.com/employerplace/icons/search-page-spinner.gif);
  background-size: 5rem 5rem;
  display: block;
  width: 5rem;
  height: 5rem;
  margin-left: 19rem;
  margin-top: 2rem;
  z-index: 2;
  content: "";
}

.loading__message {
  color: var(--ods-color-gray-30);
  font-size: 1.5rem;
  margin: 1rem 15rem;
}
.loading__message p {
  margin-left: 15rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/ods-tokens.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ods-color-purple-5: #fffaff;
  --ods-color-purple-10: #f2e7f7;
  --ods-color-purple-15: #e5d3e7;
  --ods-color-purple-20: #daa5de;
  --ods-color-purple-30: #c28bc5;
  --ods-color-purple-40: #b55abd;
  --ods-color-purple-50: #9c2595;
  --ods-color-purple-60: #771b61;
  --ods-color-purple-70: #4f1140;
  --ods-color-gray-5: #f4fdff;
  --ods-color-gray-10: #f2f5f7;
  --ods-color-gray-15: #e0e5e9;
  --ods-color-gray-20: #d1dcde;
  --ods-color-gray-30: #a8c0c4;
  --ods-color-gray-40: #5d9599;
  --ods-color-gray-50: #383e41;
  --ods-color-gray-60: #242829;
  --ods-color-gray-70: #000000;
  --ods-color-teal-5: #ecfdfd;
  --ods-color-teal-10: #e1fdf7;
  --ods-color-teal-15: #b5e9e5;
  --ods-color-teal-20: #b6d9de;
  --ods-color-teal-30: #60a393;
  --ods-color-teal-40: #22ab90;
  --ods-color-teal-50: #0b5243;
  --ods-color-teal-60: #085243;
  --ods-color-teal-70: #00050a;
  --ods-color-orange-5: #fff8f5;
  --ods-color-orange-10: #ffede5;
  --ods-color-orange-15: #ffdece;
  --ods-color-orange-20: #fcc9a9;
  --ods-color-orange-30: #ff936b;
  --ods-color-orange-40: #ff6b26;
  --ods-color-orange-50: #9e3808;
  --ods-color-orange-60: #942f00;
  --ods-color-orange-70: #260d01;
  --ods-color-light-green: #f6faf0;
  --ods-color-medium-green: #d9e6c6;
  --ods-color-bright-green: #578319;
  --ods-color-light-yellow: #fefbef;
  --ods-color-medium-yellow: #f7e5a6;
  --ods-color-bright-yellow: #fac712;
  --ods-color-light-red: #fff7f5;
  --ods-color-medium-red: #fcbfb3;
  --ods-color-bright-red: #dd2e0b;
  --ods-color-black: #000000;
  --ods-color-white: #ffffff;
  --ods-color-transparent-black-10: rgba(0, 0, 0, 0.1);
  --ods-color-transparent-black-85: rgba(0, 0, 0, 0.85);
  --ods-color-transparent-white-10: rgba(255, 255, 255, 0.1);
  --ods-color-transparent-white-85: rgba(255, 255, 255, 0.85);
}

/*# sourceMappingURL=styles.css.map*/