:root {
  --background: #f3f6fb;
  --background-border: #b7c4d5;
  --white: #FFFFFF;
  --success: #46cc6f;
  --warning: #fcb007;
  --danger: #e71919;
  --green: #1cbd1c;
  --blue: #3361d7;
  --dashboard-green: #18cb1c;
  --dashboard-blue: #0f7ff1;
  --dashboard-brown: #4b330e;
  --grey-light: #f1f1f1;
  --font-default: #333333;
  --nav-active: #003399;
  --lounge-green: #8cd973;
  --blue-light-bg: #eff1f9;
  --cp-dark-blue: #041E41;
  --cp-orange: #ff5001;
  --cp-blue: #8BBBE3;
  --action-ui: #828aa8;
  --border-bottom-color:#e8d9d9;
  --border-color: #dbe0e6;
  --chep-good: #8bc34a;
  --chep-warn: #ff9800;
  --chep-bad: #f44336;
  --date-color: #488794;
  --bar-color: #243b64;
  --ui-action: #5F687D;
  --list-even: #f9f9f9;
  --ui-action-input: lighten(#5F687D,40%);
  --ui-action-input-border: darken(#5F687D,10%);
  --base-padding: 15px;
  --border-radius:5px;
  --border-radius-top:5px 5px 0 0;
  --border-radius-bottom:0 05px 5px; }

body {
  background-color: var(--white); }
  body.sb {
    position: fixed;
    height: 100vh; }
  body main {
    margin: 0;
    position: relative;
    margin-left: 52px;
    padding: 15px; }
    body main #content {
      padding: var(--base-padding);
      min-height: calc(100vh - var(--base-padding) * 2);
      background-color: var(--background);
      border: 1px solid var(--background-border);
      border-radius: 5px; }

.fa-regular.dl {
  font-size: 20px; }

.btn-success {
  background-color: var(--success);
  border: none; }
  .btn-success:hover {
    background-color: var(--success); }

.btn-info {
  background-color: var(--success);
  border: none; }
  .btn-info:hover {
    background-color: var(--success); }

.btn-warning {
  background-color: var(--warning);
  border: none;
  color: white; }
  .btn-warning:hover {
    background-color: var(--warning); }

.btn-danger {
  background-color: var(--danger);
  border: none;
  color: white; }
  .btn-danger:hover {
    background-color: var(--danger); }

.button-danger {
  color: var(--danger);
  text-decoration: none; }

.page_header {
  font-size: 18px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--border-bottom-color);
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .page_header i {
    font-size: 14px; }
  .page_header a {
    font-size: 18px; }

.redacted {
  color: #CCC;
  background-color: #CCC;
  white-space: nowrap;
  margin-bottom: 2px; }

form label {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 7px; }
form #message {
  display: none; }

h2.header_title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 15px; }
  h2.header_title.wu {
    color: var(--white);
    background-color: var(--bar-color);
    padding: 12px 15px;
    border-radius: var(--border-radius);
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-bottom-color); }

.item-container {
  margin-bottom: 20px; }
  .item-container .item {
    background-color: white;
    border: 1px solid var(--border-color);
    padding: 15px;
    border-bottom: 0;
    border-radius: 0; }
    .item-container .item:nth-child(even) {
      background-color: var(--list-even); }
    .item-container .item:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom: 1px solid var(--border-color); }
    .item-container .item .date {
      font-size: 14px;
      color: var(--date-color); }
    .item-container .item a {
      display: inline-block;
      text-decoration: none;
      white-space: nowrap; }
  .item-container.ui-action {
    border-radius: var(--border-radius); }
    .item-container.ui-action .item {
      background-color: var(--bar-color);
      border-radius: var(--border-radius); }
    .item-container.ui-action h2 {
      color: var(--white); }
  .item-container.badges .item .badge-info {
    padding: 15px; }

