@charset "UTF-8";
/*Base styles*/
/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.e-chevron-left:before {
  content: "";
}
.e-chevron-right:before {
  content: "";
}

.fs-8 {
  font-size: 0.5rem;
}

.fs-10 {
  font-size: 0.625rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-44 {
  font-size: 2.75rem;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-28 {
  line-height: 28px;
}

.lh-32 {
  line-height: 32px;
}

.lh-38 {
  line-height: 38px;
}

.lh-44 {
  line-height: 44px;
}

.lh-52 {
  line-height: 52px;
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.e-chevron-left:before {
  content: "";
}
.e-chevron-right:before {
  content: "";
}

.fs-8 {
  font-size: 0.5rem;
}

.fs-10 {
  font-size: 0.625rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-44 {
  font-size: 2.75rem;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-28 {
  line-height: 28px;
}

.lh-32 {
  line-height: 32px;
}

.lh-38 {
  line-height: 38px;
}

.lh-44 {
  line-height: 44px;
}

.lh-52 {
  line-height: 52px;
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
}

.container-xl {
  max-width: 1440px;
}

.bg-info {
  background-color: #cadfe9 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  color: black;
}

.breadcrumb-item {
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
}

.breadcrumb-item > a {
  color: #046181;
}

.breadcrumb-item.active {
  color: black;
}

* {
  font-family: "Ubuntu, Open Sans", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  font-size: 16px;
  background-color: #FFE9C8;
  /*Additional Classes*/
  /*  tt :: translate top
      tr :: translate right
      tb :: translate bottom
      tl :: translate left
  */
  /* Typography Classes */
  /* Color Classes */
  /* Icon Classes */
  /* Syncfusion component Overrides*/
  /* BS Pagers */
  /*Other elements*/
}
body p {
  color: #333333;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  color: #0D2740;
}
body h1 {
  font-size: 1.75rem;
}
body h2 {
  font-size: 1.625rem;
}
body h3 {
  font-size: 1.5rem;
}
body h4 {
  font-size: 1.375rem;
}
body h5 {
  font-size: 1.25rem;
}
body .tb-1 {
  transform: translateY(0.5rem);
}
body .font-size__14 {
  font-size: 0.875rem;
}
body .color-dark-blue {
  color: #0D2740;
}
body .color-cerulean {
  color: #0680BC;
}
body .color-blue-cyan {
  color: #1cbfef;
}
body .color-charcoal {
  color: #333333;
}
body .color-light-gray {
  color: #C2C9D1;
}
body .e-navigation-right::before {
  content: "";
}
body ul {
  padding: 1rem;
}
body .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  top: 0;
  left: 15px;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
body .screen-reader-text:focus {
  background-color: white;
  border-radius: 3px;
  border: 2px solid #0D2740;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #0D2740;
  display: block;
  font-weight: 700;
  height: auto;
  left: 15px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 15px;
  width: auto;
  z-index: 100000;
}
body .scan-qr-code-instructions {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
  letter-spacing: -0.09px;
}
body .accordion {
  border: 0;
}
body .accordion-button {
  color: #000000;
  background: #F5D3A7;
  /* Body 16px/Text MD 600 */
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
body .accordion-item {
  color: #000000;
  background-color: #FFE9C8;
  border: 0;
}
body .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #FFE9C8;
  box-shadow: none;
}
body .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
body .sf-grid + .sf-grid {
  margin-top: 1rem;
}
body .table-striped tbody tr:nth-of-type(odd) {
  background-color: #eefaff;
}
body .e-toolbar .e-tbar-btn {
  background: #f8f9fa;
  box-shadow: none;
  color: #0680bc;
}
body .e-toolbar .e-tbar-btn:hover {
  background: #0680bc;
  border: 1px solid #0680bc;
  border-radius: 4px;
  color: #fff;
}
body .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
body .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
  color: #0680BC;
}
body .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  color: #0680BC;
  top: 5px;
}
body .e-ler-accordion.e-accordion {
  border-color: #046181;
  border-style: solid;
  border-width: 1px;
}
body .e-ler-accordion.e-accordion .e-acrdn-item .e-acrdn-header {
  color: #046181 !important;
  background: #FFF4E4 !important;
  font-family: Open Sans !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 110% !important;
  border-bottom: none !important;
}
body .e-ler-accordion.e-accordion .e-acrdn-item.e-select,
body .e-ler-accordion.e-accordion .e-acrdn-item.e-selected.e-select {
  border-color: #046181 !important;
  border-style: solid;
  border-width: 0 0 1px 0;
}
body .e-ler-accordion.e-accordion .e-acrdn-header-content {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
body .e-ler-accordion.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-icons {
  color: #046181 !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-weight: bold !important;
}
body .e-ler-accordion.e-accordion .e-acrdn-item.e-select:last-child {
  border-bottom: 0;
  border-radius: 0;
}
body .e-ler-accordion.e-accordion .acrdn-item .e-acrdn-header:focus {
  box-shadow: none !important;
}
body .e-ler-accordion.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
  background: #FFF4E4;
}
body .e-pager.qe-pager {
  background: transparent;
  border-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body .e-pager.qe-pager .e-numericitem {
  background: transparent !important;
}
body .qe-pager .e-input-group, body .qe-pager .e-input-group.e-control-wrapper, body .qe-pager .e-float-input, body .qe-pager .e-float-input.e-input-group, body .qe-pager .e-float-input.e-control-wrapper, body .qe-pager .e-float-input.e-input-group.e-control-wrapper {
  background: transparent !important;
}
body .qe-pager .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-valid-input {
  padding-left: 5px;
  /* Adjust the padding as desired */
  margin-top: 10px;
}
body .e-pager.qe-pager .e-pagesizes {
  display: flex;
  align-items: center;
  order: 1 !important;
}
body .e-pager.qe-pager .e-pagercontainer {
  order: 3 !important;
}
body .e-pager.qe-pager .e-parentmsgbar {
  order: 2 !important;
}
body .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons, body .e-grid .e-icons {
  color: #0680bc;
}
body .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-tbar-btn-text {
  color: #0680bc;
}
body .e-grid .e-addedrow .e-input-group.e-control-wrapper input.e-input {
  border: none !important;
}
body .e-grid .e-gridheader tr:first-child th {
  color: #585858;
}
body .pager-borderless .page-link {
  background-color: transparent !important;
  color: #046181 !important;
  border: none !important;
}
body .pager-borderless .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .pager-borderless .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body input[type=radio] {
  border-color: #166a98;
}
body .wizard-page-title {
  color: #0d274d;
}
body .note-to-user {
  background: rgba(14, 152, 220, 0.1);
  border: 1px solid #0E98DC;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0.75rem;
}

.text-underline {
  text-decoration: underline;
}

.btn-rounded {
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.medium-header {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #0d274d;
}

.link-disabled {
  pointer-events: none;
  color: #666666 !important;
}

.btn-disabled {
  background-color: rgba(108, 117, 125, 0.65) !important;
}
.btn-disabled:hover {
  background: rgba(108, 117, 125, 0.65) !important;
}

.spinner-bg {
  position: relative;
  margin: 0 auto;
  width: 140px;
  height: 140px;
  border: 15px #F5D3A7 solid;
  border-radius: 50%;
}
.spinner-bg::before {
  color: #046181;
  content: "Loading...";
  font-size: 20px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%);
}

.spinner-fg {
  animation: spinner-fg 2s linear infinite;
  border: 15px transparent solid;
  border-left-color: #046181;
  border-radius: 50%;
  height: 140px;
  width: 140px;
  position: absolute;
  top: -15px;
  left: -15px;
}

.ler-view-badges-background {
  width: 340px;
  height: 60px;
  border-radius: 8px;
  background: #FFD05B;
  margin-bottom: 20px;
}

.ler-view-badges-text {
  color: #183A6B;
  font-family: OOpen Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ler-rect .e-accordion {
  margin: auto;
  border-radius: 8px;
}

.ler-rect .e-accordion .e-acrdn-header {
  background: white !important;
}

.faq-rect .e-accordion .e-acrdn-header {
  background: white !important;
}

.ler-rect .scan-qr-code-instructions .e-accordion {
  border: none !important;
}

.scan-qr-code-instructions > .e-accordion .e-acrdn-header .e-acrdn-header-content {
  color: #333 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.09px;
}

.scan-qr-code-instructions .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  top: 0px;
  left: 0px;
}

.scan-qr-code-instructions .e-accordion .e-tgl-collapse-icon::before {
  content: url("../images/accordion-expand.svg");
}

.scan-qr-code-instructions .e-accordion .e-expand-icon.e-tgl-collapse-icon::before {
  content: url("../images/accordion-collapse.svg");
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
  background: #fff;
  color: #0680BC;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.micro-badges .e-accordion {
  border-radius: 4px !important;
  background: rgba(227, 238, 245, 0.15) !important;
}

.micro-badges .e-accordion .e-acrdn-header {
  background: rgba(227, 238, 245, 0.15) !important;
}

.micro-badges .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
  background: rgba(227, 238, 245, 0.15);
}

.navbar-logo {
  width: 365px;
}

.ler-rect {
  border-radius: 8px;
  border: 1px solid #7C93B4;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #7C93B4;
  background: #FFF;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
  padding: 16px;
}

.ler-heading {
  color: #0D274D;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 25px;
}

.badge-header {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
  transform: rotate(-0.012deg);
  padding-bottom: 20px;
}

.badge-card:hover {
  border-radius: 8px;
  border: 2.5px solid #0680BC;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 300px;
  height: 250px;
  padding: 15px;
  text-align: center;
  cursor: pointer;
}

.badge-card {
  border-radius: 8px;
  border: 1px solid #7C93B4;
  background: #FFF;
  width: 300px;
  height: 250px;
  padding: 15px;
  text-align: center;
}

.badge-card-new-design {
  max-width: 400px;
  quotes: 21px;
  height: 190px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #D0DAE7;
  background: #FFF;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.badge-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /* Adjust column size */
  gap: 40px;
  /* Apply spacing */
  max-width: 1280px;
  margin: 0 auto;
}

.badge-name {
  color: #0D274D;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 12px;
}

.badge-name-detail {
  color: #0D274D;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.badge-description {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
}

.badge-description-faq {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
}

.badges-well {
  border-radius: 8px;
  border: 0.5px solid #046181;
  background: #FFF4E4;
  padding: 1rem;
}

.micro-badge-name {
  color: #183A6B;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.micro-badge-name-faq {
  color: #166a98;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

.micro-badge-count {
  color: #0D274D;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 5px;
}

.badge-image {
  height: 130px;
  width: 130px;
}

.checked-container {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}

.micro-badge-check {
  height: 25px;
  width: 25px;
  padding-left: 5px;
}

.micro-badge-container {
  display: flex;
  justify-content: center;
}

.micro-badge-container {
  display: flex;
  justify-content: center;
}

.badge-icon {
  max-width: 340px;
  max-height: 340px;
}

.badge-qrcode {
  width: 250px !important;
  height: 250px;
  transition: transform 0.2s;
}

.badge-qrcode:hover {
  transform: scale(1.2);
  transform-origin: top left;
}

.badge-qrcode-instructions {
  color: #000;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  width: 133.008px;
  transform: rotate(-0.059deg);
}

.badge-qrcode-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.badge-back-text {
  color: #0680BC;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
  letter-spacing: 0.32px;
}

.badge-button-text {
  color: #FFF;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.badge-issued {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.badge-incomplete-text {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}

.print-cert {
  width: 140px;
  height: 40px;
  background-color: #05998B;
  border-width: 0;
}

.print-cert:disabled {
  width: 140px;
  height: 40px;
  background-color: #D5D9E0;
}

.download-badge {
  width: 140px;
  height: 40px;
  background-color: #05AD92;
  border-width: 0;
  margin-top: 10px;
}

.download-badge:disabled {
  width: 140px;
  height: 40px;
  background-color: #D5D9E0;
  border-width: 0;
  float: right;
}

.home-container {
  margin-top: 173px;
}

.faq-container {
  padding-top: 100px;
}

@keyframes spinner-fg {
  to {
    transform: rotate(359deg);
  }
}
.share-badge-popup {
  width: 100%;
  max-width: 340px;
  min-height: 290px;
  /* allows for small screens but grows if needed */
  flex-shrink: 0;
  background: #FFF;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #D0DAE7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.share-badge-popup.compact {
  max-width: unset;
  /* allow it to grow if needed */
  box-shadow: none;
  /* remove shadow if that's what you meant */
  border: none;
  /* remove border if you want it stripped down */
}

@media (max-width: 600px) {
  .share-badge-popup {
    min-height: 350px;
  }
}
@media (max-width: 1199.98px) {
  .mx-auto-down-xl {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
}
.share-badge-container,
.share-badge-header,
.share-badge-progress {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.share-badge-header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: start;
  font-weight: bold;
}

.share-badge-progress {
  border-radius: 4px;
  border: 0.5px solid #D0DAE7;
  background: rgba(208, 218, 231, 0.5);
  height: 50px;
}

.share-badge-text {
  color: #014F6A;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.share-badge-subtext {
  color: #014F6A;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.2px;
}

.share-badge-btn {
  cursor: pointer;
}

.add-wallet-description,
.badge-download-text,
.stand-out-description,
.recommended-wallets-text {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.share-badge-link {
  color: #0470BA;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-decoration-line: underline;
}

.recommended-wallets-container {
  background: rgba(208, 218, 231, 0.3);
  height: 25px;
}

.button-disabled {
  opacity: 50%;
  pointer-events: none;
}

.select-to-scan-btn {
  height: 25px;
  background: #D6171B;
  border: 1px solid #D6171B;
  color: #FFF;
  border-radius: 24px;
  font-weight: 500;
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

.color-white {
  color: #FFF;
}

.color-black {
  color: #000000;
}

.color-roan {
  color: #610F15;
}

.color-poppy {
  color: #C4282C;
}

.color-marigold {
  color: #F3AA45;
}

.color-flax {
  color: #F5D3A7;
}

.color-birch {
  color: #FFE9C8;
}

.color-cove {
  color: #046181;
}

.color-sage {
  color: #BAC694;
}

.color-cool-gray {
  color: #21272A;
}

.background-white {
  background: #FFF;
}

.background-warm-white {
  background: #FFF4E4;
}

.background-black {
  background: #000000;
}

.background-roan {
  background: #610F15;
}

.background-poppy {
  background: #C4282C;
}

.background-marigold {
  background: #F3AA45;
}

.background-flax {
  background: #F5D3A7;
}

.background-birch {
  background: #FFE9C8;
}

.background-cove {
  background: #046181;
}

.background-sage {
  background: #BAC694;
}

/* State Color */
.color-info {
  color: #1970B6;
}

.color-success {
  color: #70BA7A;
}

.color-warning {
  color: #FFD105;
}

.color-error {
  color: #CD3336;
}

/* Misc */
.margin-top-5 {
  margin-top: 5rem;
}

.margin-x-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.padding-x-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.footer-links {
  width: 353px;
  height: 30px;
  gap: 38px;
}

.service-members-container {
  height: 500px;
}

.service-members-image {
  max-width: 690px;
}

@media (min-width: 1200px) {
  .service-members-text {
    height: 50%;
    padding: 40px 50px;
    margin-left: -5rem;
  }
}
@media (min-width: 992px) {
  .margin-top-lg-5 {
    margin-top: 5rem !important;
  }
}
@media (max-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .service-members-text, .employers-text {
    max-width: 690px;
    padding: 1rem;
  }

  .employers-image {
    max-width: 690px;
  }

  .w-xl-100 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .employers-text {
    height: 50%;
    padding: 40px 50px;
    z-index: 10;
  }

  .employers-image {
    margin-left: -5rem;
  }
}
.contact-card {
  height: 139px;
  width: 476px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-textbox {
  width: 330px;
}

.contact-image {
  margin-left: -8rem;
}

.mmf-footer {
  height: 200px;
}
.mmf-footer a:hover {
  color: #BAC694;
}

@media (max-width: 576px) {
  .contact-image {
    margin-left: 0;
  }

  .contact-card {
    width: unset;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .hiker-title {
    font-size: 36px;
    line-height: 44px;
  }

  .hiker-text {
    font-size: 20px;
    line-height: 30px;
  }

  .navbar-collapse {
    background: #046181;
  }
}
@media (min-width: 992px) {
  .hiker-title {
    font-size: 44px;
    line-height: 52px;
  }

  .hiker-text {
    font-size: 22px;
    line-height: 32px;
  }
}
.announcement-banner {
  height: 80px;
}

.banner-button {
  display: inline-flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: 1.5px solid var(--Brand-Black, #000);
  background: var(--Brand-Marigold, #F3AA45);
  color: var(--Brand-Black, #000);
  cursor: pointer;
}

.banner-button:hover {
  border-radius: 4px;
  border: 1.5px solid var(--Brand-Black, #000);
  background: var(--Brand-Black, #000);
  color: var(--Brand-Marigold, #F3AA45);
}

.announcement-card {
  padding: 20px 15px;
  margin-bottom: 20px;
  border-radius: 8px;
  max-width: 1080px;
  width: 100%;
  height: auto;
}

.announcement-textbox {
  max-width: 838px;
}

@media (min-width: 768px) {
  .announcement-textbox {
    max-width: 100%;
  }
}
.navigation-container {
  height: 200px;
}

.navigation-buttons {
  gap: 1px;
}

.navigation-button {
  width: 150px;
  height: 115px;
  background: var(--Brand-Birch, #FFE9C8);
  color: var(--Brand-Cove, #046181) !important;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.navigation-button.navigation-left {
  border-radius: 8px 0px 0px 0px;
}

.navigation-button.navigation-right {
  border-radius: 0px 8px 0px 0px;
}

.navigation-button.active, .navigation-button:hover {
  background-color: #046181;
  color: #FFE9C8 !important;
}

.skills-identification-tool-banner {
  width: 360px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 48px;
  background: rgba(255, 255, 255, 0.85);
  color: #046181;
  text-align: center;
  font-style: normal;
}

.get-started-accordion-button {
  background: #FFE9C8 !important;
  color: #046181 !important;
}

.get-started-accordion {
  border-bottom: 1px solid #046181 !important;
  border-radius: 0px !important;
}
.get-started-accordion .accordion-button:focus {
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
}

.get-started-accordion .accordion-button::after {
  display: none !important;
}

.accordion-icon {
  display: inline-block;
  width: 1.25rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
}

.get-started-accordion .accordion-icon::before {
  content: "+";
  font-size: 1.25rem;
  font-weight: bold;
}

.get-started-accordion .accordion-button[aria-expanded=true] .accordion-icon::before {
  content: "−";
}

.upload-button-container {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%);
  height: 200px;
  display: flex;
  align-items: center;
}

.showcase-container {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%);
  height: 650px;
  display: flex;
  align-items: center;
}

.upload-button {
  width: 160px;
  height: 150px;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.start-button {
  width: 160px;
  height: 150px;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.upload-button:hover {
  background: #FFE9C8;
  color: #046181;
  cursor: pointer;
}

.start-button:hover {
  background: #FFE9C8;
  color: #610F15;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.w-65 {
  width: 65%;
}

.section-header {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border: 1px solid #046181;
  background: #046181;
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

/* Dropdown List Styling*/
.e-badge-sort-ddl.e-ddl {
  border-radius: 0px !important;
  border-color: #046181 !important;
  background-color: transparent !important;
  color: #046181 !important;
}

.e-badge-sort-ddl.e-ddl input::placeholder {
  color: #046181 !important;
}

.e-badge-sort-ddl .e-dropdownbase .e-list-item.e-item-focus,
.e-badge-sort-ddl .e-dropdownbase .e-list-item.e-active,
.e-badge-sort-ddl .e-dropdownbase .e-list-item.e-active.e-hover,
.e-badge-sort-ddl .e-dropdownbase .e-list-item.e-hover {
  background-color: #F0F4FB;
}

.e-badge-sort-ddl.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6" fill="none"><path d="M6.35355 5.64645C6.15829 5.84171 5.84171 5.84171 5.64645 5.64645L0.853554 0.853554C0.538571 0.538571 0.761654 0 1.20711 0H10.7929C11.2383 0 11.4614 0.538571 11.1464 0.853553L6.35355 5.64645Z" fill="%23046181"/></svg>');
}

.e-badge-sort-ddl.e-ddl.e-input-group.e-control-wrapper .e-input {
  color: #046181;
}

.e-badge-sort-ddl.e-ddl.e-control-container {
  border-width: 0 0 1px 0 !important;
  border-radius: 0px !important;
  border-color: #046181 !important;
  box-shadow: none !important;
  color: #046181;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.e-badge-sort-ddl .e-input-group .e-input[readonly], .e-badge-sort-ddl .e-input-group.e-control-wrapper .e-input[readonly] {
  color: #046181 !important;
}

.e-badge-sort .e-input-group .e-input[readonly], .e-badge-sort .e-input-group.e-control-wrapper .e-input[readonly] {
  color: #046181 !important;
}

.e-login-ddl.e-ddl input::placeholder {
  color: #C2C9D1 !important;
}

.e-login-ddl .e-dropdownbase .e-list-item.e-item-focus,
.e-login-ddl .e-dropdownbase .e-list-item.e-active,
.e-login-ddl .e-dropdownbase .e-list-item.e-active.e-hover,
.e-login-ddl .e-dropdownbase .e-list-item.e-hover {
  background-color: #FFF4E4;
}

.e-login-ddl.e-ddl.e-input-group.e-control-wrapper .e-input {
  background: #FFF4E4;
}

.e-login-ddl.e-ddl .e-input-group-icon.e-ddl-icon.e-icons, .e-ddl .e-input-group-icon.e-ddl-icon.e-icons:hover {
  background: #FFF4E4;
}

.e-login-ddl.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  background: #FFF4E4;
}

.e-upload-results-grid.e-grid {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  border-color: #046181 !important;
}

.e-upload-results-grid.e-grid .e-headercell {
  background-color: #046181;
  /* Override the header background color */
  color: #FFF !important;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
}

.e-upload-results-grid.e-grid .e-row {
  background-color: #FFF4E4 !important;
}

.e-upload-results-grid.e-grid .e-emptyrow {
  background-color: #FFF4E4 !important;
}

.e-upload-results-grid.e-grid .e-row:hover .e-rowcell {
  background-color: #FFF4E4 !important;
}

.e-upload-results-grid.e-grid .e-rowcell.e-selectionbackground {
  background-color: #FFF4E4;
}

.e-upload-results-grid.e-grid .e-toolbar .e-toolbar-items {
  background-color: #FFE9C8 !important;
}

.e-upload-results-grid.e-grid .e-toolbar {
  border-top-color: #046181 !important;
}

.e-upload-results-grid.e-grid .e-headertext {
  color: #FFF !important;
}

.e-upload-results-grid.e-grid .e-pager {
  border-color: #046181;
  background: #FFE9C8;
}
.e-upload-results-grid.e-grid .e-pager .e-numericitem {
  background: transparent !important;
}

.e-upload-results-grid.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
  color: #FFF !important;
}

.max-width-lg {
  max-width: 992px;
}

.gap-10 {
  gap: 6rem;
}

.start-47 {
  left: 47% !important;
}

.btn-nav:focus.btn:focus {
  box-shadow: none !important;
}

.e-user-profile-dialog .e-dlg-header-content {
  background-color: #FFF4E4;
}

.e-user-profile-dialog .e-dlg-content {
  background-color: #FFF4E4;
}

/*Layouts*/
/*Components*/
/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.hero-banner {
  background: url("/images/banners/wilderness-banner.png");
  background-size: cover;
  padding: 90px 0 0.063rem;
}
.hero-banner.hero-banner-label-only {
  min-height: initial;
  background: none;
}
.hero-banner-icon-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: fit-content;
}
.hero-banner-icon-container:hover {
  transform: scale(1.01, 1.01);
}
.hero-banner-icon {
  transform: translate(0, 3px);
}
.hero-banner-text-container {
  background: #F9BD31;
  border-radius: 12px;
  display: flex;
  height: 32px;
  position: relative;
  text-align: center;
  min-width: 200px;
  z-index: 1;
}
.hero-banner-text-container:after {
  border-top: 1rem solid rgba(0, 0, 0, 0);
  border-bottom: 1rem solid rgba(0, 0, 0, 0);
  border-left: 1rem solid #F9BD31;
  border-radius: 1.6875rem;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: -9px;
  top: 0;
  width: 0;
}
.hero-banner-text-container:before {
  border-top: 1rem solid rgba(0, 0, 0, 0);
  border-bottom: 1rem solid rgba(0, 0, 0, 0);
  border-right: 1rem solid #F9BD31;
  border-radius: 1.6875rem;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  left: -9px;
  top: 0;
  width: 0;
}
.hero-banner-text {
  align-items: center;
  color: #0D2740;
  display: flex;
  font-weight: bolder;
  justify-content: center;
  letter-spacing: 0.15em;
  line-height: 1.4375rem;
  margin: auto;
  padding: 0 0.8125rem;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
}

.hero-banner-label-only {
  padding-top: 86px;
}
.hero-banner-label-only .hero-banner-icon-container {
  position: fixed;
  z-index: 1030;
  top: 58px;
}

@media screen and (min-width: 576px) {
  .hero-banner-label-only .hero-banner-icon-container {
    top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .hero-banner {
    padding-top: 100px;
  }

  .hero-banner-label-only {
    padding-top: 86px;
  }
  .hero-banner-label-only .hero-banner-icon-container {
    top: 70px;
  }
}
/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.premium-button {
  border-color: unset;
  border: 1px solid #0D2740;
  color: #0D2740;
  height: 3.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: rgba(0, 0, 0, 0);
  font-family: "Open Sans", sans-serif;
  font-size: 1.375rem;
  line-height: 1.75rem;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.premium-button:hover {
  background-color: #19beee;
  border: 1px solid #19beee;
  color: #FFF;
}

.standard-button.e-btn {
  height: 2.1875rem;
  background-color: #083F70;
  border: 1px solid #083F70;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.btn-yellow {
  background: #F9CF1C;
  border: none;
  color: #0D2740 !important;
  border-radius: 0.125em;
  font-weight: 600;
  padding-left: 1em;
  padding-right: 1em;
}
.btn-yellow:hover, .btn-yellow:active {
  background: #fbdf67;
  color: #0D2740 !important;
}

.btn-outline-yellow {
  background: transparent;
  border: 2px solid #F9CF1C;
  color: #F9CF1C !important;
  border-radius: 0.125em;
  font-weight: 600;
  padding-left: 1em;
  padding-right: 1em;
}
.btn-outline-yellow:hover, .btn-outline-yellow:active {
  background: #F9CF1C;
  color: #0D2740 !important;
}

.btn-dropdown, .btn-dropdown:hover {
  border-color: #046181;
  color: #FFF;
}

.dropdown-item {
  color: #FFF;
}

.dropdown-item:hover {
  background-color: #610F15;
  color: #FFF;
}

.btn-outline-dark-blue {
  background: transparent;
  border: 2px solid #0D2740;
  color: #0D2740 !important;
  border-radius: 0.125em;
  font-weight: 600;
  padding-left: 1em;
  padding-right: 1em;
}
.btn-outline-dark-blue:hover, .btn-outline-dark-blue:active {
  background: #0D2740;
  color: #FAFCFF !important;
}

.btn-persian {
  background: #05998B;
  border: none;
  color: white !important;
}
.btn-persian:hover {
  background: #047167;
}

.btn-cerulean {
  background: #0680BC;
  border: none;
  color: #FFF !important;
}
.btn-cerulean:hover {
  background: #079be4;
}

.btn-cove {
  background: #046181;
  border: none;
  color: #FFF !important;
}
.btn-cove:hover {
  background: #1970B6;
}

.e-btn {
  padding-left: 1em;
  padding-right: 1em;
}
.e-btn.e-primary {
  background-color: #0680BC;
  border-color: #0680BC;
}

.btn-nav {
  background: #FFE9C8;
  display: inline-flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  border: none;
}

.btn-nav:hover {
  background: #046181;
  color: #FFF;
}

.btn-nav:active {
  color: #046181;
  box-shadow: none;
}

.btn-nav-selected {
  color: #046181;
  box-shadow: none;
}

.btn-nav-active {
  background: #046181;
  color: #FFF;
  display: inline-flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
}

.btn-nav:not(:hover):focus {
  color: #046181;
  box-shadow: none;
}

@media (max-width: 992px) {
  .btn-nav {
    background: #046181;
    color: #FFF;
  }

  .btn-nav:hover {
    color: #F5D3A7 !important;
  }

  .btn-nav:focus {
    color: #F5D3A7;
  }
}
.btn-auth {
  color: #FFF;
  background: #610F15;
  width: 270px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  border-radius: 4px;
  border: 1.5px solid #FFF;
}

.btn-auth:hover {
  background: #F3AA45;
  color: #610F15;
  box-shadow: none;
  border: 1.5px solid #F3AA45;
}

.btn-auth:focus {
  background: #F3AA45;
  color: #610F15;
  box-shadow: none;
  border: 1.5px solid #F3AA45;
}

.btn-group-auth {
  position: absolute;
  top: 90px;
  left: 320px;
  width: 380px;
  height: 240px;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.btn-auth-alt {
  color: #046181;
  background: #FFE9C8;
  width: 270px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  border-radius: 4px;
  border: 1.5px solid #046181;
}

.btn-auth-alt:hover {
  background: #046181;
  color: #FFF;
  box-shadow: none;
  border: 1.5px solid #046181;
}

.btn-auth-alt:focus {
  background: #046181;
  color: #FFF;
  box-shadow: none;
  border: 1.5px solid #046181;
}

.btn-upload {
  background: #046181 !important;
  color: #FFF !important;
  box-shadow: none;
  width: 130px;
  height: 45px;
  display: inline-flex;
  justify-items: center;
  align-items: center;
  font-size: 18px !important;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: 1.5px solid #046181 !important;
}

.btn-upload:hover {
  background: #BAC694 !important;
  color: #046181 !important;
  border: 1.5px solid #BAC694 !important;
}

.ler-button {
  width: 330px;
  height: 60px;
  flex-shrink: 0;
  border: 1px solid #F2C502;
  background: #FFDB41;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 25.2px */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.ler-button:disabled {
  opacity: 50%;
}

@media (max-width: 992px) {
  .btn-auth {
    width: 170px;
    border: 1.5px solid #610F15;
  }

  .btn-group-auth {
    top: 45px;
    left: 100px;
    gap: 0;
  }
}
.tab-button-group > .e-btn {
  color: #000000;
  background: #FFE9C8;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  border: 0.5px solid var(--Brand-Black, #000);
  height: 50px;
  display: flex;
  align-items: center;
}
.tab-button-group > .e-btn:focus {
  color: #FFE9C8;
  background: #610F15;
}
.tab-button-group > .e-btn:hover {
  color: #FFE9C8;
  background: #610F15;
}

.e-btn-group .e-btn:active, .tab-button-group.e-btn-group input:checked + label.e-btn {
  color: #FFE9C8;
  background-color: #610F15;
}

.navbar-toggler-icon > svg {
  stroke: black;
}

.navbar-toggler-icon > svg:hover {
  stroke: #046181;
}

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler:focus > .navbar-toggler-icon > svg {
  stroke: #046181;
}

.btn-close-x:hover path {
  fill: #FFE9C8;
}

.btn-back {
  width: 200px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #C4282C;
  color: #FFE9C8;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.btn-back svg {
  margin-top: 6px;
}

.btn-back:hover {
  color: #C4282C;
  background: #FFE9C8;
}
.btn-back:hover svg > path {
  fill: #C4282C;
}

.btn-next {
  width: 240px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #046181;
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.btn-next svg {
  margin-top: 6px;
}

.btn-next:hover {
  background: #1970B6;
}

.btn-share {
  width: 180px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #1970B6;
  background: #FFF;
  color: #1970B6;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.btn-share svg {
  margin-top: 6px;
}

.btn-share:hover {
  color: #FFF;
  background: #1970B6;
}
.btn-share:hover svg > path {
  fill: #FFF;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.informational-box {
  background: #ffe885;
  margin: 1.3rem 0;
  min-height: 20rem;
  position: relative;
  width: 30%;
}
.informational-box__title {
  font-size: 1.3rem;
}
.informational-box__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.informational-box ul {
  padding: 1rem;
  margin: inherit;
}
.informational-box__image {
  border: 0.1875rem solid #ffe885;
  border-radius: 50%;
  height: 4.375rem;
  position: absolute;
  top: -2.1875rem;
}

@media screen and (max-width: 1024px) {
  .informational-box {
    width: 65%;
    margin: 1.3rem auto;
  }
}
@media screen and (max-width: 768px) {
  .informational-box {
    width: 80%;
  }
}
@media screen and (max-width: 576px) {
  .informational-box {
    width: 100%;
  }
}
.credential-list {
  border: 1px solid rgba(124, 147, 180, 0.25);
  max-height: 500px;
  padding: 1rem;
}

.credential-list__header {
  padding: 1rem 0;
  border-bottom: 1px solid #00C2FF;
}

.credential-list__content {
  height: 342px;
  margin-top: 1rem;
}

/* Reset bootstrap styles before styling scrollbar*/
.credential-list .container ::-webkit-scrollbar {
  -webkit-appearance: initial;
  width: initial;
}

.credential-list .container ::-webkit-scrollbar-track {
  background: none;
}

.credential-list .container ::-webkit-scrollbar-thumb {
  background: none;
  border: none;
  border-radius: initial;
}

.credential-list .container ::-webkit-scrollbar-button {
  background: unset;
}

/*  Style scrollbar */
.credential-list__content::-webkit-scrollbar {
  background-image: linear-gradient(to right, white 48%, rgba(61, 94, 139, 0.2) 50%, white 52%);
}

.credential-list__content::-webkit-scrollbar-thumb {
  background-color: #19BEEE;
  border-radius: 10px;
}

.onet-detail__filter-dialog {
  max-width: 500px;
}
.onet-detail__filter-section {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.25rem;
  min-height: 159px;
  padding: 0.5rem 1.5rem;
}
.onet-detail__select-filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.onet-detail__filter-button {
  align-items: center;
  background: white;
  border: 1px solid #ccc;
  color: #555;
  display: flex;
  justify-content: space-between;
  margin-right: 2rem;
  min-width: 240px;
  outline: white;
}
.onet-detail__clear-filters {
  text-decoration: underline;
}
.onet-detail__active-filters {
  display: flex;
  flex-wrap: wrap;
}
.onet-detail__active-filters__title {
  align-items: center;
  color: #555;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  margin: 0.25rem 1rem 0.25rem 0;
}
.onet-detail__active-filters__filter-tag {
  background: rgba(217, 236, 248, 0.5);
  border: 1px solid rgba(0, 0, 0, 0);
  color: #555;
  font-size: 14px;
  margin: 0.25rem;
}
.onet-detail__active-filters__filter-tag-close {
  background: none;
  outline: none;
  border: none;
  color: #068cd6;
  text-transform: capitalize;
  font-weight: bolder;
  font-size: 15px;
}

.onet-detail-list__navigation-buttons {
  height: 70px;
  font-size: 14px;
  padding: 1rem;
  box-shadow: 0px 3px 3px -2px #ccc;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}
.onet-detail-list__compare-button {
  outline: none;
  border: none;
  background: none;
  color: #068cd6;
  text-decoration: underline;
}
.onet-detail-list__count {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 0.75rem;
  box-shadow: 0px 3px 3px -2px #ccc;
  border-bottom: 1px solid #ccc;
}
.onet-detail-list__search {
  display: flex;
  height: 35px;
  /*margin: 1rem auto;*/
  width: fit-content;
}
.onet-detail-list__search input {
  min-width: 290px;
  max-width: 370px;
  padding-left: 0.75rem;
}
.onet-detail-list__search svg {
  position: relative;
  left: -28px;
  top: 6px;
}
.onet-detail-list__paginated-result-count {
  font-size: 16px;
  color: #555;
  text-align: center;
}
.onet-detail-list__compare-count {
  text-align: center;
  color: #555;
  font-weight: lighter;
}
.onet-detail-list__compare-count a {
  text-decoration: underline;
}
.onet-detail-list__pagination-section {
  display: flex;
  justify-content: center;
}
.onet-detail-list__paginator {
  height: 32px;
  border: 1px solid #c2c4c6;
  border-radius: 4px;
  margin: 0.25rem;
  background: white;
  font-size: 14px;
  padding: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
}
.onet-detail-list__paginator:focus {
  outline: none;
}
.onet-detail-list__paginator-button, .onet-detail-list__paginator-button:focus, .onet-detail-list__paginator-button:active, .onet-detail-list__paginator-button:disabled, .onet-detail-list__paginator-button:hover, .onet-detail-list__paginator-button path {
  border: none;
  background: none;
  box-shadow: none;
  fill: #747a81;
  outline: none;
  transition: fill 400ms ease-in-out;
}
.onet-detail-list__paginator-button.transparent path, .onet-detail-list__paginator-button:focus.transparent path, .onet-detail-list__paginator-button:active.transparent path, .onet-detail-list__paginator-button:disabled.transparent path, .onet-detail-list__paginator-button:hover.transparent path, .onet-detail-list__paginator-button path.transparent path {
  fill: rgba(116, 122, 129, 0);
}
.onet-detail-list__paginator.onet-detail-list__paginator--active {
  border: 1px solid rgba(14, 152, 220, 0.59);
  background: rgba(14, 152, 220, 0.25);
  color: #0e98dc;
  font-weight: bold;
}
.onet-detail-list__section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.onet-detail-list__card {
  width: 300px;
  margin: 1rem;
  min-height: 200px;
  background: #F8F8F8;
  border: 1px solid #EFEFFF;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
.onet-detail-list__card-content {
  padding: 1rem;
  text-align: center;
}
.onet-detail-list__card-view-button {
  width: fit-content;
  background: #05998B;
  padding: 0.5rem 1.25rem;
  color: white;
  margin: 0 auto;
  /*font-weight: bold;*/
  border-radius: 2px;
  font-size: 15px;
}
.onet-detail-list__card-title {
  color: #555;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  text-align: center;
}
.onet-detail-list__card.invisible {
  height: 0;
}
.onet-detail-list__card-compare-section {
  border-bottom: 1.5px solid #DDD;
  padding: 0.75rem;
  color: #068cd6;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-frame.e-check::before {
  content: "";
  position: relative;
  top: 1px;
}
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-check {
  font-size: 12px;
}
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-frame,
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-frame.e-check,
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: white;
  border-color: #068CD6;
  border-radius: 0;
  color: #068CD6;
}
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: white;
  border-color: #068CD6;
  box-shadow: none;
  color: #068CD6;
}
.onet-detail-list__card .e-checkicon.e-checkbox-wrapper .e-ripple-element {
  background: #068CD6;
}

.onet-detail-comparison__grid {
  display: grid;
  grid-auto-rows: 56px;
  padding: 0.5rem;
}
.onet-detail-comparison__grid > * {
  align-items: center;
  display: flex;
}
.onet-detail-comparison__grid:not(.onet-detail-comparison__headings) > * {
  justify-content: center;
}
.onet-detail-comparison__container {
  text-align: center;
}
.onet-detail-comparison__container > div {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.onet-detail-comparison__container .clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  height: fit-content;
  max-width: 70ch;
  display: -webkit-box;
  text-align: center;
  margin: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.onet-detail-comparison__headings {
  font-size: 14px;
  font-weight: 500;
  padding: 0.5rem;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.positional-section-navigation {
  text-align: center;
}
.positional-section-navigation .btn-link.disabled {
  color: #585858;
}
.positional-section-navigation .e-chevron-left,
.positional-section-navigation .e-chevron-right {
  position: relative;
  top: 2px;
}
.positional-section-navigation a {
  padding: 0.25rem;
}
.positional-section-navigation a.active {
  font-weight: bolder;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.animated-navigation-gear__container {
  text-align: center;
  min-width: 13.1875rem;
  position: relative;
}
.animated-navigation-gear__container:hover .animated-navigation-gear__gear {
  stroke: #1cbfef;
  /*transform: rotate(1440deg);*/
}
.animated-navigation-gear__container:hover .animated-navigation-gear__text {
  transform: translateY(0.5rem);
  color: #1cbfef;
}
.animated-navigation-gear__container:hover .animated-navigation-gear__bottom-arrow {
  transform: translateY(0.5rem);
}
.animated-navigation-gear__container:hover .animated-navigation-gear__bottom-arrow path {
  fill: #1cbfef;
}
.animated-navigation-gear__gear {
  transform: rotate(0);
  transform-origin: 50% 50%;
  stroke: rgba(0, 0, 0, 0);
  transition: stroke 1350ms cubic-bezier(0, 1, 0.48, 0.91);
}
.animated-navigation-gear__right-arrow {
  position: absolute;
  top: 3.3125rem;
  right: -2.6875rem;
}
.animated-navigation-gear__navigation-arrow {
  fill: #1cbfef;
}
.animated-navigation-gear__dashed-line {
  stroke: #1cbfef;
}
.animated-navigation-gear__inner-circle {
  stroke: #14C1A3;
}
.animated-navigation-gear__clipboard-backing {
  fill: #1cbfef;
}
.animated-navigation-gear__clipboard-clip {
  fill: #1cbfef;
}
.animated-navigation-gear__text {
  color: #FFF;
  font-size: 1.125em;
  margin-top: -0.5rem;
  -webkit-transition: transform 650ms ease-in-out;
  -moz-transition: transform 650ms ease-in-out;
  -o-transition: transform 650ms ease-in-out;
  transition: transform 650ms ease-in-out;
}
.animated-navigation-gear__bottom-arrow {
  -webkit-transition: transform 650ms ease-in-out;
  -moz-transition: transform 650ms ease-in-out;
  -o-transition: transform 650ms ease-in-out;
  transition: transform 650ms ease-in-out;
}
@media screen and (max-width: 1200px) {
  .animated-navigation-gear__container {
    transform: scale(0.9);
    min-width: unset;
  }
}
@media screen and (max-width: 1085px) {
  .animated-navigation-gear__container {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 1000px) {
  .animated-navigation-gear__container {
    transform: scale(0.8);
  }
  .animated-navigation-gear__bottom-arrow, .animated-navigation-gear__right-arrow {
    display: none;
  }
}

#onet-detail-container .page-title__subheading, .detail-container .page-title__subheading {
  font-size: 12px;
  color: #717684;
  text-transform: uppercase;
  font-weight: 500;
}
#onet-detail-container .page-title__heading, .detail-container .page-title__heading {
  color: #0D274D;
  font-size: 24px;
  line-height: 23.1px;
}
#onet-detail-container .navigation-bar, .detail-container .navigation-bar {
  display: flex;
  flex-wrap: wrap;
}
#onet-detail-container .navigation-bar__item, .detail-container .navigation-bar__item {
  border: unset;
  background: none;
  border-top: 1px solid #B4C7E6;
  color: #0680bc;
  font-weight: 600;
  max-width: 375px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
#onet-detail-container .navigation-bar__item img, .detail-container .navigation-bar__item img {
  display: none;
}
#onet-detail-container .navigation-bar__item p, .detail-container .navigation-bar__item p {
  font-size: 0.875em;
  color: #0680BC;
}
#onet-detail-container .navigation-bar__item.active p, .detail-container .navigation-bar__item.active p {
  color: #0D2740;
}
#onet-detail-container .navigation-bar__item:hover, #onet-detail-container .navigation-bar__item.active, .detail-container .navigation-bar__item:hover, .detail-container .navigation-bar__item.active {
  background: #7C93B4;
  color: white;
}
#onet-detail-container .navigation-bar__item:last-child, .detail-container .navigation-bar__item:last-child {
  border-bottom: 1px solid #B4C7E6;
}
@media screen and (min-width: 768px) {
  #onet-detail-container .navigation-bar, .detail-container .navigation-bar {
    flex-wrap: unset;
    border-bottom: 1px solid #B4C7E6;
  }
  #onet-detail-container .navigation-bar__item, .detail-container .navigation-bar__item {
    border-top: unset;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
  }
  #onet-detail-container .navigation-bar__item img, .detail-container .navigation-bar__item img {
    display: initial;
  }
  #onet-detail-container .navigation-bar__item:last-child, .detail-container .navigation-bar__item:last-child {
    border-bottom: 4px solid rgba(0, 0, 0, 0);
  }
  #onet-detail-container .navigation-bar__item:hover, #onet-detail-container .navigation-bar__item.active, .detail-container .navigation-bar__item:hover, .detail-container .navigation-bar__item.active {
    background: unset;
    color: #0D2740;
    border-bottom: 4px solid #0D274D;
  }
}
#onet-detail-container .stackup-steps,
#onet-detail-container .top-skills-list-num, .detail-container .stackup-steps,
.detail-container .top-skills-list-num {
  color: #34C560;
  font-weight: 500;
  font-size: 24px;
}

#details-stackup-requirements .how-you-stackup {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #0d274d;
}
#details-stackup-requirements .average-person-stats__container {
  border: 1px solid rgba(124, 147, 180, 0.25);
  background: white;
}
#details-stackup-requirements .average-person-stats__title {
  color: #0d274D;
  font-weight: 500;
  font-size: 16px;
}
#details-stackup-requirements .average-person-stats__section:not(:last-child) {
  border-bottom: 1.25px dashed #00C2FF;
}
#details-stackup-requirements .average-person-stats__section-title {
  display: flex;
  justify-content: space-between;
}
#details-stackup-requirements .what-you-have__container {
  background: #edf9ff;
  border: 1px solid rgba(124, 147, 180, 0.25);
}
#details-stackup-requirements .what-you-have__container .met-all-criteria {
  display: block;
  background: #06998B;
}
#details-stackup-requirements .what-you-have__container .met-all-criteria__message {
  text-align: center;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.25rem;
}
#details-stackup-requirements .what-you-have__title {
  color: #0d274D;
  font-weight: 500px;
  font-size: 16px;
}
#details-stackup-requirements .what-you-have__section:not(:last-child) {
  border-bottom: 1.25px dashed #00C2FF;
}
#details-stackup-requirements .what-you-have__section-title {
  display: flex;
  justify-content: space-between;
}
#details-stackup-requirements .next-steps__section {
  display: flex;
  margin-top: 1rem;
}
#details-stackup-requirements .next-steps__section svg {
  flex: 1;
  max-width: 80px;
  margin-right: 1rem;
}
#details-stackup-requirements .next-steps__section-text {
  flex: 3;
}
#details-stackup-requirements .next-steps__section-text > :first-child {
  display: block;
}