.badges-container {
  margin-bottom: 20px; }
  .badges-container .item {
    overflow: hidden;
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius); }
    .badges-container .item .badge-image {
      text-align: center;
      padding: var(--base-padding);
      padding-bottom: 0; }
      .badges-container .item .badge-image img {
        width: 70px; }
    .badges-container .item .badge-info {
      padding: var(--base-padding); }
    .badges-container .item .badge-actions {
      padding: var(--base-padding);
      background-color: var(--background); }
    .badges-container .item a {
      display: inline-block;
      text-decoration: none;
      white-space: nowrap; }
  .badges-container.nobadge .item {
    opacity: .5;
    background-color: #ededed; }
  .badges-container.nobadge .badge-image {
    width: 130px;
    height: 130px;
    background-color: #CCC; }

.cheps-container {
  margin-bottom: 20px; }
  .cheps-container .item {
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius); }
    .cheps-container .item .badge-image {
      padding: var(--base-padding); }
    .cheps-container .item .badge-info {
      padding: var(--base-padding); }
      .cheps-container .item .badge-info h6 {
        font-size: 18px; }
      .cheps-container .item .badge-info .chepProgress {
        display: block;
        height: 100%; }
        .cheps-container .item .badge-info .chepProgress .prog-bar {
          height: 12px;
          background-color: #ededed;
          border-radius: 50px; }
          .cheps-container .item .badge-info .chepProgress .prog-bar .color-bar {
            height: 12px;
            border-radius: 50px; }
            .cheps-container .item .badge-info .chepProgress .prog-bar .color-bar.orange {
              background-color: var(--chep-warn); }
            .cheps-container .item .badge-info .chepProgress .prog-bar .color-bar.green {
              background-color: var(--chep-good); }
            .cheps-container .item .badge-info .chepProgress .prog-bar .color-bar.red {
              background-color: var(--chep-bad); }
        .cheps-container .item .badge-info .chepProgress .ind-chep-status {
          font-size: 16px;
          display: block; }
    .cheps-container .item a {
      display: inline-block;
      text-decoration: none;
      white-space: nowrap; }
  .cheps-container.nobadge .item {
    opacity: .5;
    background-color: #ededed; }
  .cheps-container.nobadge .badge-image {
    width: 130px;
    height: 130px;
    background-color: #CCC; }
  .cheps-container .chep-actions {
    padding: var(--base-padding);
    background-color: var(--background); }

.default-link {
  background: none;
  color: var(--bs-link-color);
  border: none;
  text-decoration: none; }
  .default-link.danger {
    color: var(--chep-bad); }

.breadcrumb {
  margin-left: 10px; }

.available-course-list {
  border-radius: var(--border-radius);
  border: 1px solid var(--background-border);
  margin-bottom: 15px;
  overflow: hidden; }
  .available-course-list .secondary a {
    text-decoration: none; }
  .available-course-list .secondary:last-child {
    border-bottom: 0; }
  .available-course-list.list-primary {
    border: 1px solid var(--blue); }
  .available-course-list .list-header {
    padding: 15px;
    background-color: var(--blue);
    color: white;
    height: auto; }
    .available-course-list .list-header span {
      display: inline-block; }
    .available-course-list .list-header .chep-core i {
      font-size: 12px !important; }
    .available-course-list .list-header .core-label {
      font-size: 14px; }
  .available-course-list .secondary {
    position: relative;
    display: block;
    background-color: var(--white);
    border-bottom: 1px solid var(--border-bottom-color); }
    .available-course-list .secondary:first-child {
      border-radius: 5px 5px 0 0; }
    .available-course-list .secondary span {
      display: inline-block; }
    .available-course-list .secondary .completed,
    .available-course-list .secondary .shortname,
    .available-course-list .secondary .fullname {
      padding: 7px; }
    .available-course-list .secondary .shortname {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      max-width: 120px;
      width: 120px;
      text-align: center;
      background-color: var(--blue-light-bg); }
    .available-course-list .secondary .completed {
      position: absolute;
      right: 0;
      top: 0; }
    .available-course-list .secondary .fullname {
      padding-left: 130px;
      padding-right: 30px; }

.group-item {
  padding: 15px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  margin-bottom: 15px; }
  .group-item.guide {
    padding: 0; }
  .group-item h2 {
    font-size: 22px;
    margin-bottom: 30px; }
  .group-item h2.header_title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px; }
    .group-item h2.header_title.wu {
      padding-bottom: 15px;
      margin-bottom: 10px;
      border-bottom: 1px solid var(--border-bottom-color); }
  .group-item.ui-action {
    background-color: var(--bar-color); }
    .group-item.ui-action h2 {
      color: var(--white); }

.share-listing-table.view {
  display: none; }
.share-listing-table tbody {
  background-color: var(--white); }
  .share-listing-table tbody tr td:nth-child(4) {
    white-space: nowrap; }
  .share-listing-table tbody tr td a {
    white-space: nowrap; }

thead.thead-label {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }
  thead.thead-label tr {
    border: 0; }
    thead.thead-label tr td {
      border: 0;
      white-space: nowrap; }

.subnav {
  background-color: #e5eaf1;
  border-radius: 0 0 5px 5px; }

.shared-search label {
  text-transform: none; }

div.guide-info {
  text-align: center;
  padding: 15px;
  background-color: var(--border-color); }

div.guide {
  list-style-type: none;
  counter-reset: css-counter 0;
  /* initializes counter to 0; use -1 for zero-based numbering */ }
  div.guide p {
    position: relative;
    padding: 15px;
    padding-left: 50px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
    counter-increment: css-counter 1;
    /* Increase the counter by 1. */ }
    div.guide p:nth-child(even) {
      background-color: var(--list-even); }
    div.guide p:before {
      left: 20px;
      font-weight: bold;
      position: absolute;
      content: counter(css-counter) ". ";
      /* Apply counter before children's content. */ }
    div.guide p:last-child {
      border-bottom: none;
      border-radius: 0 0 5px 5px; }

ol.guide {
  padding-left: 20px;
  margin: 0; }
  ol.guide li {
    background-color: #ededed;
    margin-bottom: 25px;
    text-align: justify; }

.keypanel-view {
  padding: 12px;
  padding-right: 45px;
  padding-left: 15px;
  position: relative;
  border-bottom: 1px solid var(--border-bottom-color);
  background-color: var(--bar-color);
  border-radius: 5px 5px 0 0; }
  .keypanel-view > div {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--white); }
    .keypanel-view > div::after {
      position: absolute;
      right: 15px;
      font-family: "Font Awesome 6 Pro";
      content: "\f077";
      font-weight: 600; }
  .keypanel-view.collapsed {
    border-radius: var(--border-radius); }
    .keypanel-view.collapsed > div::after {
      font-family: "Font Awesome 6 Pro";
      content: "\f078";
      font-weight: 600; }

.assign-view {
  padding: 12px;
  padding-right: 45px;
  padding-left: 15px;
  position: relative;
  border-bottom: 1px solid var(--border-bottom-color);
  background-color: var(--bar-color);
  border-radius: 5px 5px 0 0; }
  .assign-view > div {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--font-default);
    color: var(--white); }
    .assign-view > div::after {
      position: absolute;
      right: 15px;
      font-family: "Font Awesome 6 Pro";
      content: "\f077";
      font-weight: 600; }
  .assign-view.collapsed {
    border-radius: var(--border-radius); }
    .assign-view.collapsed > div::after {
      font-family: "Font Awesome 6 Pro";
      content: "\f078";
      font-weight: 600; }