.onet-detail-job-description {
  border-bottom: 0.5px solid rgba(124, 147, 180, 0.8);
  padding-bottom: 1rem;
}
.onet-detail-job-description img {
  max-width: 100%;
}
.onet-detail-job-description__title {
  font-size: 14px;
  font-weight: 500;
}
.onet-detail-job-description__text {
  color: rgba(0, 0, 0, 0.75);
}

.onet-details-salary {
  display: flex;
  border-bottom: 0.5px solid rgba(124, 147, 180, 0.8);
}
.onet-details-salary__title {
  font-weight: 500;
  font-size: 14px;
}
.onet-details-salary__amount {
  color: #34C560;
  font-size: 24px;
  font-weight: 500;
}
.onet-details-salary__amount-text {
  font-size: 18px;
  font-weight: 400;
}
.onet-details-salary__calculator {
  flex: 1;
  margin-top: auto;
}
.onet-details-salary__calculator a {
  color: #0680bc;
  font-size: 14px;
}

.onet-details-related-job-titles .card__titles:first-child {
  color: #333334;
  font-size: 16px;
  font-weight: 500;
}
.onet-details-related-job-titles .card__titles:last-child {
  font-size: 12px;
  font-weight: 400;
  color: rgba(24, 24, 25, 0.42);
}
.onet-details-related-job-titles .pagination-button {
  height: 25px;
  width: 25px;
  color: #166a98;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #166a98;
  font-size: 14px;
  border-radius: 50%;
  padding: 1rem;
  margin: 0.25rem;
}
.onet-details-related-job-titles .active {
  background: #166A98;
  color: white;
}

.e-control.e-tab.e-lib.onet-detail-tabs {
  display: flex;
}
.e-control.e-tab.e-lib.onet-detail-tabs .e-content.e-lib.e-touch {
  flex: 1;
}
.e-control.e-tab.e-lib.onet-detail-tabs .e-control.e-toolbar.e-lib.e-tab-header.e-vertical.e-vertical-left.e-keyboard {
  max-width: unset;
  flex: 0.5;
  max-width: 300px;
}
.e-control.e-tab.e-lib.onet-detail-tabs .onet-detail-tabs__tab.e-toolbar-item:not(.e-separator) {
  height: 63px;
}
.e-control.e-tab.e-lib.onet-detail-tabs .onet-detail-tabs__tab.e-toolbar-item .e-tab-wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.e-control.e-tab.e-lib.onet-detail-tabs .onet-detail-tabs__tab .e-tab-text {
  width: unset;
}
.e-control.e-tab.e-lib.onet-detail-tabs .onet-detail-tabs__tab .e-icons.e-tab-icon.e-icon-left.yellow-circle {
  width: unset;
}
.e-control.e-tab.e-lib.onet-detail-tabs .onet-detail-tabs__tab .e-icons.e-tab-icon.e-icon-left.yellow-circle::before {
  content: "";
  height: 40px;
  width: 40px;
  display: inline-block;
  top: -10px;
  margin-right: 0.25rem;
  position: relative;
  border-radius: 20px;
  background: #ffd05b;
}
.e-control.e-tab.e-lib.onet-detail-tabs .yellow-circle::before {
  content: "";
  height: 40px;
  width: 40px;
  display: inline-block;
  top: 10px;
  position: relative;
  border-radius: 20px;
  background: #ffd05b;
}