.assign-listing-table.view {
  display: none; }
.assign-listing-table tbody {
  background-color: var(--white); }
  .assign-listing-table tbody tr td:nth-child(4) {
    white-space: nowrap; }
  .assign-listing-table tbody tr td a {
    white-space: nowrap; }

.keypanel-table .btn-success, .keypanel-table input.btn-warning, .keypanel-table input.btn-danger {
  font-size: 14px;
  border-radius: 5px; }
.keypanel-table .card-body {
  padding: 0; }
.keypanel-table.show .card-body, .keypanel-table.collapsing .card-body {
  border-radius: 0 0 5px 5px;
  border-top: 0; }
.keypanel-table table label {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }
.keypanel-table table tbody tr {
  border-bottom: 1px solid var(--border-bottom-color); }
  .keypanel-table table tbody tr td {
    padding: 15px; }
  .keypanel-table table tbody tr:last-child {
    border-bottom-width: 0; }
.keypanel-table table tfoot tr td {
  background-color: var(--green); }
  .keypanel-table table tfoot tr td a {
    cursor: pointer;
    color: var(--white); }

.key-help {
  border-radius: 5px;
  background-color: var(--green);
  padding: 8px; }
  .key-help a {
    cursor: pointer;
    color: var(--white); }

.keypanel-table-report.report-view .item.active {
  color: white;
  background-color: var(--blue); }
.keypanel-table-report .btn-success, .keypanel-table-report input.btn-warning, .keypanel-table-report input.btn-danger {
  font-size: 14px;
  border-radius: 5px; }
.keypanel-table-report .card-body, .keypanel-table-report .card {
  border: 0;
  padding: 0;
  background: none; }
.keypanel-table-report.show .card-body, .keypanel-table-report.collapsing .card-body {
  border-radius: 0 0 5px 5px;
  border-top: 0; }
.keypanel-table-report table thead.thead-label {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }
  .keypanel-table-report table thead.thead-label tr {
    border: 0; }
    .keypanel-table-report table thead.thead-label tr td {
      border: 0;
      white-space: nowrap; }
.keypanel-table-report table label {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }
.keypanel-table-report table tbody {
  background-color: white; }
  .keypanel-table-report table tbody tr {
    border-bottom: 1px solid var(--border-bottom-color); }
    .keypanel-table-report table tbody tr:last-child {
      border-bottom-width: 0; }
.keypanel-table-report table tfoot tr td {
  background-color: var(--green); }
  .keypanel-table-report table tfoot tr td a {
    cursor: pointer;
    color: var(--white); }

.key-metrics {
  background-color: var(--background);
  padding: 7px;
  border-radius: 5px;
  margin-bottom: 15px; }

.disallow {
  background-color: var(--grey-light);
  padding: 7px 12px;
  font-size: 13px; }

.item-sub {
  padding: 7px 12px;
  border: 1px solid var(--border-color);
  position: relative;
  color: white;
  background-color: var(--blue); }
  .item-sub::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-family: "Font Awesome 6 Pro";
    content: "\f077";
    font-weight: 600; }
  .item-sub.collapsed::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-family: "Font Awesome 6 Pro";
    content: "\f078";
    font-weight: 600; }

thead.thead-label {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }
  thead.thead-label tr {
    border: 0; }
    thead.thead-label tr td {
      border: 0;
      white-space: nowrap; }

.alert-msg {
  background-color: var(--white);
  padding: 15px;
  border-radius: 5px;
  border: 1px solid var(--border-color); }

.table-responsive .table tbody tr:nth-child(even) {
  background-color: var(--list-even); }

main.dashboard {
  /* MAIN */ }
  main.dashboard .welcome {
    background-color: var(--dashboard-green); }
  main.dashboard .lounge {
    background-color: var(--dashboard-blue); }
  main.dashboard .idp {
    background-color: var(--white); }
  main.dashboard .cp {
    background-color: var(--white); }
  main.dashboard .lounge,
  main.dashboard .welcome,
  main.dashboard .idp,
  main.dashboard .cp {
    font-size: 18px;
    border-radius: 5px;
    padding: 30px; }
    main.dashboard .lounge .title,
    main.dashboard .welcome .title,
    main.dashboard .idp .title,
    main.dashboard .cp .title {
      font-size: 20px;
      margin-bottom: 15px; }
    main.dashboard .lounge a,
    main.dashboard .welcome a,
    main.dashboard .idp a,
    main.dashboard .cp a {
      display: block;
      margin-top: 15px;
      color: white;
      border-radius: 50px; }
  main.dashboard .idp a {
    font-size: 16px;
    text-decoration: none; }
  main.dashboard .lounge,
  main.dashboard .welcome {
    color: var(--white); }
  main.dashboard .lounge {
    background: url("/elc/user/img/dashboard/dashboard-lounge.gif") repeat-x;
    background-size: contain;
    background-color: #1f82ca;
    background-position: bottom center; }
  main.dashboard .cp {
    color: white;
    background: url("/elc/user/img/dashboard/dashboard-careerprepped.gif");
    background-size: cover;
    background-position: bottom left; }
    main.dashboard .cp a {
      background-color: var(--cp-orange) !important; }
  main.dashboard .idp {
    background: url("/elc/user/img/dashboard/dashboard-idp.gif") repeat-x;
    background-color: #f9f9f4;
    background-size: contain;
    background-position: bottom center; }
  main.dashboard .btn-dashboard {
    font-size: 16px;
    padding: 7px 18px;
    text-decoration: none; }
  main.dashboard .--white {
    color: var(--dashboard-blue) !important;
    background-color: var(--white); }
  main.dashboard .--brown {
    font-size: 16px;
    color: var(--white);
    background-color: var(--dashboard-brown) !important;
    padding: 7px 15px; }
  main.dashboard .list-container {
    border-radius: var(--border-radius);
    background-color: var(--white);
    padding: 15px;
    margin-bottom: 15px; }
  main.dashboard .cheps-container {
    margin-bottom: 0; }
    main.dashboard .cheps-container .item {
      border-radius: 0;
      border-bottom-width: 0;
      background-color: var(--background); }
    main.dashboard .cheps-container .item:first-child {
      border-radius: 5px 5px 0 0; }
    main.dashboard .cheps-container .item:last-child {
      border-radius: 0 0 5px 5px;
      border-bottom-width: 1px; }
    main.dashboard .cheps-container .badge-info {
      padding: 0; }
      main.dashboard .cheps-container .badge-info h6 {
        font-size: 16px; }
      main.dashboard .cheps-container .badge-info .chepProgress .ind-chep-status {
        font-size: 14px; }
  main.dashboard .item-container .item .new_course_container {
    max-height: 532px;
    overflow-y: auto;
    margin-bottom: 15px; }
    main.dashboard .item-container .item .new_course_container .single-item {
      background-color: var(--background);
      border: 1px solid var(--border-color);
      padding: 15px;
      border-bottom-width: 0; }
      main.dashboard .item-container .item .new_course_container .single-item:first-child {
        border-radius: 5px 5px 0 0; }
      main.dashboard .item-container .item .new_course_container .single-item:last-child {
        border-radius: 0 0 5px 5px;
        border-bottom-width: 1px; }
      main.dashboard .item-container .item .new_course_container .single-item .sname {
        font-size: 16px;
        font-weight: bold;
        margin-right: 10px; }
      main.dashboard .item-container .item .new_course_container .single-item a {
        font-size: 15px;
        white-space: initial; }
      main.dashboard .item-container .item .new_course_container .single-item .assigned-by {
        font-size: 14px; }