body {
  /* Styling for the earned badges container */
  /* Styling for the share badge trigger */
  /* Share badge text styling */
  /* View details button styling */
  /* Dialog header content styling */
  /* Badge name styling */
}
body .share-badge-header {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 100% */
}
body .badge-icon {
  max-width: 340px;
  height: 340px;
  margin-bottom: 0.5rem;
}
body .badge-issued span {
  display: block;
  margin-bottom: 0.25rem;
}
body .badge-name-new {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
body .badge-description {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
body .criteria-container {
  display: flex;
  align-items: center;
  padding: 0;
  margin-top: 0.5rem;
}
body .toggle-icon {
  cursor: pointer;
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
body .criteria-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
body .criteria-bullet {
  font-size: 16px;
  line-height: 1.4;
}
body .earned-badges {
  color: #333;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  /* 20px */
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 22px */
}
body .share-badge-trigger {
  cursor: pointer;
}
body .share-badge-text {
  color: #0470BA;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  /* 14px */
  font-weight: 500;
}
body .view-details-button {
  display: flex;
  width: 130px;
  height: 30px;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0px 0px 4px 4px;
  border-left: 1px solid #D0DAE7;
  border-right: 1px solid #D0DAE7;
  border-bottom: 1px solid #D0DAE7;
  background-color: white;
  font-size: 14px;
  font-weight: bold;
  color: #0470BA;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
}
body .e-dialog .e-dlg-header-content {
  border-bottom: none !important;
  padding-bottom: 0px !important;
  /* Removes extra padding */
  margin-bottom: 0px !important;
  padding-left: 22px;
}
body .badge-name-new-design {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  /* 18px */
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 111.111% */
}
body .how-to-share-accordion-button {
  max-width: 495px !important;
  height: 60px !important;
  flex-shrink: 0 !important;
  border-radius: 8px !important;
  background: #FFF !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15) !important;
}
body .how-to-share-accordion-body {
  max-width: 495px !important;
  height: 560px;
  flex-shrink: 0 !important;
  border-radius: 8px !important;
  background: #FFF !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15) !important;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}
@media screen and (max-width: 525px) {
  body .how-to-share-accordion-body {
    height: 760px;
  }
}
body .how-to-share-accordion-body a {
  color: #0470BA;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
body .how-to-share-accordion-button {
  color: #0C466E;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 25.2px */
}
body .how-to-share-accordion-button::after {
  margin-left: 1rem;
  /* Adjust this as needed */
}
@media (max-width: 576px) {
  body .e-dialog .e-dlg-content {
    overflow-y: auto;
    /* Make content scrollable if too long */
    max-height: calc(90vh - 60px);
    /* Account for header/footer */
  }
}
body .pt-0-dialog .e-dlg-content {
  padding-top: 0 !important;
}
body .grid-image-badge {
  height: 50px;
  width: 50px;
}
body .e-query-builder .e-add-group-btn {
  display: none !important;
}

.upload-file-container {
  min-height: 250px;
  width: 100%;
  border: 3px dashed #046181;
  background: #FFF4E4;
  position: relative;
  transition: outline-offset 250ms ease-in-out;
}

.upload-results__history tbody tr,
.upload-results__review tbody tr {
  height: 43px;
}

.document-animation {
  height: 51px;
  width: 43px;
  position: absolute;
  bottom: 0;
  left: 49%;
  display: none;
}

.document-animation.uploading {
  animation: animate-document 1.5s infinite ease-in-out;
  display: initial;
}

@keyframes animate-document {
  from {
    bottom: 0;
  }
  to {
    bottom: 109px;
  }
}
.control_wrapper {
  width: 350px;
  margin: 0 auto;
}

.is-uploading-text {
  font-size: 16px;
  text-transform: uppercase;
  color: #083f70;
}

.password-container {
  height: 35px;
  width: 230px;
  border: 1px solid rgba(5, 119, 178, 0.25);
  font-size: 16px;
  font-weight: bolder;
  text-transform: uppercase;
}

.upload-buttons {
  height: 35px;
  width: 150px;
  background: #05b289;
  border: 1px solid rgba(5, 119, 178, 0.25);
  font-size: 16px;
  font-weight: bolder;
  text-transform: uppercase;
}

.upload-buttons.clear-button {
  background: none;
  border: 1px solid #05b289;
  color: #0D2740;
}

.upload-buttons.clear-button:hover {
  background: #05b289;
  color: white;
}

.upload-dialog-target {
  border: none;
  background: none;
}

.upload-container {
  height: 200px;
  background-color: rgba(124, 147, 180, 0.05);
  display: grid;
  outline: 2px dashed #7c93b4;
  outline-offset: 0;
  position: relative;
  transition: outline-offset 250ms ease-in-out;
}

.upload-container__cloud {
  height: 74px;
  position: absolute;
  left: 45%;
  z-index: -1;
}

.upload-container__upload {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.upload-container__file-to-upload {
  /*width: 100px;*/
}

.upload-container__file-name {
  font-size: 14px;
}

/*Pages*/
/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.power-behind-milgears .e-tab {
  background: none;
  border: 1px solid transparent;
}
.power-behind-milgears .e-tab .e-tab-header {
  height: 60px !important;
}
.power-behind-milgears .e-tab .e-tab-header:before {
  border: none;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-items {
  background: none;
  border: none;
  height: 60px !important;
  padding: 0 50px;
}
.power-behind-milgears .e-tab-text {
  white-space: normal;
}
.power-behind-milgears .e-tab .e-content .e-item {
  color: #0680BC;
  font-size: 1rem;
}
.power-behind-milgears body p .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
  color: #0680BC;
  font: 16px/1.1 "Open Sans", sans-serif;
  font-weight: 500;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
  color: #0680BC;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
  height: 60px;
  padding: 0;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: #FBFBFB;
  border-radius: 4px;
  border: 1px solid #E1E9F4;
  color: #0680BC;
  height: inherit;
  padding: 0 5px;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 3px solid #0D2740;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: none;
  border: none;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  justify-content: center;
  font-weight: 500;
  text-align: center;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-text-wrap p {
  margin-bottom: 0;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
  height: 60px;
  width: 175px;
  margin: 0 2px 0 0;
  min-height: 60px;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
  color: #0D2740;
}
.power-behind-milgears .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active {
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 3px solid #0D2740;
}
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
.power-behind-milgears .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
  color: #0D2740;
  font-weight: 500;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav {
  background: none;
  border: 1px solid #0D2740;
  border-radius: 20px;
  height: 40px;
  min-height: 40px;
  width: 40px;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav:hover,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
  border-color: #0680BC;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav:hover .e-nav-arrow,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-nav-arrow {
  color: #0680BC;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
  background: none;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
  height: 40px;
  width: 40px;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
  background: transparent;
  color: #0680BC;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-left-arrow::before,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-right-arrow::before {
  font-size: 18px;
  line-height: 40px;
  position: relative;
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-left-arrow::before {
  content: "";
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-right-arrow::before {
  content: "";
}
.power-behind-milgears .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
.power-behind-milgears .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
  border-color: darkgray;
  color: darkgray;
}
.power-behind-milgears .e-tab .e-content {
  margin-top: 3em;
}
.power-behind-milgears #hscroll_1_nav_left,
.power-behind-milgears #hscroll_1_nav_right {
  top: 12px;
}
.power-behind-milgears #hscroll_1_nav_left:hover,
.power-behind-milgears #hscroll_1_nav_right:hover {
  background: none;
}
.power-behind-milgears #hscroll_1_nav_left:focus,
.power-behind-milgears #hscroll_1_nav_right:focus {
  outline: none;
}
.power-behind-milgears #hscroll_1_nav_left:focus .e-nav-arrow,
.power-behind-milgears #hscroll_1_nav_right:focus .e-nav-arrow {
  background: transparent;
  color: #0D2740;
}

.landing-page {
  min-height: 710px;
}
.landing-page h2 {
  text-transform: uppercase;
  font-size: 1.375em;
  font-weight: normal;
  letter-spacing: 4px;
  margin-bottom: 15px;
}

body:has(.authenticated-user-name) .faq-container {
  padding-top: 150px;
}
body:has(.authenticated-user-name) .home-container {
  margin-top: 213px;
}

.landing-hero {
  background: url("../images/edl/edl-hero.jpg") no-repeat center center;
  background-size: cover;
  padding: 2em;
  position: relative;
}
.landing-hero h1 {
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: inherit;
  line-height: 1.3;
  margin-top: 0.4em;
}
.landing-hero .xcredit-header {
  color: #f9cf1c;
  display: flex;
}
.landing-hero .xcredit-header:before {
  content: "";
  width: 4px;
  background: #f9cf1c;
  margin-right: 20px;
  height: 25px;
  margin-top: 2px;
}
.landing-hero p {
  font-size: 1.25em;
  letter-spacing: 0.15em;
}
.landing-hero .gear-steps__text {
  font-size: 1.1rem;
  color: #FAFCFF;
  margin: 0;
}
.landing-hero .gear-steps__text a {
  color: #1cbfef;
}
.landing-hero .gear-steps__header {
  color: #1cbfef;
  font-weight: 500;
}

.hero-buttons__login, .hero-buttons__signup {
  width: 100%;
}

.gear-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gear-container__number {
  position: absolute;
  color: #1cbfef;
  margin: 0;
  left: 0.75em;
  font-size: 2.5rem !important;
}

.emc-intro {
  line-height: 1.5em;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  letter-spacing: 4px !important;
  text-transform: none !important;
}

.cta {
  background: rgba(252, 223, 97, 0.12);
}
.cta__background {
  background: url(../images/edl/edl-cta-cog-background.png) no-repeat center;
  background-size: contain;
  padding: 5em 0;
}
.cta____header {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
}

.cta-buttons__login, .cta-buttons__signup {
  width: 75%;
  margin: auto;
}

/* Bootstrap breakpoints */
/* Small */
@media screen and (min-width: 725px) {
  .career-path-tool {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
}
/* Medium */
@media screen and (min-width: 768px) {
  .landing-hero {
    padding: 1em;
  }
  .landing-hero h1 {
    font-size: 2.75rem;
  }

  .hero-buttons__login, .hero-buttons__signup {
    width: 50%;
  }

  .emc-intro {
    font-size: 1.4rem !important;
  }

  .cta-buttons__login, .cta-buttons__signup {
    width: 60%;
    margin: unset;
  }
}
/* Large */
@media screen and (min-width: 992px) {
  .landing-hero {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 2em;
  }

  .hero-buttons__login, .hero-buttons__signup {
    width: 80%;
  }

  .cta__background {
    padding: 9em 0;
  }

  .separator {
    background: #FAFCFF;
    padding: 1px;
  }
}
/* Extra Large */
@media screen and (min-width: 1400px) {
  .landing-hero {
    padding: 3em 11em;
  }
}
.federal-occupation-card {
  width: 330px;
  max-width: 330px;
  height: 150px;
  background-color: #ffffff;
  border: 1px solid rgba(124, 147, 180, 0.5);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  margin-top: 10px;
}

.federal-occupation-title {
  color: #0d274d;
}

.federal-occupation-service-code {
  color: #717684;
  font-size: 0.6rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.federal-occupation-drilldown {
  color: #05998b;
}
.federal-occupation-drilldown svg {
  fill: #05998b;
}

.federal-occupation-drilldown:hover {
  color: #2aa67d;
}
.federal-occupation-drilldown:hover svg {
  fill: #2aa67d;
}

.relevance-full {
  color: #82d78c;
}

.relevance-empty {
  color: #cfe1e5;
}

.mariner-credential-tab {
  background-color: #f8f8f8;
  border: 1px solid #e6e7e8;
}

.commonality-tab {
  background-color: #f8f8f8;
  border: 1px solid #e6e7e8;
}

.onetAlternateTitlesContainer {
  overflow: auto;
  max-height: 150px;
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.career-clusters {
  background-color: rgba(180, 199, 230, 0.25);
  border-radius: 4px 4px 0 0;
  color: #0D2740;
  padding: 15px;
}
.career-clusters h2 {
  background: url(../images/emc/select-your-path-icon.svg) no-repeat left center;
  font-size: 2em;
  font-weight: normal;
  display: flex;
  align-items: center;
  height: 55px;
  padding-left: 60px;
}
.career-clusters h3 {
  font-weight: normal;
}
.career-clusters .e-card {
  border: 1px solid rgba(124, 147, 180, 0.5);
  border-radius: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
.career-clusters .e-card:last-child {
  margin-right: 0 !important;
}
.career-clusters .e-card .e-card-header .e-card-header-caption .e-card-header-title {
  color: black;
  font-weight: 500;
  font-size: 1em;
  white-space: normal;
  min-height: 45px;
}

.cc-navigation {
  background-color: rgba(180, 199, 230, 0.15);
  border-radius: 0 0 4px 4px;
  margin-top: 2px;
}

.cc-drilldown > p {
  color: #0D2740;
  font-size: 1.125em;
  margin: 1.125em 30px;
}
.cc-drilldown .cc-credentials,
.cc-drilldown .cc-occupations {
  background: white;
  border: 1px solid rgba(180, 199, 230, 0.5);
  border-radius: 4px;
  margin-bottom: 1.125em;
  padding: 30px;
}
.cc-drilldown .cc-credentials h4,
.cc-drilldown .cc-occupations h4 {
  color: #0D2740;
  font-weight: normal;
}
.cc-drilldown .cc-credentials .occupation-total,
.cc-drilldown .cc-credentials .credential-total,
.cc-drilldown .cc-occupations .occupation-total,
.cc-drilldown .cc-occupations .credential-total {
  font-weight: 600;
}

.my-rating .e-accordion {
  margin: 0;
}
.my-rating .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
  padding: 0;
}
.my-rating .right-now,
.my-rating .whats-next {
  border-top: 1px solid #B4C7E6;
  padding: 15px;
}
.my-rating .right-now > p,
.my-rating .whats-next > p {
  font-size: 0.8571428571em;
  font-weight: 600;
  margin-bottom: 0.875em;
}
.my-rating .right-now .img-container,
.my-rating .whats-next .img-container {
  width: 35px;
}

.select-filters .e-accordion {
  margin: 0;
}
.select-filters .e-accordion {
  background: #F3F6FB !important;
}
.select-filters .e-accordion .e-acrdn-header,
.select-filters .e-accordion .e-acrdn-content {
  background: #F3F6FB !important;
}
.select-filters .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
  padding: 0;
}
.select-filters .select-options {
  margin-bottom: 1.25em;
}
.select-filters .filter-title .clear-select-options i,
.select-filters .select-career-clusters .clear-select-options i,
.select-filters .select-pathways .clear-select-options i,
.select-filters .select-want-to-see .clear-select-options i,
.select-filters .select-occupation-types .clear-select-options i,
.select-filters .select-salary-range .clear-select-options i,
.select-filters .select-education .clear-select-options i,
.select-filters .select-additional .clear-select-options i {
  opacity: 0;
  margin-right: 10px;
}
.select-filters .filter-title .clear-select-options:hover i,
.select-filters .select-career-clusters .clear-select-options:hover i,
.select-filters .select-pathways .clear-select-options:hover i,
.select-filters .select-want-to-see .clear-select-options:hover i,
.select-filters .select-occupation-types .clear-select-options:hover i,
.select-filters .select-salary-range .clear-select-options:hover i,
.select-filters .select-education .clear-select-options:hover i,
.select-filters .select-additional .clear-select-options:hover i {
  opacity: 1;
}
.select-filters .filter-title > p,
.select-filters .select-career-clusters > p,
.select-filters .select-pathways > p,
.select-filters .select-want-to-see > p,
.select-filters .select-occupation-types > p,
.select-filters .select-salary-range > p,
.select-filters .select-education > p,
.select-filters .select-additional > p {
  color: #0D2740;
  font-size: 0.875em;
  font-weight: 600;
  letter-spacing: 0.2em;
  margin: 0 0 1em 0;
}
.select-filters .salary-range-slider {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #05998B !important;
  letter-spacing: inherit !important;
}

.occupation-type,
.credential-type {
  transition: all 0.3s cubic-bezier(0.1, -0.6, 0.2, 0);
  transform-origin: center;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 4px;
  flex: 1;
}
.occupation-type:hover,
.credential-type:hover {
  border-color: rgba(180, 199, 230, 0.5);
}

@media screen and (min-width: 1325px) {
  .occupation-total,
.credential-total {
    margin-left: 15px;
  }

  .occupation-types img,
.credential-types img {
    display: inline-block !important;
  }
}
.results-prepare h3 {
  color: #0D2740;
  font-size: 1em;
}
.results-prepare .rp-nav-header {
  color: #0D2740;
  font-size: 1.125em;
  margin-bottom: 0;
}
.results-prepare .rp-navigation {
  list-style: none;
  padding-left: 0;
  margin-top: 1em;
}
.results-prepare .rp-navigation .rp-nav-link {
  border-bottom: 1px solid #efefef;
  color: #0680BC;
  padding: 15px 0;
}
.results-prepare .rp-navigation .rp-nav-link:hover, .results-prepare .rp-navigation .rp-nav-link:active, .results-prepare .rp-navigation .rp-nav-link-active {
  text-transform: none;
  color: #0D2740;
}
.results-prepare .rp-navigation .rp-nav-link:hover svg path, .results-prepare .rp-navigation .rp-nav-link:active svg path, .results-prepare .rp-navigation .rp-nav-link-active svg path {
  fill: #cccccc;
}
.results-prepare .rp-navigation .rp-nav-link:focus {
  text-decoration: none;
}
.results-prepare .rp-navigation .rp-img-container {
  width: 55px;
}
.results-prepare .rp-content-container {
  background: white;
  border: 1px solid #e5e5e5;
  padding: 1.125em;
}
.results-prepare .rp-content {
  display: none;
}
.results-prepare .rp-content.is-visible {
  display: block;
}
.results-prepare .rp-content .e-row.e-altrow {
  background: rgba(180, 199, 230, 0.25);
}
.results-prepare .rp-content .prepare-step {
  background: #EDF9FF;
  border: 1px solid rgba(124, 147, 180, 0.25);
  padding: 10px;
}
.results-prepare .rp-content .prepare-step-header {
  font-size: 1.5em;
  color: #05998B;
  text-transform: uppercase;
}
.results-prepare .rp-content .prepare-step-content {
  font-weight: 300;
}
.results-prepare .rp-content .rr-title {
  display: inline-block;
}
.results-prepare .rp-content .rating-requirements li {
  border-bottom: 1px dashed #00C2FF;
}
.results-prepare .rp-content .navy-benefits .e-acrdn-root {
  margin: 0;
}

@media screen and (min-width: 567px) {
  .rp-content .rr-title {
    min-width: 13em;
  }
}
.mg-note {
  font-size: 0.9rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .mg-note {
    width: 50%;
    margin: auto;
  }
}

/* Font sizes */
/* Font weights */
/* Primary colors*/
/* Secondary colors */
/* EMC tool brand colors */
/* Neutral colors */
/* Text colors */
/* Border colors */
/* Background colors */
/* Hover state colors */
/* Site Colors */
/* State Color */
/* Transition speeds */
/* Box shadows */
/* Breakpoints */
.login-card {
  border: 1.5px solid #F5D3A7;
  background: #FFF4E4;
  max-width: 460px;
  min-height: 490px;
}

.e-input {
  height: 100% !important;
}

.password-input-row {
  margin-top: 3.75em;
}

.option {
  border: 2px solid #7C93B4;
  border-radius: 4px;
}
.option__login-btn {
  display: flex;
  width: 100%;
  align-items: center;
}

.slide-out-left {
  animation-duration: 200ms;
  animation-name: loginTransition-out-left;
  visibility: hidden;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
}

@keyframes loginTransition-out-left {
  from {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: translateX(-8%);
    opacity: 0;
    visibility: hidden;
  }
}
.slide-out-right {
  animation-duration: 200ms;
  animation-name: loginTransition-out-right;
  visibility: hidden;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
}

@keyframes loginTransition-out-right {
  from {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: translateX(8%);
    opacity: 0;
    visibility: hidden;
  }
}
.hidden {
  visibility: hidden;
  position: absolute;
}

.slide-in-left {
  animation-duration: 200ms;
  animation-name: loginTransition-in-left;
  visibility: visible;
  height: 100%;
  position: relative;
  right: 0;
  left: 0;
}

@keyframes loginTransition-in-left {
  from {
    transform: translateX(8%);
    opacity: 1;
    visibility: hidden;
  }
  to {
    transform: translateX(0);
    opacity: 0;
    visibility: visible;
  }
}
.slide-in-right {
  animation-duration: 200ms;
  animation-name: loginTransition-in-right;
  visibility: visible;
  height: 100%;
  position: relative;
  right: 0;
  left: 0;
}

@keyframes loginTransition-in-right {
  from {
    transform: translateX(-8%);
    opacity: 1;
    visibility: hidden;
  }
  to {
    transform: translateX(0);
    opacity: 0;
    visibility: visible;
  }
}
.forgot-password {
  font-size: 0.875rem;
}

.password-panel__header {
  font-size: 1.0625rem;
}
.password-panel--hidden {
  display: none;
}
.password-panel--shown {
  display: flex;
  flex-direction: column;
}

.verified-check {
  list-style-type: none;
  list-style-image: url("../images/icons/icon_password_check.svg");
}

.not-verified {
  list-style-type: disc;
}

.verified-text {
  color: #1FAD61;
}

.validation-message {
  margin-top: 0.5rem;
  padding: 0.5rem;
  color: #C4282C;
  background: #FEDBD5;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

.e-input-group-icon {
  border: none !important;
}

.e-input-group-icon:hover {
  background-color: transparent !important;
}

.e-input-group:hover .e-input-group-icon:hover, .e-input-group.e-control-wrapper:hover .e-input-group-icon:hover {
  background-color: white !important;
  color: gray !important;
}

.e-control-wrapper > input {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mh-unset {
  min-height: unset !important;
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
  min-height: unset !important;
}