#sidebar {
  position: fixed;
  width: 67px;
  height: 100vh;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 7px; }
  #sidebar .logo {
    display: none;
    margin-bottom: 30px; }
  #sidebar .nav-link {
    display: block;
    background: white;
    background: -moz-linear-gradient(180deg, white 0%, #fafafa 100%);
    background: -webkit-linear-gradient(180deg, white 0%, #fafafa 100%);
    background: linear-gradient(180deg, white 0%, #fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fafafa",GradientType=1);
    color: var(--font-default);
    border-bottom: 1px solid #ededed; }
    #sidebar .nav-link i {
      color: var(--nav-active);
      font-size: 16px; }
    #sidebar .nav-link i.fa-arrow-up-right-from-square {
      color: var(--font-default);
      font-size: 14px; }
    #sidebar .nav-link.active {
      display: block;
      color: var(--white);
      background: none;
      background-color: var(--nav-active);
      border-radius: var(--border-radius); }
      #sidebar .nav-link.active i {
        color: white; }
    #sidebar .nav-link.purchase_btn_nav {
      background-color: green; }
  #sidebar .sidebar_profile {
    margin-top: 30px;
    margin-bottom: 15px;
    margin-top: 0px;
    bottom: 0; }
    #sidebar .sidebar_profile img.default {
      background-color: var(--lounge-green);
      height: 45px;
      width: 45px;
      text-align: center;
      border-radius: 100px; }
    #sidebar .sidebar_profile .name {
      font-size: 18px;
      font-weight: bold; }
    #sidebar .sidebar_profile .date {
      font-size: 12px;
      text-transform: uppercase; }
    #sidebar .sidebar_profile .name,
    #sidebar .sidebar_profile .date {
      display: none; }
  #sidebar .admin-info {
    background-color: #ededed;
    border-radius: 5px;
    color: #222; }
  #sidebar .admin-info, #sidebar .link-label {
    display: none; }

@media (min-width: 768px) {
  body .badges-container .item .badge-image img {
    width: 100px; } }
@media (min-width: 992px) {
  body .tooltip {
    display: none !important; }
  body main {
    margin-left: 300px; }
  body #sidebar {
    width: 315px;
    padding-top: 0; }
    body #sidebar .logo {
      display: block; }
    body #sidebar .admin-info, body #sidebar .link-label {
      display: inline-block; }
    body #sidebar .sidebar_profile .name,
    body #sidebar .sidebar_profile .date {
      display: block; } }

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