@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
.raptor-ui {
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
  /************
      Global
  ************/
  /* Scrollbar custom style */
  /**************
    Typography
  **************/
  /*********
    Helpers
  *********/
  /***********
    Navbar
  ***********/
  /**********
    Sidebar
  **********/
  /************************
    Section General Styles
  ************************/
  /***********
    Buttons
  ***********/
  /*********
    Cards
  *********/
  /*
  The card component has different states/versions
  1- card               - normal card that stays stacked and full width of its parent col- div all the time
  2- path-card          - adds two virtual card effect behind the card image
  3- last-actioned-card - changes the background color of the card to light blue
  4- news-card          - the card style for the news type card with no image nor button
  5- placeholder-card   - obviously the placeholder type of a card :)
  6- card-md-expands    - when added to any type of card, it makes the card to expand and have different styles on screens over 768px
                          and since we don't have any card state that expands on other points like 992px, I just made the -md- version
                          of it and we can add -lg for example if we needed in the future
  */
  /****************
    Section filter
  ****************/
  /****************
  Dropdown menu
  ****************/
  /*****************
  Count list
  **************/
  /**********
    Table
  **********/
  /***********
    Nav Tabs
  ***********/
  /********
    Forms
  ********/
  /*******************
    What's new slider
  *******************/
  /********************
    Full Calendar
    Plugin Custom Styles
  *********************/
  /*************
   Modules
  ***********/
  /**************
  recommendations
  ***************/
  /*********
  Tooltips
  *********/
  /*********
  Breadcrumb
  **********/
  /**********************
  Course overview headers
  ***********************/
  /******************
    Video module
  ***************/
  /*************
    pagination
  ************/
  /********************
    Submit certificate
  *********************/
  /*************
    Upload box
  *************/
  /***********
  Modals
  **********/
  /************
  assessment taking and review
  ***************************/ }
  .raptor-ui body {
    font: 400 1rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    padding-top: 80px; }
    .raptor-ui body.js-on *:not(.form-control):focus {
      outline: none !important; }
    .raptor-ui body.js-on .card:not(.card-underline-md-down) {
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3) !important; }
      .raptor-ui body.js-on .card:not(.card-underline-md-down):hover {
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3) !important; }
    .raptor-ui body.js-on .btn:focus:hover,
    .raptor-ui body.js-on .card:focus:hover {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3) !important; }
    .raptor-ui body.js-on .btn:focus {
      box-shadow: none; }
    .raptor-ui body.js-on.custom-focus *:focus {
      outline: 2px solid #fff !important;
      box-shadow: 0 0px 0px 4px #3f9dff, 0 1px 5px 4px #549aff !important; }
    .raptor-ui body.js-on.custom-focus .btn,
    .raptor-ui body.js-on.custom-focus .card {
      transition: none; }
    .raptor-ui body.js-on .form-control:focus,
    .raptor-ui body.js-on input[readonly]:focus,
    .raptor-ui body.js-on textarea[readonly]:focus,
    .raptor-ui body.js-on textarea.readonly-textarea:focus {
      box-shadow: none !important;
      outline-offset: 0; }
    .raptor-ui body.js-on .form-control:focus {
      border: 1px solid #325184;
      outline: 1px solid #325184 !important;
      box-shadow: none !important; }
    .raptor-ui body.fullscreen {
      overflow: hidden; }
      .raptor-ui body.fullscreen .page-content {
        transition: none; }
        .raptor-ui body.fullscreen .page-content.opened {
          transform: none; }
  .raptor-ui img {
    max-width: 100%; }
  .raptor-ui input,
  .raptor-ui select,
  .raptor-ui textarea,
  .raptor-ui .input-group-text {
    border-radius: 0 !important; }
  .raptor-ui h1, .raptor-ui h2, .raptor-ui h3, .raptor-ui h4, .raptor-ui h5, .raptor-ui h6, .raptor-ui [class*="-heading"] {
    font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #325184; }
    .raptor-ui h1 a, .raptor-ui h2 a, .raptor-ui h3 a, .raptor-ui h4 a, .raptor-ui h5 a, .raptor-ui h6 a, .raptor-ui [class*="-heading"] a {
      color: #325184; }
      .raptor-ui h1 a:hover, .raptor-ui h2 a:hover, .raptor-ui h3 a:hover, .raptor-ui h4 a:hover, .raptor-ui h5 a:hover, .raptor-ui h6 a:hover, .raptor-ui [class*="-heading"] a:hover {
        color: #325184; }
  .raptor-ui a {
    line-height: 1.5;
    color: #325184; }
    .raptor-ui a:hover {
      color: #325184; }
  .raptor-ui .accessibility-link {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -5; }
  .raptor-ui .container,
  .raptor-ui .container-fluid {
    padding-left: 20px;
    padding-right: 20px; }
  .raptor-ui .row {
    margin-right: -20px;
    margin-left: -20px; }
  .raptor-ui .col, .raptor-ui .col-1, .raptor-ui .col-10, .raptor-ui .col-11, .raptor-ui .col-12, .raptor-ui .col-2, .raptor-ui .col-3, .raptor-ui .col-4, .raptor-ui .col-5, .raptor-ui .col-6, .raptor-ui .col-7, .raptor-ui .col-8, .raptor-ui .col-9, .raptor-ui .col-auto, .raptor-ui .col-lg, .raptor-ui .col-lg-1, .raptor-ui .col-lg-10, .raptor-ui .col-lg-11, .raptor-ui .col-lg-12, .raptor-ui .col-lg-2, .raptor-ui .col-lg-3, .raptor-ui .col-lg-4, .raptor-ui .col-lg-5, .raptor-ui .col-lg-6, .raptor-ui .col-lg-7, .raptor-ui .col-lg-8, .raptor-ui .col-lg-9, .raptor-ui .col-lg-auto, .raptor-ui .col-md, .raptor-ui .col-md-1, .raptor-ui .col-md-10, .raptor-ui .col-md-11, .raptor-ui .col-md-12, .raptor-ui .col-md-2, .raptor-ui .col-md-3, .raptor-ui .col-md-4, .raptor-ui .col-md-5, .raptor-ui .col-md-6, .raptor-ui .col-md-7, .raptor-ui .col-md-8, .raptor-ui .col-md-9, .raptor-ui .col-md-auto, .raptor-ui .col-sm, .raptor-ui .col-sm-1, .raptor-ui .col-sm-10, .raptor-ui .col-sm-11, .raptor-ui .col-sm-12, .raptor-ui .col-sm-2, .raptor-ui .col-sm-3, .raptor-ui .col-sm-4, .raptor-ui .col-sm-5, .raptor-ui .col-sm-6, .raptor-ui .col-sm-7, .raptor-ui .col-sm-8, .raptor-ui .col-sm-9, .raptor-ui .col-sm-auto, .raptor-ui .col-xl, .raptor-ui .col-xl-1, .raptor-ui .col-xl-10, .raptor-ui .col-xl-11, .raptor-ui .col-xl-12, .raptor-ui .col-xl-2, .raptor-ui .col-xl-3, .raptor-ui .col-xl-4, .raptor-ui .col-xl-5, .raptor-ui .col-xl-6, .raptor-ui .col-xl-7, .raptor-ui .col-xl-8, .raptor-ui .col-xl-9, .raptor-ui .col-xl-auto {
    padding-right: 20px;
    padding-left: 20px; }
  @media screen and (min-width: 768px) {
    .raptor-ui .container {
      max-width: 776px; } }
  @media screen and (min-width: 992px) {
    .raptor-ui .container {
      max-width: 960px; } }
  @media screen and (min-width: 1200px) {
    .raptor-ui .container,
    .raptor-ui .container-fluid {
      padding-left: 26px;
      padding-right: 26px; }
    .raptor-ui .row {
      margin-right: -26px;
      margin-left: -26px; }
    .raptor-ui .col, .raptor-ui .col-1, .raptor-ui .col-10, .raptor-ui .col-11, .raptor-ui .col-12, .raptor-ui .col-2, .raptor-ui .col-3, .raptor-ui .col-4, .raptor-ui .col-5, .raptor-ui .col-6, .raptor-ui .col-7, .raptor-ui .col-8, .raptor-ui .col-9, .raptor-ui .col-auto, .raptor-ui .col-lg, .raptor-ui .col-lg-1, .raptor-ui .col-lg-10, .raptor-ui .col-lg-11, .raptor-ui .col-lg-12, .raptor-ui .col-lg-2, .raptor-ui .col-lg-3, .raptor-ui .col-lg-4, .raptor-ui .col-lg-5, .raptor-ui .col-lg-6, .raptor-ui .col-lg-7, .raptor-ui .col-lg-8, .raptor-ui .col-lg-9, .raptor-ui .col-lg-auto, .raptor-ui .col-md, .raptor-ui .col-md-1, .raptor-ui .col-md-10, .raptor-ui .col-md-11, .raptor-ui .col-md-12, .raptor-ui .col-md-2, .raptor-ui .col-md-3, .raptor-ui .col-md-4, .raptor-ui .col-md-5, .raptor-ui .col-md-6, .raptor-ui .col-md-7, .raptor-ui .col-md-8, .raptor-ui .col-md-9, .raptor-ui .col-md-auto, .raptor-ui .col-sm, .raptor-ui .col-sm-1, .raptor-ui .col-sm-10, .raptor-ui .col-sm-11, .raptor-ui .col-sm-12, .raptor-ui .col-sm-2, .raptor-ui .col-sm-3, .raptor-ui .col-sm-4, .raptor-ui .col-sm-5, .raptor-ui .col-sm-6, .raptor-ui .col-sm-7, .raptor-ui .col-sm-8, .raptor-ui .col-sm-9, .raptor-ui .col-sm-auto, .raptor-ui .col-xl, .raptor-ui .col-xl-1, .raptor-ui .col-xl-10, .raptor-ui .col-xl-11, .raptor-ui .col-xl-12, .raptor-ui .col-xl-2, .raptor-ui .col-xl-3, .raptor-ui .col-xl-4, .raptor-ui .col-xl-5, .raptor-ui .col-xl-6, .raptor-ui .col-xl-7, .raptor-ui .col-xl-8, .raptor-ui .col-xl-9, .raptor-ui .col-xl-auto {
      padding-right: 26px;
      padding-left: 26px; } }
  .raptor-ui *::-webkit-scrollbar {
    width: .75rem;
    height: .75rem; }
  .raptor-ui *::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: none; }
  .raptor-ui *::-webkit-scrollbar-thumb {
    background-color: #E0E5EC;
    border-radius: 10px; }
  .raptor-ui .sidebar::-webkit-scrollbar-thumb {
    background-color: #E0E5EC;
    border-radius: 10px; }
  .raptor-ui .bg-primary {
    background: #325184 !important; }
  .raptor-ui .bg-accent {
    background: #6200ea !important; }
  .raptor-ui .bg-success {
    background: #00C853 !important; }
  .raptor-ui .bg-danger {
    background: #BE3431 !important; }
  .raptor-ui .bg-primary-lighter {
    background: #F4F6F8 !important; }
  .raptor-ui .text-primary {
    color: #325184 !important; }
  .raptor-ui .text-accent {
    color: #6200ea !important; }
  .raptor-ui .text-danger {
    color: #BE3431 !important; }
  .raptor-ui .text-success {
    color: #00C853 !important; }
  .raptor-ui .text-success-dark {
    color: #11743A !important; }
  .raptor-ui .text-muted {
    color: #757575 !important; }
  .raptor-ui .text-gray {
    color: #757575 !important; }
  .raptor-ui .text-light-gray {
    color: #bababa !important; }
  .raptor-ui .fs-xs {
    font-size: 0.75rem !important; }
  .raptor-ui .fs-sm {
    font-size: 0.875rem !important; }
  .raptor-ui .fs-md {
    font-size: 1rem !important; }
  .raptor-ui .fs-lg {
    font-size: 1.125rem !important; }
  .raptor-ui .fs-xl {
    font-size: 1.5rem !important; }
  .raptor-ui .fs-2x {
    font-size: 2rem !important; }
  .raptor-ui .font-xl {
    font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5; }
  .raptor-ui .fw-normal {
    font-weight: 400; }
  .raptor-ui .fw-bold {
    font-weight: 700; }
  @media screen and (min-width: 768px) {
    .raptor-ui .font-md-xl {
      font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.5; } }
  .raptor-ui .badge {
    color: #ffffff;
    font-weight: 400;
    padding: .25em .74999rem;
    margin: 0;
    font-size: 0.75rem; }
    .raptor-ui .badge + .badge:not(.badge-number) {
      margin-top: 8px; }
    .raptor-ui .badge-danger {
      background: #BE3431; }
    .raptor-ui .badge-success {
      background: #11743A; }
    .raptor-ui .badge-default {
      background: #E0E5EC;
      color: #325184; }
    .raptor-ui .badge-number {
      padding: 2px 6px 1px;
      font-size: 0.875rem;
      margin-left: 3px;
      line-height: 1.1; }
  .raptor-ui .icon {
    width: 2.25rem;
    fill: #325184; }
    .raptor-ui .icon-3xs {
      width: 0.475rem; }
    .raptor-ui .icon-2xs {
      width: 0.75rem; }
    .raptor-ui .icon-xs {
      width: 1rem; }
    .raptor-ui .icon-xs-2 {
      width: 1.125rem; }
    .raptor-ui .icon-sm {
      width: 1.5rem; }
    .raptor-ui .icon-md {
      width: 2rem; }
    .raptor-ui .icon-lg {
      width: 2.5rem; }
    .raptor-ui .icon-primary {
      fill: #325184; }
      .raptor-ui .icon-primary-hover:hover {
        fill: #28416a; }
      .raptor-ui .icon-primary-active:active {
        fill: #192942; }
    .raptor-ui .icon-default {
      fill: #ffffff; }
      .raptor-ui .icon-default-hover:hover {
        fill: #cccccc; }
      .raptor-ui .icon-default-active:active {
        fill: gray; }
    .raptor-ui .icon-success {
      fill: #00C853; }
      .raptor-ui .icon-success-hover:hover {
        fill: #00a042; }
      .raptor-ui .icon-success-active:active {
        fill: #00642a; }
    .raptor-ui .icon-danger {
      fill: #E53935; }
      .raptor-ui .icon-danger-hover:hover {
        fill: #b72e2a; }
      .raptor-ui .icon-danger-active:active {
        fill: #731d1b; }
    .raptor-ui .icon-accent {
      fill: #6200ea; }
      .raptor-ui .icon-accent-hover:hover {
        fill: #4e00bb; }
      .raptor-ui .icon-accent-active:active {
        fill: #310075; }
    .raptor-ui .icon-dark {
      fill: #212121; }
      .raptor-ui .icon-dark-hover:hover {
        fill: #1a1a1a; }
      .raptor-ui .icon-dark-active:active {
        fill: #111111; }
    .raptor-ui .icon-disabled {
      fill: #757575; }
    .raptor-ui .icon-rotate-90 {
      transform: rotate(90deg); }
    .raptor-ui .icon-rotate-180 {
      transform: rotate(180deg); }
    .raptor-ui .icon-rotate-270 {
      transform: rotate(270deg); }
    .raptor-ui .icon-rotate-360 {
      transform: rotate(360deg); }
  .raptor-ui .alert {
    border-radius: 0;
    font-size: 0.875rem;
    color: #ffffff;
    padding: 1rem 1.25rem;
    display: flex; }
    .raptor-ui .alert-danger-dark {
      background-color: #BE3431;
      border-color: #BE3431; }
    .raptor-ui .alert-success {
      background-color: #00C853;
      border-color: #00C853; }
    .raptor-ui .alert-success-dark {
      background-color: #11743A;
      border-color: #11743A; }
    .raptor-ui .alert-success-light {
      background-color: #D9F5E5;
      border-color: #D9F5E5; }
    .raptor-ui .alert .icon {
      width: 1.25rem;
      margin: 0 10px 2px 2px; }
  .raptor-ui .navbar .navbar-collapse .navbar-nav,
  .raptor-ui .navbar-external-menu {
    position: fixed;
    top: 81px;
    left: 20px;
    right: 20px;
    z-index: 99; }
  .raptor-ui .navbar .navbar-collapse .navbar-nav,
  .raptor-ui .navbar-external-menu .navbar-nav {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    background: #ffffff; }
    .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item,
    .raptor-ui .navbar-external-menu .navbar-nav .nav-item {
      padding: 0 .75rem;
      position: relative; }
      .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
      .raptor-ui .navbar-external-menu .navbar-nav .nav-item .nav-link {
        color: #212121;
        padding: .75rem 0; }
      .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item:hover, .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item.active,
      .raptor-ui .navbar-external-menu .navbar-nav .nav-item:hover,
      .raptor-ui .navbar-external-menu .navbar-nav .nav-item.active {
        background: #325184; }
        .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item:hover .nav-link, .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link,
        .raptor-ui .navbar-external-menu .navbar-nav .nav-item:hover .nav-link,
        .raptor-ui .navbar-external-menu .navbar-nav .nav-item.active .nav-link {
          color: #ffffff; }
  .raptor-ui .navbar-external-menu .navbar-nav {
    max-width: 480px; }
  .raptor-ui .navbar {
    padding: .75rem 1.25rem;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    height: 80px; }
    .raptor-ui .navbar .navbar-brand {
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
      background: #ffffff;
      margin-right: 0; }
    .raptor-ui .navbar #main-search-bar {
      overflow: hidden;
      padding-right: 20px;
      margin-right: 20px;
      border-right: 1px solid #E0E5EC; }
      .raptor-ui .navbar #main-search-bar .input-group {
        transform: translateX(calc(100% + 1.25rem));
        transition: .4s ease-in-out; }
        .raptor-ui .navbar #main-search-bar .input-group.opened {
          transform: translateX(0); }
    .raptor-ui .navbar .navbar-toggler {
      border: 0; }
      .raptor-ui .navbar .navbar-toggler .nav-link {
        font-size: 1rem;
        font-weight: 700;
        color: #ffffff;
        position: relative;
        background: url("../img/down-white.svg") 100% 70% no-repeat;
        padding: 1rem 1.6rem 0 0;
        background-size: 1.1rem; }
        .raptor-ui .navbar .navbar-toggler .nav-link.opened {
          background-image: url("../img/up-white.svg"); }
    .raptor-ui .navbar .profile-details .profile-name,
    .raptor-ui .navbar .profile-details .profile-title {
      margin: 0;
      color: #ffffff; }
    .raptor-ui .navbar .profile-details .profile-name {
      font-size: 1rem;
      font-weight: 700; }
    .raptor-ui .navbar .profile-details .profile-title {
      font-size: 0.75rem; }
    .raptor-ui .navbar .profile-menu {
      margin-left: 1.5rem; }
      .raptor-ui .navbar .profile-menu .notification img {
        width: 1.25rem; }
      .raptor-ui .navbar .profile-menu .dropdown-toggle:after {
        content: none; }
      .raptor-ui .navbar .profile-menu .navbar-nav .nav-item .nav-link {
        border-bottom: none; }
    .raptor-ui .navbar .profile-menu,
    .raptor-ui .navbar .profile-details {
      display: none; }
    .raptor-ui .navbar .dropdown-menu {
      position: fixed !important;
      top: 81px;
      max-width: 480px; }
    .raptor-ui .navbar .progress-bar-wrapper {
      width: 100%; }
    @media screen and (max-width: 767.9px) {
      .raptor-ui .navbar .navbar-progress-bar {
        padding: 0; } }
    @media screen and (min-width: 768px) {
      .raptor-ui .navbar .navbar-progress-bar {
        margin-right: 17%; } }
    @media screen and (min-width: 992px) {
      .raptor-ui .navbar .navbar-collapse {
        align-self: flex-end;
        margin-bottom: -12px; }
        .raptor-ui .navbar .navbar-collapse .navbar-nav {
          position: static;
          box-shadow: none;
          background: none; }
          .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
            color: #ffffff;
            padding: .5rem 0; }
          .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link, .raptor-ui .navbar .navbar-collapse .navbar-nav .nav-item:hover .nav-link {
            border-bottom: 4px solid #ffffff; }
      .raptor-ui .navbar .navbar-progress-bar {
        margin-right: 0;
        position: absolute;
        left: calc(50% - 320px);
        right: calc(50% - 320px); } }
    @media screen and (min-width: 1200px) {
      .raptor-ui .navbar .navbar-brand {
        margin-top: 60px;
        margin-right: 0; }
        .raptor-ui .navbar .navbar-brand .full-logo {
          width: 84px;
          height: 84px; }
      .raptor-ui .navbar .profile-menu,
      .raptor-ui .navbar .profile-details {
        display: inline-block; }
      .raptor-ui .navbar.sidebar-mini.has-sidebar .navbar-search-form {
        margin-left: calc(50% - 402px); }
      .raptor-ui .navbar.sidebar-full.has-sidebar .navbar-search-form {
        margin-left: calc(50% - 246px); }
      .raptor-ui .navbar .navbar-collapse {
        margin-left: calc(50vw - 591px); }
        .raptor-ui .navbar .navbar-collapse .nav-item {
          padding: 0 1.5rem 0 0; }
      .raptor-ui .navbar.has-sidebar .navbar-collapse {
        display: none !important; }
      .raptor-ui .navbar.has-sidebar .navbar-brand {
        display: none; }
      .raptor-ui .navbar.has-sidebar .profile-details {
        display: none !important; }
      .raptor-ui .navbar.has-sidebar .navbar-search-form {
        margin-right: auto;
        width: 380px;
        transition: margin-left 0.2s ease-in-out; }
      .raptor-ui .navbar.has-sidebar #main-search-bar {
        overflow: initial;
        padding-right: initial;
        margin-right: initial;
        border-right: none; }
        .raptor-ui .navbar.has-sidebar #main-search-bar .input-group {
          transform: translateX(0);
          transition: none; } }
    @media screen and (min-width: 1400px) {
      .raptor-ui .navbar.sidebar-full.has-sidebar .navbar-search-form {
        margin-left: calc(50% - 324px); } }
    @media screen and (min-width: 1200px) and (max-width: 1250px) {
      .raptor-ui .navbar .navbar-search-form {
        max-width: 215px; } }
  .raptor-ui .form-inline {
    position: relative; }
    .raptor-ui .form-inline .input-icon {
      position: absolute;
      z-index: 5;
      align-self: center;
      cursor: pointer; }
      .raptor-ui .form-inline .input-icon-left {
        left: 10px; }
        .raptor-ui .form-inline .input-icon-left + .form-control {
          padding-left: 2.2rem; }
      .raptor-ui .form-inline .input-icon-right {
        right: 10px; }
        .raptor-ui .form-inline .input-icon-right + .form-control {
          padding-right: 2.2rem; }
  .raptor-ui .course-taking-navbar a:not(.btn),
  .raptor-ui .course-page-navbar a:not(.btn) {
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1; }
    .raptor-ui .course-taking-navbar a:not(.btn) .icon,
    .raptor-ui .course-page-navbar a:not(.btn) .icon {
      margin-right: 5px; }
  .raptor-ui .course-taking-navbar a.back-link,
  .raptor-ui .course-page-navbar a.back-link {
    font-size: 0.875rem; }
  .raptor-ui .course-taking-navbar .course-taking-navbar-controls,
  .raptor-ui .course-taking-navbar .course-page-navbar-controls,
  .raptor-ui .course-page-navbar .course-taking-navbar-controls,
  .raptor-ui .course-page-navbar .course-page-navbar-controls {
    display: flex;
    align-items: center; }
  .raptor-ui .course-taking-navbar .course-taking-module-number,
  .raptor-ui .course-taking-navbar .course-page-module-number,
  .raptor-ui .course-page-navbar .course-taking-module-number,
  .raptor-ui .course-page-navbar .course-page-module-number {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 700;
    position: absolute;
    width: 100%;
    left: 0;
    pointer-events: none;
    text-align: center; }
  .raptor-ui .page-content {
    transition: all 0.2s ease-in-out; }
    @media screen and (max-width: 1399.9px) {
      .raptor-ui .page-content.sidebar-full {
        transform: translateX(156px); } }
  .raptor-ui .sidebar {
    background: #F4F6F8;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 104px;
    z-index: 1060;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
    display: none; }
    .raptor-ui .sidebar__header {
      background: #ffffff;
      width: 100%;
      height: 104px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
      transition: all 0.2s ease-in-out; }
      .raptor-ui .sidebar__header img {
        width: 53px; }
    .raptor-ui .sidebar__logo--sm {
      transition: all 0.2s ease-in-out; }
    .raptor-ui .sidebar__logo--lg {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.2s ease-in-out; }
    .raptor-ui .sidebar__body, .raptor-ui .sidebar__footer {
      padding: .75rem;
      overflow: hidden; }
    .raptor-ui .sidebar__menu {
      padding: 0;
      margin: 0;
      list-style: none; }
    .raptor-ui .sidebar__menu-item {
      width: 100%;
      white-space: nowrap;
      margin-bottom: 2px;
      transition: all 0.2s ease-in-out; }
    .raptor-ui .sidebar__body .sidebar__menu-item {
      margin-bottom: .5rem; }
      .raptor-ui .sidebar__body .sidebar__menu-item:hover {
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
      .raptor-ui .sidebar__body .sidebar__menu-item.active {
        background: #325184; }
        .raptor-ui .sidebar__body .sidebar__menu-item.active .sidebar__menu-icon {
          fill: #ffffff; }
        .raptor-ui .sidebar__body .sidebar__menu-item.active .sidebar__menu-link {
          color: #ffffff; }
    .raptor-ui .sidebar__footer {
      position: absolute;
      bottom: 0; }
      .raptor-ui .sidebar__footer .sidebar__menu-item {
        border-top: 1px solid #E0E5EC; }
      .raptor-ui .sidebar__footer .sidebar__menu-link {
        display: inline-flex;
        align-items: flex-start;
        padding: 34px 18px 0; }
      .raptor-ui .sidebar__footer .sidebar__menu-icon {
        width: 44px; }
      .raptor-ui .sidebar__footer .sidebar__footer-text {
        text-transform: capitalize;
        margin-left: 9px;
        opacity: 0;
        visibility: hidden;
        display: none;
        transition: all 0.2s ease-in-out; }
        .raptor-ui .sidebar__footer .sidebar__footer-text p {
          margin-bottom: 0; }
        .raptor-ui .sidebar__footer .sidebar__footer-text .sidebar__text-header {
          font: 400 1rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.5;
          font-weight: 700;
          color: #11743A; }
        .raptor-ui .sidebar__footer .sidebar__footer-text .sidebar__text-line {
          font: 400 0.75rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.33333;
          font-weight: 400;
          color: #212121; }
    .raptor-ui .sidebar__menu-icon {
      width: 32px;
      transition: all 0.2s ease-in-out; }
    .raptor-ui .sidebar__menu-link {
      font: 400 1rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.5;
      font-weight: 700;
      color: #325184;
      text-transform: uppercase;
      display: block;
      padding: 24px; }
      .raptor-ui .sidebar__menu-link:hover {
        text-decoration: none; }
    .raptor-ui .sidebar__menu-link__text {
      opacity: 0;
      visibility: hidden;
      margin-left: 9px;
      transition: all 0.2s ease-in-out; }
    .raptor-ui .sidebar__toggler {
      position: absolute;
      right: 2px;
      top: calc(50% + 104px);
      padding: 6px 0 6px 6px; }
      .raptor-ui .sidebar__toggler .icon {
        width: 9px;
        transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 1200px) {
      .raptor-ui .sidebar {
        display: block; } }
    .raptor-ui .sidebar.expanded {
      width: 260px; }
      .raptor-ui .sidebar.expanded .sidebar__header {
        height: 260px; }
        .raptor-ui .sidebar.expanded .sidebar__header img {
          width: 168px; }
      .raptor-ui .sidebar.expanded .sidebar__logo--sm {
        opacity: 0;
        visibility: hidden; }
      .raptor-ui .sidebar.expanded .sidebar__logo--lg {
        visibility: visible;
        opacity: 1; }
      .raptor-ui .sidebar.expanded .sidebar__menu-icon {
        width: 18px;
        margin-top: -5px; }
      .raptor-ui .sidebar.expanded .sidebar__menu-link {
        padding: 14px 15px; }
      .raptor-ui .sidebar.expanded .sidebar__menu-link__text {
        visibility: visible;
        opacity: 1; }
      .raptor-ui .sidebar.expanded .sidebar__footer .sidebar__menu-link {
        padding-bottom: 5px; }
      .raptor-ui .sidebar.expanded .sidebar__footer .sidebar__menu-icon {
        width: 22px;
        margin-top: 4px; }
      .raptor-ui .sidebar.expanded .sidebar__footer .sidebar__footer-text {
        display: inline-block;
        visibility: visible;
        opacity: 1; }
      .raptor-ui .sidebar.expanded .sidebar__toggler .icon {
        transform: rotate(0deg); }
  @media screen and (min-width: 1200px) {
    .raptor-ui body.has-sidebar {
      padding-left: 104px;
      overflow-x: hidden; } }
  @media screen and (min-width: 1400px) {
    .raptor-ui body.has-sidebar {
      padding-left: 260px;
      transition: padding 0.2s ease-in-out; }
      .raptor-ui body.has-sidebar.sidebar-mini {
        padding-left: 104px; } }
  .raptor-ui section {
    margin: 3.125rem 0; }
    .raptor-ui section.m-lg {
      margin: 6.25rem 0; }
    .raptor-ui section .section__heading {
      display: inline-block;
      margin-bottom: 1.5rem; }
    .raptor-ui section .section__subheading {
      color: #212121;
      font: 400 1rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.5;
      font-weight: 700;
      padding-top: .5rem; }
    .raptor-ui section .view-all-link,
    .raptor-ui section .read-more-link,
    .raptor-ui section .all-count-text,
    .raptor-ui section .link {
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857;
      position: relative; }
    .raptor-ui section .view-all-link,
    .raptor-ui section .read-more-link,
    .raptor-ui section .link {
      color: #325184;
      text-decoration: underline; }
    .raptor-ui section .view-all-wrapper .view-all-link {
      padding: .25rem .75rem; }
      .raptor-ui section .view-all-wrapper .view-all-link + .view-all-link {
        border-left: 1px solid #E0E5EC; }
      .raptor-ui section .view-all-wrapper .view-all-link.active {
        color: #212121;
        text-decoration: none;
        font-weight: 700;
        pointer-events: none; }
  .raptor-ui .btn {
    border-radius: 0;
    font-size: 1.125rem;
    line-height: 1;
    padding: 0.5625rem 1.25rem;
    transition: box-shadow 0.2s ease-in-out;
    color: #ffffff;
    z-index: 3;
    position: relative; }
    .raptor-ui .btn:hover {
      color: #ffffff;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .raptor-ui .btn-primary, .raptor-ui .btn-primary:hover {
      background: #325184;
      border-color: #325184; }
    .raptor-ui .btn-primary:not(.btn-disabled):active {
      background-color: #2b4570 !important;
      border-color: #2b4570 !important; }
    .raptor-ui .btn-accent, .raptor-ui .btn-accent:hover {
      background: #6200ea;
      border-color: #6200ea; }
    .raptor-ui .btn-accent:not(.btn-disabled):active {
      background-color: #5300c7 !important;
      border-color: #5300c7 !important; }
    .raptor-ui .btn-success, .raptor-ui .btn-success:hover {
      background: #11743A;
      border-color: #11743A; }
    .raptor-ui .btn-success:not(.btn-disabled):active {
      background-color: #0e6331 !important;
      border-color: #0e6331 !important; }
    .raptor-ui .btn-danger, .raptor-ui .btn-danger:hover {
      background: #BE3431;
      border-color: #BE3431; }
    .raptor-ui .btn-danger:not(.btn-disabled):active {
      background-color: #a22c2a !important;
      border-color: #a22c2a !important; }
    .raptor-ui .btn-default, .raptor-ui .btn-default:hover {
      background: #ffffff;
      border-color: #325184;
      color: #325184 !important; }
    .raptor-ui .btn-default:not(.btn-disabled):active {
      background-color: #d9d9d9 !important; }
    .raptor-ui .btn-disabled {
      color: #757575 !important;
      background: #bababa;
      border-color: #bababa; }
      .raptor-ui .btn-disabled:hover, .raptor-ui .btn-disabled:focus, .raptor-ui .btn-disabled:active {
        color: #757575 !important;
        background: #bababa !important;
        cursor: not-allowed;
        box-shadow: none !important;
        border-color: #bababa !important; }
    .raptor-ui .btn-xs {
      font-size: 0.75rem;
      padding: 4px 0.5rem; }
    .raptor-ui .btn-sm {
      font-size: 0.875rem;
      padding: .5rem 1rem; }
    @media screen and (min-width: 992px) {
      .raptor-ui .btn {
        padding: 0.5625rem 0.54999rem; }
        .raptor-ui .btn-xs {
          padding: 4px 0.5rem; }
        .raptor-ui .btn-sm {
          font-size: 0.875rem;
          padding: .5rem 1rem; }
        .raptor-ui .btn-lg {
          font-size: 1.5rem;
          padding: 9px 1.5rem; } }
  .raptor-ui .card {
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 1.5rem;
    width: 100%;
    transition: box-shadow 0.2s ease-in-out; }
    .raptor-ui .card-wrapper {
      display: flex; }
    .raptor-ui .card:hover {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .raptor-ui .card > .row {
      padding: 0 20px;
      height: 100%; }
    .raptor-ui .card__img {
      padding: 0;
      max-height: 192px; }
      .raptor-ui .card__img .card-img__element {
        min-height: 192px;
        background: url("..//img/image.svg") center center no-repeat;
        background-size: cover; }
        .raptor-ui .card__img .card-img__element.no-image {
          background-size: 20%;
          background-color: #F4F6F8; }
      .raptor-ui .card__img img {
        width: 100%; }
    .raptor-ui .card__img + .card__body-footer {
      height: calc(100% - 192px);
      display: flex; }
      .raptor-ui .card__img + .card__body-footer > .row {
        margin: 0; }
    .raptor-ui .card__body-footer {
      align-self: stretch; }
    .raptor-ui .card__body, .raptor-ui .card__footer {
      padding: 1.25rem; }
    .raptor-ui .card__body {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      flex-flow: column;
      align-self: stretch;
      padding-bottom: 0; }
    .raptor-ui .card__footer {
      align-self: flex-end; }
      .raptor-ui .card__footer .btn {
        display: block;
        width: 100%;
        min-width: 166px; }
    .raptor-ui .card__label {
      font: 400 0.75rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.33333;
      margin-bottom: 6px;
      display: none; }
    .raptor-ui .card__description {
      font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.5;
      width: 100%;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-bottom: .25rem;
      margin-left: -6px;
      padding-top: 2px;
      padding-left: 6px;
      position: relative;
      z-index: 3; }
      .raptor-ui .card__description a {
        color: #212121; }
    .raptor-ui .card-wrapper.grid .progress-bar-wrapper {
      display: none !important; }
    .raptor-ui .card.placeholder-card .card__img {
      max-height: none; }
      .raptor-ui .card.placeholder-card .card__img .card-img__element {
        min-height: 100%;
        background-position: center 43%; }
        .raptor-ui .card.placeholder-card .card__img .card-img__element.no-image-catalog {
          background-image: url("../img/catalog.svg"); }
        .raptor-ui .card.placeholder-card .card__img .card-img__element.no-image-coffee {
          background-image: url("../img/coffee.svg"); }
    .raptor-ui .card.placeholder-card .placeholder-card__note {
      position: absolute;
      display: inline-block;
      align-self: center;
      text-align: center;
      margin-top: 2rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.875rem;
      min-width: 226px; }
    .raptor-ui .card.placeholder-card a.placeholder-card__note {
      color: #325184;
      text-decoration: underline; }
    .raptor-ui .card.path-card .card__img .card-img__element {
      border: solid 1px #F4F6F8; }
      .raptor-ui .card.path-card .card__img .card-img__element:before, .raptor-ui .card.path-card .card__img .card-img__element:after {
        content: "";
        position: absolute;
        background: white;
        width: 90%;
        left: 5%;
        height: 5px;
        top: -6px;
        box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.2);
        z-index: 3; }
      .raptor-ui .card.path-card .card__img .card-img__element:after {
        top: -13px;
        width: 80%;
        left: 10%;
        z-index: 2; }
    .raptor-ui .card.last-actioned-card {
      background: #F4F6F8; }
      .raptor-ui .card.last-actioned-card .card__img {
        max-height: 228px; }
        .raptor-ui .card.last-actioned-card .card__img .card-img__element {
          min-height: 228px; }
      .raptor-ui .card.last-actioned-card .card__img + .card__body-footer {
        height: calc(100% - 228px); }
    .raptor-ui .card.news-card .card__label {
      display: block;
      color: #757575; }
    .raptor-ui .card.news-card .card__img {
      display: none; }
    .raptor-ui .card.news-card .card__body .card__description-link {
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 4px;
      margin-left: -4px;
      margin-bottom: 0;
      font-size: 0.875rem;
      height: 18px; }
      .raptor-ui .card.news-card .card__body .card__description-link a {
        color: #325184; }
    .raptor-ui .card.news-card .card__description {
      font-size: 1.125rem; }
    .raptor-ui .card.news-card .card__footer {
      color: #757575;
      font-size: 0.75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 2rem; }
      .raptor-ui .card.news-card .card__footer .card__footer-link {
        color: #325184;
        text-decoration: underline; }
      .raptor-ui .card.news-card .card__footer .btn {
        display: none;
        font-size: 1rem; }
    .raptor-ui .card .card-shifted-state {
      position: absolute;
      left: -7%;
      width: 36px;
      height: 100%;
      top: 0;
      display: none;
      align-items: center; }
      .raptor-ui .card .card-shifted-state .icon-wrapper {
        width: 36px;
        height: 36px; }
      .raptor-ui .card .card-shifted-state--completed .icon-wrapper .icon, .raptor-ui .card .card-shifted-state--open .icon-wrapper .icon, .raptor-ui .card .card-shifted-state--locked .icon-wrapper .icon {
        display: none; }
      .raptor-ui .card .card-shifted-state--completed .icon-wrapper {
        background: url("../img/check(correct)green.svg") center center no-repeat;
        background-size: contain; }
      .raptor-ui .card .card-shifted-state--open .icon-wrapper {
        background: url("../img/unlock-green.svg") center center no-repeat;
        background-size: contain; }
      .raptor-ui .card .card-shifted-state--locked .icon-wrapper {
        background: url("../img/lock-disabled.svg") center center no-repeat;
        background-size: contain;
        opacity: .5; }
      .raptor-ui .card .card-shifted-state:before, .raptor-ui .card .card-shifted-state:after {
        content: '';
        width: 4px;
        height: calc(50% - 1.25rem);
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background: #F4F6F8; }
      .raptor-ui .card .card-shifted-state:after {
        height: calc(50% + .25rem);
        top: auto;
        bottom: -1.5rem; }
    .raptor-ui .card-wrapper:first-child .card .card-shifted-state:before, .raptor-ui .card-wrapper:last-child .card .card-shifted-state:after {
      display: none; }
    .raptor-ui .card.badges-md-show .badge {
      display: none; }
    @media screen and (max-width: 991.9px) {
      .raptor-ui .card.placeholder-card .placeholder-card__note {
        margin-top: 2.5rem; }
      .raptor-ui .card.card-listview-lg-down .row {
        align-items: center;
        min-width: 100%; }
      .raptor-ui .card.card-listview-lg-down .card__img {
        padding-right: 9px;
        flex: 0 0 auto;
        width: auto; }
        .raptor-ui .card.card-listview-lg-down .card__img .card-img__element {
          width: 98px;
          height: 98px;
          min-height: auto !important; }
          .raptor-ui .card.card-listview-lg-down .card__img .card-img__element.no-image {
            background-size: 30%; }
      .raptor-ui .card.card-listview-lg-down .card__img + .card__body-footer {
        flex: 0 0 auto;
        width: calc(100% - 107px);
        height: auto; } }
@media screen and (max-width: 991.9px) and (min-width: 768px) {
  .raptor-ui .card.card-listview-lg-down .card__img {
    padding-right: 9px;
    flex: 0 0 auto;
    width: auto; }
    .raptor-ui .card.card-listview-lg-down .card__img .card-img__element {
      width: 172px;
      height: 172px;
      min-height: auto !important; }
      .raptor-ui .card.card-listview-lg-down .card__img .card-img__element.no-image {
        background-size: 30%; }
  .raptor-ui .card.card-listview-lg-down .card__img + .card__body-footer {
    flex: 0 0 auto;
    width: calc(100% - 181px);
    height: auto; } }
@media screen and (max-width: 991.9px) and (max-width: 767.9px) {
  .raptor-ui .card.card-listview-lg-down:not(.last-actioned-card) .card__description {
    font-size: 1.125rem; }
  .raptor-ui .card.card-listview-lg-down .card__footer .btn {
    font-size: 0.875rem;
    min-width: 114px; } }
    @media screen and (max-width: 991.9px) {
      .raptor-ui .card.card-listview-lg-down.news-card .card__body-footer {
        width: 100%; }
      .raptor-ui .card.card-listview-lg-down.path-card {
        margin-top: 0; }
        .raptor-ui .card.card-listview-lg-down.path-card .card__img {
          padding-top: 0.8rem; }
          .raptor-ui .card.card-listview-lg-down.path-card .card__img .card-img__element {
            box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
            position: relative; }
      .raptor-ui .card.card-listview-lg-down.placeholder-card {
        background-color: #F4F6F8;
        padding: 1.5rem 0; }
        .raptor-ui .card.card-listview-lg-down.placeholder-card .card__img {
          padding: 0;
          margin: auto; }
          .raptor-ui .card.card-listview-lg-down.placeholder-card .card__img .card-img__element {
            box-shadow: none;
            background-position: center 35%; }
            .raptor-ui .card.card-listview-lg-down.placeholder-card .card__img .card-img__element:before, .raptor-ui .card.card-listview-lg-down.placeholder-card .card__img .card-img__element:after {
              content: none; }
      .raptor-ui .card.card-listview-lg-down:not(.news-card) {
        padding: 1.5rem; }
        .raptor-ui .card.card-listview-lg-down:not(.news-card) .card__body,
        .raptor-ui .card.card-listview-lg-down:not(.news-card) .card__footer {
          padding: 0 15px; }
        .raptor-ui .card.card-listview-lg-down:not(.news-card) .card__footer .btn {
          display: inline-block;
          width: auto; } }
    @media screen and (max-width: 767.9px) {
      .raptor-ui .card__img .card-img__element:before, .raptor-ui .card__img .card-img__element:after {
        width: 95% !important;
        left: 2.5% !important;
        height: 8px !important;
        top: -9px !important; }
      .raptor-ui .card__img .card-img__element:after {
        width: 90% !important;
        left: 5% !important;
        top: -18px !important; }
      .raptor-ui .card.placeholder-card {
        min-height: 360px; }
      .raptor-ui .card.card-underline-md-down {
        box-shadow: none;
        margin-bottom: 0;
        border-bottom: 1px solid #E0E5EC;
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    @media screen and (max-width: 575.9px) {
      .raptor-ui .card:not(.last-actioned-card) .card__description {
        font-size: 1.125rem; }
      .raptor-ui .card.placeholder-card .card__img .card-img__element {
        background-size: 15%; } }
    @media screen and (min-width: 576px) {
      .raptor-ui .card.card-sm-expands .row {
        align-items: center;
        min-width: 100%; }
      .raptor-ui .card.card-sm-expands .card__img {
        padding-right: 9px;
        flex: 0 0 auto;
        width: auto; }
        .raptor-ui .card.card-sm-expands .card__img .card-img__element {
          width: 172px;
          height: 172px;
          min-height: auto !important; }
          .raptor-ui .card.card-sm-expands .card__img .card-img__element.no-image {
            background-size: 30%; }
      .raptor-ui .card.card-sm-expands .card__img + .card__body-footer {
        flex: 0 0 auto;
        width: calc(100% - 181px);
        height: auto; }
      .raptor-ui .card.card-sm-expands.news-card .card__body-footer {
        width: 100%; }
      .raptor-ui .card.card-sm-expands.path-card {
        margin-top: 0; }
        .raptor-ui .card.card-sm-expands.path-card .card__img {
          padding-top: 0.8rem; }
          .raptor-ui .card.card-sm-expands.path-card .card__img .card-img__element {
            box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
            position: relative; }
      .raptor-ui .card.card-sm-expands.placeholder-card {
        background-color: #F4F6F8;
        padding: 1.5rem 0; }
        .raptor-ui .card.card-sm-expands.placeholder-card .card__img {
          padding: 0;
          margin: auto; }
          .raptor-ui .card.card-sm-expands.placeholder-card .card__img .card-img__element {
            box-shadow: none;
            background-position: center 35%; }
            .raptor-ui .card.card-sm-expands.placeholder-card .card__img .card-img__element:before, .raptor-ui .card.card-sm-expands.placeholder-card .card__img .card-img__element:after {
              content: none; }
      .raptor-ui .card.card-sm-expands:not(.news-card) {
        padding: 1.5rem; }
        .raptor-ui .card.card-sm-expands:not(.news-card) .card__body,
        .raptor-ui .card.card-sm-expands:not(.news-card) .card__footer {
          padding: 0 15px; }
        .raptor-ui .card.card-sm-expands:not(.news-card) .card__footer .btn {
          display: inline-block;
          width: auto; } }
    @media screen and (min-width: 768px) {
      .raptor-ui .card.card-md-expands .row {
        align-items: center;
        min-width: 100%; }
      .raptor-ui .card.card-md-expands .card__img {
        padding-right: 9px;
        flex: 0 0 auto;
        width: auto; }
        .raptor-ui .card.card-md-expands .card__img .card-img__element {
          width: 172px;
          height: 172px;
          min-height: auto !important; }
          .raptor-ui .card.card-md-expands .card__img .card-img__element.no-image {
            background-size: 30%; }
      .raptor-ui .card.card-md-expands .card__img + .card__body-footer {
        flex: 0 0 auto;
        width: calc(100% - 181px);
        height: auto; }
      .raptor-ui .card.card-md-expands.news-card .card__body-footer {
        width: 100%; }
      .raptor-ui .card.card-md-expands.path-card {
        margin-top: 0; }
        .raptor-ui .card.card-md-expands.path-card .card__img {
          padding-top: 0.8rem; }
          .raptor-ui .card.card-md-expands.path-card .card__img .card-img__element {
            box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
            position: relative; }
      .raptor-ui .card.card-md-expands.placeholder-card {
        background-color: #F4F6F8;
        padding: 1.5rem 0; }
        .raptor-ui .card.card-md-expands.placeholder-card .card__img {
          padding: 0;
          margin: auto; }
          .raptor-ui .card.card-md-expands.placeholder-card .card__img .card-img__element {
            box-shadow: none;
            background-position: center 35%; }
            .raptor-ui .card.card-md-expands.placeholder-card .card__img .card-img__element:before, .raptor-ui .card.card-md-expands.placeholder-card .card__img .card-img__element:after {
              content: none; }
      .raptor-ui .card.card-md-expands:not(.news-card) {
        padding: 1.5rem; }
        .raptor-ui .card.card-md-expands:not(.news-card) .card__body,
        .raptor-ui .card.card-md-expands:not(.news-card) .card__footer {
          padding: 0 15px; }
        .raptor-ui .card.card-md-expands:not(.news-card) .card__footer .btn {
          display: inline-block;
          width: auto; }
      .raptor-ui .card.badges-md-show .badge {
        display: block; } }
    @media screen and (min-width: 992px) {
      .raptor-ui .card.card-md-expands {
        padding: 1.5rem; }
        .raptor-ui .card.card-md-expands .card__img .card-img__element {
          width: 144px;
          height: 144px; }
        .raptor-ui .card.card-md-expands .card__img + .card__body-footer {
          width: calc(100% - 153px); }
        .raptor-ui .card.card-md-expands.news-card .card__img {
          display: block; }
          .raptor-ui .card.card-md-expands.news-card .card__img .card-img__element {
            width: 196px;
            height: 196px; }
        .raptor-ui .card.card-md-expands.news-card .card__img + .card__body-footer {
          width: calc(100% - 205px); }
        .raptor-ui .card.card-md-expands.news-card .card__body,
        .raptor-ui .card.card-md-expands.news-card .card__footer {
          padding: 0 0 0 15px; }
        .raptor-ui .card.card-md-expands.news-card .card__footer {
          padding-top: 3.4rem; }
          .raptor-ui .card.card-md-expands.news-card .card__footer .card__footer-link {
            display: none; }
          .raptor-ui .card.card-md-expands.news-card .card__footer .btn {
            display: inline-block;
            width: auto; }
      .raptor-ui .card.card-md-expands:not(.news-card) .card__body {
        flex: 0 0 74%;
        max-width: 74%; }
      .raptor-ui .card.card-md-expands:not(.news-card) .card__footer {
        flex: 0 0 26%;
        max-width: 26%;
        align-self: center;
        text-align: right;
        padding: 0 0 0 9px; }
      .raptor-ui .card .card__label {
        display: block; } }
    @media screen and (min-width: 1200px) {
      .raptor-ui .card > .row {
        padding: 0 26px; }
      .raptor-ui .card .card-shifted-state {
        display: flex; } }
  .raptor-ui .progress-bar-wrapper {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    margin-top: auto; }
    .raptor-ui .progress-bar-wrapper .progress {
      width: calc(100% - 2.5rem);
      display: inline-flex;
      border-radius: 0;
      background-color: #D9F5E5; }
      .raptor-ui .progress-bar-wrapper .progress .progress-bar {
        background-color: #00C853; }
    .raptor-ui .progress-bar-wrapper .progress-text {
      width: 2.5rem;
      padding: 0 5px;
      padding-right: 0;
      display: inline-block;
      text-align: right;
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857; }
    @media screen and (min-width: 768px) {
      .raptor-ui .progress-bar-wrapper {
        width: 47%; } }
  .raptor-ui .lightbox {
    background: #F4F6F8;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }
  .raptor-ui .section__filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative; }
    @media screen and (min-width: 576px) {
      .raptor-ui .section__filter {
        display: inline-flex;
        float: right;
        justify-content: flex-end; } }
  .raptor-ui .filters-box {
    display: flex;
    padding: 1.25rem;
    padding-bottom: 0;
    background: #F4F6F8;
    border-top: 1px solid #bababa;
    position: relative; }
    .raptor-ui .filters-box.course-catalog-filters {
      margin-bottom: 2.5rem; }
    .raptor-ui .filters-box .filters-head {
      font-weight: 700;
      margin-right: 1.25rem; }
    .raptor-ui .filters-box .more-filters {
      white-space: nowrap;
      margin-left: auto;
      align-self: flex-start;
      position: absolute;
      right: 20px; }
    .raptor-ui .filters-box .filters-head,
    .raptor-ui .filters-box .more-filters {
      margin-top: 6px; }
    .raptor-ui .filters-box .filters-wrapper .dropdown {
      margin: 0 1.25rem 1.25rem 0; }
      .raptor-ui .filters-box .filters-wrapper .dropdown:last-child {
        margin-right: 0; }
      .raptor-ui .filters-box .filters-wrapper .dropdown.hidden {
        display: none; }
    @media screen and (min-width: 576px) {
      .raptor-ui .filters-box .filters-wrapper .dropdown .dropdown-toggle {
        min-width: 250px; } }
  .raptor-ui .dropdown.dropdown-select,
  .raptor-ui .dropdown.dropdown-select-btn {
    display: inline-block; }
  .raptor-ui .grid-switches {
    margin-left: auto;
    padding-left: 1.5rem; }
    .raptor-ui .grid-switches button {
      padding: 0;
      width: 1rem;
      height: 1rem;
      border: none;
      margin-bottom: -6px; }
      .raptor-ui .grid-switches button + button {
        margin-left: .5rem; }
      .raptor-ui .grid-switches button img {
        filter: grayscale(100%);
        opacity: 0.39;
        margin-top: -4px; }
      .raptor-ui .grid-switches button.active img, .raptor-ui .grid-switches button:hover img {
        filter: grayscale(0);
        opacity: 1; }
  .raptor-ui .dropdown {
    max-width: 100%; }
    .raptor-ui .dropdown.error-state .dropdown-toggle {
      border-color: #BE3431;
      border-width: 2px; }
    .raptor-ui .dropdown.error-state .dropdown-error-msg {
      display: block; }
  .raptor-ui .dropdown-toggle {
    max-width: 100%;
    color: #212121 !important;
    border-color: #bababa;
    font-size: 0.875rem;
    height: 34px;
    padding: 0 34px 0 8px;
    line-height: 34px;
    text-align: left; }
    .raptor-ui .dropdown-toggle:hover {
      color: #212121 !important; }
    .raptor-ui .dropdown-toggle .long-text {
      margin-bottom: 0;
      max-width: 95%;
      overflow: hidden;
      text-overflow: ellipsis;
      float: left; }
    .raptor-ui .dropdown-toggle span[tabindex="-1"] {
      width: calc(100% + 6px);
      height: calc(100% + 6px);
      top: -3px;
      left: -3px; }
    .raptor-ui .dropdown-toggle:after {
      background: url("../img/down-blue.svg") center right no-repeat;
      border: 0;
      width: 18px;
      height: 14px;
      vertical-align: middle;
      background-size: 100%;
      position: absolute;
      top: 10px;
      right: 8px; }
    .raptor-ui .dropdown-toggle[aria-expanded="true"]:after {
      transform: rotate(180deg); }
  .raptor-ui .dropdown-select,
  .raptor-ui .dropdown-select-btn {
    position: relative; }
  .raptor-ui .dropdown-select {
    /*style the items (options), including the selected item:*/
    /*style items (options):*/
    /*hide the items when the select box is closed:*/ }
    .raptor-ui .dropdown-select select {
      display: none;
      /*hide original SELECT element:*/ }
    .raptor-ui .dropdown-select .select-selected {
      background-color: #ffffff;
      background-clip: padding-box;
      border: 1px solid rgba(117, 117, 117, 0.5);
      /*style the arrow inside the select element:*/
      /*point the arrow upwards when the select box is open (active):*/ }
      .raptor-ui .dropdown-select .select-selected:after {
        content: "";
        width: 18px;
        height: 14px;
        background: url("../img/down-blue.svg") center center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 10px; }
      .raptor-ui .dropdown-select .select-selected.select-arrow-active:after {
        transform: rotate(180deg); }
    .raptor-ui .dropdown-select .select-items div,
    .raptor-ui .dropdown-select .select-selected {
      color: #325184;
      padding: 8px 16px;
      border: 1px solid rgba(117, 117, 117, 0.5);
      cursor: pointer;
      user-select: none; }
    .raptor-ui .dropdown-select .select-items {
      position: absolute;
      background-color: #ffffff;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      border: 1px solid rgba(117, 117, 117, 0.5); }
      .raptor-ui .dropdown-select .select-items div {
        padding: .75rem;
        position: relative;
        border: none; }
        .raptor-ui .dropdown-select .select-items div:hover {
          background: #E0E5EC; }
        .raptor-ui .dropdown-select .select-items div:not(:last-child):not(.active) {
          border-bottom: 1px solid rgba(117, 117, 117, 0.5); }
          .raptor-ui .dropdown-select .select-items div:not(:last-child):not(.active):before, .raptor-ui .dropdown-select .select-items div:not(:last-child):not(.active):after {
            content: "";
            height: 1px;
            width: .75rem;
            background: white;
            position: absolute;
            bottom: -1px;
            left: 0; }
          .raptor-ui .dropdown-select .select-items div:not(:last-child):not(.active):after {
            left: auto;
            right: 0; }
        .raptor-ui .dropdown-select .select-items div.active, .raptor-ui .dropdown-select .select-items div:active {
          margin-top: -1px;
          background: #325184;
          color: #ffffff; }
        .raptor-ui .dropdown-select .select-items div.disabled {
          color: #bababa; }
        .raptor-ui .dropdown-select .select-items div:focus:after, .raptor-ui .dropdown-select .select-items div:focus:before {
          display: none; }
        .raptor-ui .dropdown-select .select-items div.same-as-selected {
          background: #325184;
          color: #ffffff; }
          .raptor-ui .dropdown-select .select-items div.same-as-selected:hover {
            background: #325184; }
    .raptor-ui .dropdown-select .select-hide {
      display: none; }
  .raptor-ui .dropdown-error-msg {
    position: absolute;
    display: none; }
  .raptor-ui .dropdown-menu {
    padding: 0;
    margin: 0;
    border-color: #bababa;
    border-top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
    font-size: 0.875rem;
    width: 100%;
    min-width: 12rem;
    max-height: 228px;
    overflow-y: auto; }
    .raptor-ui .dropdown-menu::-webkit-scrollbar {
      width: .5rem;
      height: .5rem; }
    .raptor-ui .dropdown-menu .dropdown-item {
      padding: .75rem;
      position: relative; }
      .raptor-ui .dropdown-menu .dropdown-item:not(.active) {
        color: #212121; }
      .raptor-ui .dropdown-menu .dropdown-item:hover {
        background: #E0E5EC; }
      .raptor-ui .dropdown-menu .dropdown-item:not(:last-child):not(.active) {
        border-bottom: 1px solid #E0E5EC; }
        .raptor-ui .dropdown-menu .dropdown-item:not(:last-child):not(.active):before, .raptor-ui .dropdown-menu .dropdown-item:not(:last-child):not(.active):after {
          content: "";
          height: 1px;
          width: .75rem;
          background: white;
          position: absolute;
          bottom: -1px;
          left: 0; }
        .raptor-ui .dropdown-menu .dropdown-item:not(:last-child):not(.active):after {
          left: auto;
          right: 0; }
      .raptor-ui .dropdown-menu .dropdown-item.active, .raptor-ui .dropdown-menu .dropdown-item:active {
        margin-top: -1px;
        background: #325184;
        color: #ffffff; }
      .raptor-ui .dropdown-menu .dropdown-item.disabled {
        color: #bababa; }
      .raptor-ui .dropdown-menu .dropdown-item:focus:after, .raptor-ui .dropdown-menu .dropdown-item:focus:before {
        display: none; }
  .raptor-ui .dropdown-module-list .dropdown-menu {
    padding: 2rem 1.25rem;
    transform: translate3d(0px, 35px, 0px) !important;
    max-height: 500px;
    overflow-y: auto; }
  .raptor-ui .breadcrumb-item .dropdown-menu {
    max-height: 132px;
    overflow: auto; }
  .raptor-ui .count-list {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .raptor-ui .count-list__title, .raptor-ui .count-list__total {
      font-weight: bold; }
    .raptor-ui .count-list__dropdown {
      margin: 0 13px; }
    .raptor-ui .count-list__points {
      font-size: 0.75rem;
      margin-left: auto; }
    @media screen and (min-width: 768px) {
      .raptor-ui .count-list .icon {
        margin-left: -1.5rem; } }
  .raptor-ui .table {
    font-size: 0.875rem; }
    .raptor-ui .table tbody tr:hover {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .raptor-ui .table th {
      color: #325184;
      background: #E0E5EC; }
      .raptor-ui .table th a {
        color: #325184;
        text-decoration: none; }
      .raptor-ui .table th img {
        width: 13px; }
    .raptor-ui .table tr {
      position: relative;
      transition: all 0.2s ease-in-out; }
      .raptor-ui .table tr td,
      .raptor-ui .table tr th {
        border-bottom: 1px solid #bababa;
        white-space: nowrap;
        vertical-align: middle; }
        .raptor-ui .table tr td a,
        .raptor-ui .table tr th a {
          position: relative; }
        .raptor-ui .table tr td:first-child,
        .raptor-ui .table tr th:first-child {
          padding-left: 1.5rem; }
        .raptor-ui .table tr td:last-child,
        .raptor-ui .table tr th:last-child {
          padding-right: 1.5rem; }
      .raptor-ui .table tr td:first-child {
        max-width: 515px;
        overflow: hidden;
        text-overflow: ellipsis; }
    .raptor-ui .table .btn {
      display: block;
      width: 100%; }
    .raptor-ui .table.table-1 tr th:first-child {
      width: 72%; }
    .raptor-ui .table.table-1 td:first-child {
      color: #757575; }
      .raptor-ui .table.table-1 td:first-child a {
        color: #325184; }
    .raptor-ui .table.table-3 tr th:last-child {
      width: 137px; }
    .raptor-ui .table.table-striped tbody tr:nth-of-type(odd) {
      background: none; }
    .raptor-ui .table.table-striped tbody tr:nth-of-type(even) {
      background: rgba(202, 202, 233, 0.18); }
    .raptor-ui .table.table-striped tbody tr.no-bg {
      background: none; }
    .raptor-ui .table.table-striped tbody tr.odd {
      background: rgba(202, 202, 233, 0.18); }
    .raptor-ui .table.resources-table td {
      color: #325184; }
      .raptor-ui .table.resources-table td .cell-wrapper {
        display: flex;
        align-items: center;
        min-height: 49px; }
      .raptor-ui .table.resources-table td.file a, .raptor-ui .table.resources-table td.type-cell {
        color: #212121; }
    .raptor-ui .table.resources-table td:first-child {
      padding-right: 1.5rem; }
    .raptor-ui .table.resources-table .name-cell {
      font-size: 1rem;
      max-width: 400px;
      cursor: pointer; }
      .raptor-ui .table.resources-table .name-cell:hover {
        text-decoration: underline; }
      .raptor-ui .table.resources-table .name-cell.folder {
        font-weight: 700; }
      .raptor-ui .table.resources-table .name-cell .icon {
        margin-right: 1.5rem; }
      .raptor-ui .table.resources-table .name-cell .cell-text {
        max-width: 310px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .raptor-ui .table.resources-table .name-cell.file .cell-text {
        color: #212121; }
    .raptor-ui .table.resources-table .link-cell {
      text-align: right; }
      .raptor-ui .table.resources-table .link-cell a {
        text-decoration: underline; }
    .raptor-ui .table.resources-table .type-cell,
    .raptor-ui .table.resources-table .link-cell {
      display: none; }
    @media screen and (min-width: 576px) {
      .raptor-ui .table.resources-table .link-cell {
        display: table-cell; } }
    @media screen and (min-width: 768px) {
      .raptor-ui .table.resources-table .name-cell {
        max-width: 600px; }
        .raptor-ui .table.resources-table .name-cell .cell-text {
          max-width: 460px; } }
    @media screen and (min-width: 992px) {
      .raptor-ui .table.resources-table .name-cell .cell-text {
        max-width: 608px; }
      .raptor-ui .table.resources-table .type-cell {
        display: table-cell; } }
  .raptor-ui .no-result {
    display: none;
    text-align: center;
    padding: 130px 0 170px; }
    .raptor-ui .no-result .no-result__heading {
      font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.5;
      color: #212121;
      margin-bottom: 4px; }
    .raptor-ui .no-result .no-result__heading, .raptor-ui .no-result .no-result__text {
      margin-bottom: 4px; }
    .raptor-ui .no-result .no-result__link {
      text-decoration: underline; }
    .raptor-ui .no-result.shown {
      display: block;
      width: 100%; }
  .raptor-ui tr.no-result td {
    padding: 130px 0 170px; }
  .raptor-ui tr.no-result:hover {
    box-shadow: none; }
  .raptor-ui tr.no-result.shown {
    display: table-row; }
  .raptor-ui .assessment-overview-table {
    background: rgba(202, 202, 233, 0.18);
    padding-right: 1.5rem; }
    .raptor-ui .assessment-overview-table .assessment-table-group {
      padding: 1.25rem 1.5rem; }
      .raptor-ui .assessment-overview-table .assessment-table-group:first-child {
        padding-bottom: 0; }
        .raptor-ui .assessment-overview-table .assessment-table-group:first-child .assessment-table-cell {
          border-bottom: 1px solid #bababa;
          padding-bottom: 1.5rem;
          text-align: center;
          white-space: nowrap; }
          .raptor-ui .assessment-overview-table .assessment-table-group:first-child .assessment-table-cell:first-child {
            padding-left: 0; }
          .raptor-ui .assessment-overview-table .assessment-table-group:first-child .assessment-table-cell:last-child {
            padding-right: 0; }
      .raptor-ui .assessment-overview-table .assessment-table-group .assessment-table-cell .assessment-table-text {
        font-size: 1.5rem;
        margin-bottom: 8px; }
      .raptor-ui .assessment-overview-table .assessment-table-group .assessment-table-cell .assessment-table-small-text {
        font-size: 0.875rem;
        vertical-align: middle; }
      .raptor-ui .assessment-overview-table .assessment-table-group .assessment-table-cell .assessment-table-title {
        font-size: 0.875rem;
        font-weight: 700; }
    @media screen and (min-width: 768px) {
      .raptor-ui .assessment-overview-table {
        padding-right: 0; } }
    @media screen and (min-width: 992px) {
      .raptor-ui .assessment-overview-table .table-responsive {
        overflow-x: hidden; }
      .raptor-ui .assessment-overview-table .assessment-table-group {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        margin: 1.5rem 0; }
        .raptor-ui .assessment-overview-table .assessment-table-group:first-child {
          overflow-y: auto;
          border-right: 1px solid #bababa;
          padding-right: 1.5rem; }
          .raptor-ui .assessment-overview-table .assessment-table-group:first-child .assessment-table-cell {
            padding-bottom: 0;
            border-bottom: none; } }
  .raptor-ui .nav-tabs .nav-item {
    padding: 0 2rem 0 0; }
    .raptor-ui .nav-tabs .nav-item .nav-link {
      color: #325184;
      font-weight: 700;
      padding: .5rem 0;
      border: 0;
      border-radius: 0; }
    .raptor-ui .nav-tabs .nav-item:hover .nav-link {
      border-bottom: 4px solid #325184; }
    .raptor-ui .nav-tabs .nav-item.disabled .nav-link {
      color: #bababa; }
    .raptor-ui .nav-tabs .nav-item.disabled:hover .nav-link {
      border-bottom: none;
      cursor: default;
      pointer-events: none; }
  .raptor-ui .nav-tabs .nav-item.show .nav-link,
  .raptor-ui .nav-tabs .nav-link.active {
    border-bottom: 4px solid #325184; }
  .raptor-ui .form-group {
    position: relative; }
    .raptor-ui .form-group .input-icon-group {
      position: relative; }
    .raptor-ui .form-group .icon-wrapper {
      position: absolute;
      display: flex;
      right: 12px;
      top: 8px; }
      .raptor-ui .form-group .icon-wrapper.icon-left {
        right: auto;
        left: 9px; }
      .raptor-ui .form-group .icon-wrapper .icon {
        width: 1.125rem; }
    .raptor-ui .form-group input.form-control {
      padding-right: 2.375rem; }
      .raptor-ui .form-group input.form-control + .icon-wrapper {
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out; }
      .raptor-ui .form-group input.form-control.show-right-icon + .icon-wrapper, .raptor-ui .form-group input.form-control.input-success + .icon-wrapper, .raptor-ui .form-group input.form-control.input-danger + .icon-wrapper {
        opacity: 1;
        visibility: visible; }
      .raptor-ui .form-group input.form-control[type="date"] {
        padding-right: 0; }
        .raptor-ui .form-group input.form-control[type="date"]::-webkit-inner-spin-button {
          display: none; }
        .raptor-ui .form-group input.form-control[type="date"]::-webkit-calendar-picker-indicator {
          opacity: 1;
          width: 1rem;
          height: 100%;
          position: absolute;
          right: 12px;
          z-index: 3;
          cursor: pointer;
          color: rgba(0, 0, 0, 0); }
          .raptor-ui .form-group input.form-control[type="date"]::-webkit-calendar-picker-indicator:hover {
            background: rgba(0, 0, 0, 0); }
    .raptor-ui .form-group.search-bar input {
      padding-left: 2.375rem; }
    .raptor-ui .form-group.search-bar .remove-text-icon {
      cursor: pointer;
      top: 9px; }
      .raptor-ui .form-group.search-bar .remove-text-icon .icon {
        width: 1rem; }
    .raptor-ui .form-group.search-bar.disabled .search-icon {
      fill: #757575;
      opacity: .5; }
    .raptor-ui .form-group.search-bar.disabled .remove-text-icon {
      display: none; }
    .raptor-ui .form-group .form-link {
      font-size: 0.875rem;
      color: #325184;
      text-decoration: underline; }
  .raptor-ui .form-control {
    color: #212121;
    caret-color: #212121;
    border-color: rgba(117, 117, 117, 0.5);
    height: 34px;
    font-size: 0.875rem; }
    .raptor-ui .form-control::placeholder, .raptor-ui .form-control::-moz-placeholder, .raptor-ui .form-control::-webkit-input-placeholder {
      color: #757575; }
    .raptor-ui .form-control:disabled, .raptor-ui .form-control[readonly] {
      background-color: transparent; }
    .raptor-ui .form-control--gray-bg {
      border-color: transparent;
      background: #F4F6F8;
      color: #757575; }
    .raptor-ui .form-control.readonly-textarea {
      resize: none;
      height: 35px;
      background: #F4F6F8; }
      .raptor-ui .form-control.readonly-textarea:focus {
        border-color: #F4F6F8;
        outline-color: #F4F6F8 !important; }
    .raptor-ui .form-control.disabled {
      background: #F4F6F8;
      border-color: #E0E5EC;
      color: #bababa; }
    .raptor-ui .form-control.input-success {
      background: #D9F5E5;
      border-color: #D9F5E5; }
      .raptor-ui .form-control.input-success::placeholder {
        color: transparent; }
    .raptor-ui .form-control.input-danger {
      background: #FBE1E0;
      border-color: #FBE1E0; }
      .raptor-ui .form-control.input-danger::placeholder {
        color: transparent; }
    .raptor-ui .form-control.input-disabled {
      background: #F4F6F8;
      border-color: #F4F6F8; }
      .raptor-ui .form-control.input-disabled::placeholder {
        color: transparent; }
    .raptor-ui .form-control.invalid-info {
      border-color: #E53935;
      outline: 1px solid #E53935; }
      .raptor-ui .form-control.invalid-info:focus {
        outline: 1px solid #E53935 !important; }
      .raptor-ui .form-control.invalid-info + .error-msg-group {
        display: block; }
  .raptor-ui .error-msg-group {
    display: none; }
  .raptor-ui .input-error-msg {
    font-size: 0.75rem;
    color: #E53935;
    margin: .25rem 0 0; }
    .raptor-ui .input-error-msg.success {
      color: #11743A; }
  .raptor-ui .form-bg-gray {
    padding: 1.25rem;
    background: #F4F6F8; }
    .raptor-ui .form-bg-gray label {
      font-size: 0.75rem;
      margin-bottom: 5px;
      font-weight: 700;
      line-height: 1; }
  .raptor-ui input[type="checkbox"],
  .raptor-ui input[type="radio"] {
    display: none; }
    .raptor-ui input[type="checkbox"]:checked + .custom-checkbox,
    .raptor-ui input[type="radio"]:checked + .custom-checkbox {
      background-image: url("../img/checkbox.svg"); }
    .raptor-ui input[type="checkbox"]:checked + .custom-radio,
    .raptor-ui input[type="radio"]:checked + .custom-radio {
      background-image: url("../img/radio-checked.svg"); }
  .raptor-ui .custom-checkbox,
  .raptor-ui .custom-radio {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 5;
    background: url("../img/checkbox-empty.svg") center center no-repeat;
    background-size: contain; }
    .raptor-ui .custom-checkbox + .custom-checkbox-text,
    .raptor-ui .custom-checkbox + .custom-checkbox-text + .custom-checkbox-img,
    .raptor-ui .custom-radio + .custom-checkbox-text,
    .raptor-ui .custom-radio + .custom-checkbox-text + .custom-checkbox-img {
      padding-left: 2.25rem;
      padding-right: 1.875rem;
      font-size: 0.875rem;
      margin-bottom: 0; }
    .raptor-ui .custom-checkbox + .custom-checkbox-text + .custom-checkbox-img,
    .raptor-ui .custom-radio + .custom-checkbox-text + .custom-checkbox-img {
      padding-left: 1.875rem;
      margin-top: 1.25rem;
      text-align: center; }
      .raptor-ui .custom-checkbox + .custom-checkbox-text + .custom-checkbox-img img,
      .raptor-ui .custom-radio + .custom-checkbox-text + .custom-checkbox-img img {
        max-width: 100%; }
    .raptor-ui .custom-checkbox--sm,
    .raptor-ui .custom-radio--sm {
      width: .85rem;
      height: .85rem;
      top: .3rem; }
      .raptor-ui .custom-checkbox--sm + .custom-checkbox-text,
      .raptor-ui .custom-radio--sm + .custom-checkbox-text {
        padding-left: 1.1rem;
        margin-bottom: 13px; }
  .raptor-ui .custom-radio {
    background: url("../img/radio-empty.svg") center center no-repeat;
    background-size: contain; }
  .raptor-ui .answer-feedback-title {
    margin-bottom: .25rem;
    font-size: 1rem;
    font-weight: 700; }
  .raptor-ui .answer-feedback-text {
    font-size: 0.875rem; }
    .raptor-ui .answer-feedback-text .answer-result {
      font-weight: 700; }
  .raptor-ui .custom-checkbox-form {
    transition: all 0.2s ease-in-out;
    position: relative; }
    .raptor-ui .custom-checkbox-form:hover {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .raptor-ui .custom-checkbox-form .icon-wrapper {
      position: absolute;
      top: 0;
      right: 0; }
    .raptor-ui .custom-checkbox-form.custom-checkbox-correct {
      background: #D9F5E5; }
    .raptor-ui .custom-checkbox-form.custom-checkbox-wrong {
      background: #FBE1E0; }
    .raptor-ui .custom-checkbox-form.custom-checkbox-disabled .custom-checkbox,
    .raptor-ui .custom-checkbox-form.custom-checkbox-disabled .custom-radio {
      filter: grayscale(100%);
      opacity: .4; }
    .raptor-ui .custom-checkbox-form.custom-checkbox-disabled .custom-checkbox-text {
      color: #757575; }
  .raptor-ui .dropdown-menu.multiselect {
    max-height: 188px; }
    .raptor-ui .dropdown-menu.multiselect form {
      padding: .4rem 0; }
    .raptor-ui .dropdown-menu.multiselect hr {
      margin: 0;
      border-color: #bababa; }
    .raptor-ui .dropdown-menu.multiselect .custom-checkbox,
    .raptor-ui .dropdown-menu.multiselect .custom-radio {
      width: .85rem;
      height: .85rem;
      top: .4rem;
      left: .8rem;
      margin-bottom: 0; }
      .raptor-ui .dropdown-menu.multiselect .custom-checkbox + .custom-checkbox-text,
      .raptor-ui .dropdown-menu.multiselect .custom-radio + .custom-checkbox-text {
        padding-left: 1.35rem;
        padding-right: 0;
        padding-top: 2px;
        margin-bottom: 0;
        cursor: pointer;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
    .raptor-ui .dropdown-menu.multiselect .form-group {
      margin-bottom: 0;
      padding: .4rem .8rem;
      line-height: .8; }
  .raptor-ui .assessment-submit-box {
    padding-top: 25px;
    padding-bottom: 25px;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    z-index: 6; }
  .raptor-ui .swiper-container {
    width: 100%;
    height: 100%;
    padding: 1.5rem 20px;
    margin-right: 1rem;
    padding-right: 3px;
    padding-bottom: 2rem; }
    .raptor-ui .swiper-container .card {
      margin-bottom: 0; }
    @media screen and (min-width: 1200px) {
      .raptor-ui .swiper-container {
        padding: 1.5rem 26px; } }
  .raptor-ui .swiper-slide {
    width: 80%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    @media screen and (min-width: 576px) {
      .raptor-ui .swiper-slide.no-image-card {
        width: 60%; } }
    @media screen and (min-width: 768px) {
      .raptor-ui .swiper-slide, .raptor-ui .swiper-slide.no-image-card {
        width: 40%; } }
    @media screen and (min-width: 992px) {
      .raptor-ui .swiper-slide {
        width: 85%; }
        .raptor-ui .swiper-slide.no-image-card {
          width: 40%; } }
  .raptor-ui .swiper-button-next,
  .raptor-ui .swiper-button-prev {
    display: flex;
    align-items: center;
    top: 38px;
    height: calc(100% - 2rem);
    right: 0;
    width: 80px;
    justify-content: flex-end;
    padding: 0 10px;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    transition: all 0.2s ease-in-out;
    z-index: 10; }
    .raptor-ui .swiper-button-next img,
    .raptor-ui .swiper-button-prev img {
      width: 10px; }
    .raptor-ui .swiper-button-next.swiper-button-disabled,
    .raptor-ui .swiper-button-prev.swiper-button-disabled {
      opacity: 0;
      visibility: hidden; }
    @media screen and (min-width: 768px) {
      .raptor-ui .swiper-button-next,
      .raptor-ui .swiper-button-prev {
        width: 150px; } }
  .raptor-ui .swiper-pagination {
    bottom: 0 !important; }
    .raptor-ui .swiper-pagination .swiper-pagination-bullet {
      opacity: 1;
      background: #E0E5EC;
      width: 6px;
      height: 6px; }
      .raptor-ui .swiper-pagination .swiper-pagination-bullet-active {
        background: #325184; }
  .raptor-ui .swiper-button-prev {
    left: 0;
    right: auto;
    justify-content: flex-start;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
  .raptor-ui #calendar .fc-toolbar {
    margin-bottom: 1rem; }
    .raptor-ui #calendar .fc-toolbar .fc-left,
    .raptor-ui #calendar .fc-toolbar .fc-center,
    .raptor-ui #calendar .fc-toolbar .fc-right {
      display: flex;
      align-items: center; }
    .raptor-ui #calendar .fc-toolbar button {
      border-radius: 0;
      padding: 2px 11px; }
    .raptor-ui #calendar .fc-toolbar h2 {
      font-size: 1.5rem;
      color: #212121; }
    .raptor-ui #calendar .fc-toolbar .fc-today-button {
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857;
      background: #ffffff;
      color: #325184;
      border-color: #325184; }
    .raptor-ui #calendar .fc-toolbar .fc-next-button,
    .raptor-ui #calendar .fc-toolbar .fc-prev-button {
      background: transparent;
      border: none;
      padding: 2px 5px; }
      .raptor-ui #calendar .fc-toolbar .fc-next-button .fc-icon,
      .raptor-ui #calendar .fc-toolbar .fc-prev-button .fc-icon {
        color: #325184; }
    .raptor-ui #calendar .fc-toolbar .fc-center button {
      background: transparent;
      font-size: 0.875rem;
      border: none;
      color: #325184;
      font-weight: 700; }
      .raptor-ui #calendar .fc-toolbar .fc-center button.fc-button-active {
        border-bottom: 4px solid #325184;
        padding: 2px 0;
        margin: 0 11px; }
    .raptor-ui #calendar .fc-toolbar .fc-right {
      display: none; }
      .raptor-ui #calendar .fc-toolbar .fc-right a {
        color: #325184;
        text-decoration: underline;
        font-size: 0.875rem; }
  .raptor-ui #calendar .fc-view-container .fc-day-header {
    padding: 5px 0; }
  .raptor-ui #calendar .fc-view-container .fc-day.fc-other-month {
    background: #F4F6F8; }
  .raptor-ui #calendar .fc-view-container .fc-day-top .fc-day-number {
    float: left;
    margin: 2px 6px 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #212121; }
  .raptor-ui #calendar .fc-view-container .fc-day-top.fc-other-month {
    opacity: 1; }
  .raptor-ui #calendar .fc-view-container .fc-today {
    background: transparent; }
    .raptor-ui #calendar .fc-view-container .fc-today .fc-day-number {
      background: #11743A;
      color: #ffffff;
      border-radius: 50%;
      line-height: 1;
      width: 29px;
      height: 21px;
      text-align: center;
      padding: 9px 1px 0 0; }
  .raptor-ui #calendar .fc-view-container .fc-event-container {
    padding: 2px 7px; }
    .raptor-ui #calendar .fc-view-container .fc-event-container .fc-day-grid-event {
      border-radius: 0;
      margin: 0;
      color: #ffffff;
      text-align: center;
      font-size: 0.75rem;
      padding: 2px 1px;
      background: #325184;
      border-color: #325184;
      transition: box-shadow 0.2s ease-in-out; }
      .raptor-ui #calendar .fc-view-container .fc-event-container .fc-day-grid-event:hover, .raptor-ui #calendar .fc-view-container .fc-event-container .fc-day-grid-event:focus {
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
      .raptor-ui #calendar .fc-view-container .fc-event-container .fc-day-grid-event.available {
        background: #11743A; }
      .raptor-ui #calendar .fc-view-container .fc-event-container .fc-day-grid-event.unavailable {
        color: #757575;
        background: #bababa;
        border-color: #bababa; }
  @media screen and (min-width: 768px) {
    .raptor-ui #calendar .fc-toolbar .fc-right {
      display: block; } }
  @media screen and (max-width: 767.9px) {
    .raptor-ui #calendar .fc-toolbar .fc-today-button {
      display: none; } }
  .raptor-ui .notation {
    display: block;
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    margin: 0.75rem 3.5rem 0 0;
    position: relative;
    padding-left: 1.8rem; }
    .raptor-ui .notation:before {
      content: '';
      width: 20px;
      height: 20px;
      background: #325184;
      position: absolute;
      top: -1px;
      left: 0; }
    .raptor-ui .notation-success:before {
      background: #11743A; }
    .raptor-ui .notation-muted:before {
      background: #bababa; }
    @media screen and (min-width: 992px) {
      .raptor-ui .notation {
        display: inline-block;
        margin-top: 1.5rem; } }
  .raptor-ui .session-expanded {
    max-width: 238px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    font-size: 0.875rem;
    position: relative; }
    .raptor-ui .session-expanded .notation {
      margin: 0;
      margin-bottom: 18px;
      font-size: 0.75rem; }
    .raptor-ui .session-expanded__date, .raptor-ui .session-expanded__link {
      margin-bottom: 18px;
      display: flex;
      align-items: center; }
      .raptor-ui .session-expanded__date img, .raptor-ui .session-expanded__link img {
        margin-right: 12px; }
    .raptor-ui .session-expanded__link a {
      color: #325184;
      text-decoration: underline;
      display: block; }
  .raptor-ui .session-expanded__close {
    position: absolute;
    top: 0;
    right: 0; }
  .raptor-ui .session-expanded__close,
  .raptor-ui .fc-close {
    width: 16px;
    height: 16px;
    margin: 12px;
    color: #ffffff;
    border-radius: 100%;
    background: #325184;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    line-height: 1;
    padding-top: 2px;
    padding-right: 0.5px;
    z-index: 12; }
    .raptor-ui .session-expanded__close:hover,
    .raptor-ui .fc-close:hover {
      color: #ffffff;
      text-decoration: none; }
  .raptor-ui .fc-popover .fc-header {
    background: none !important; }
    .raptor-ui .fc-popover .fc-header .fc-close {
      width: 15.5px;
      height: 13px;
      font-size: 11px;
      padding-top: 3px;
      opacity: 1; }
  .raptor-ui .fc-popover .fc-body .fc-event-container .fc-day-grid-event {
    margin-bottom: 4px !important; }
  .raptor-ui .modules-group {
    margin-bottom: 2.25rem; }
  .raptor-ui .nav-tabs {
    margin-bottom: 40px; }
  .raptor-ui .module {
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    background: #F4F6F8;
    margin-bottom: .75rem;
    position: relative;
    transition: all 0.2s ease-in-out; }
    .raptor-ui .module:not(.raptor-ui .module--courseintro):hover {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .raptor-ui .module__header {
      display: flex;
      padding: 0.875rem 1.25rem;
      padding-right: 50px;
      position: relative;
      align-items: center; }
    .raptor-ui .module__body {
      padding: 0.875rem 1.25rem;
      background: #ffffff;
      display: none; }
    .raptor-ui .module.module-expand {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }
      .raptor-ui .module.module-expand .module__body {
        display: block; }
      .raptor-ui .module.module-expand .module__toggler .icon {
        transform: rotate(0); }
    .raptor-ui .module .icon-wrapper {
      height: 20px;
      width: 20px;
      text-align: center;
      margin-right: 14px;
      display: inline-block; }
      .raptor-ui .module .icon-wrapper .icon {
        width: auto;
        height: 100%;
        margin-top: -2px; }
    .raptor-ui .module p {
      margin-bottom: 0; }
    .raptor-ui .module__icon {
      max-height: 21px; }
    .raptor-ui .module--courseintro {
      margin-bottom: 40px; }
      .raptor-ui .module--courseintro .module__header {
        display: block;
        padding-right: 1.25rem; }
        .raptor-ui .module--courseintro .module__header .module__heading {
          margin: 0 10px 10px 0;
          padding: 0; }
        @media screen and (min-width: 768px) {
          .raptor-ui .module--courseintro .module__header {
            display: flex;
            align-items: flex-start; }
            .raptor-ui .module--courseintro .module__header .module__heading {
              white-space: nowrap; } }
    .raptor-ui .module--separator {
      font-size: 1rem; }
      .raptor-ui .module--separator .module__header {
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem; }
    .raptor-ui .module__heading {
      font-weight: 700; }
      .raptor-ui .module__heading a {
        color: #ffffff; }
    .raptor-ui .module:not(.module--courseintro) .module__text, .raptor-ui .module:not(.module--courseintro) .module__heading {
      margin-bottom: 0;
      width: 100%;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .raptor-ui .module__text, .raptor-ui .module__heading {
      padding: 2px 2px 2px 4px;
      margin: -2px -2px -2px -4px; }
      .raptor-ui .module__text a:focus, .raptor-ui .module__heading a:focus {
        text-decoration: underline; }
    .raptor-ui .module__text a:not(.read-more-link) {
      color: #212121; }
    .raptor-ui .module__toggler {
      position: absolute;
      right: 0;
      top: 0;
      width: 21px;
      margin: 0.875rem 1rem;
      text-align: center; }
    .raptor-ui .module__list-item {
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857;
      margin-bottom: .75rem; }
      .raptor-ui .module__list-item:last-child {
        margin-bottom: 0; }
      .raptor-ui .module__list-item .icon {
        margin: 0 6px 2px 0; }
      .raptor-ui .module__list-item.module__list-item-light {
        color: #ffffff; }
        .raptor-ui .module__list-item.module__list-item-light > .icon {
          fill: #ffffff; }
    .raptor-ui .module--primary {
      background: #325184;
      color: #ffffff; }
    .raptor-ui .module--completed {
      background: rgba(97, 245, 160, 0.2); }
      .raptor-ui .module--completed .icon-wrapper {
        background: url("../img/check(correct)green.svg") center center no-repeat;
        background-size: contain; }
        .raptor-ui .module--completed .icon-wrapper .icon {
          display: none; }
    .raptor-ui .module--waiting .icon-wrapper {
      background: url("../img/waiting-green.svg") center center no-repeat;
      background-size: contain; }
      .raptor-ui .module--waiting .icon-wrapper .icon {
        display: none; }
    .raptor-ui .module--failed {
      background: #FBE1E0; }
      .raptor-ui .module--failed .icon-wrapper {
        background: url("../img/close (wrong)-red.svg") center center no-repeat;
        background-size: contain; }
        .raptor-ui .module--failed .icon-wrapper .icon {
          display: none; }
    .raptor-ui .module--locked .module__icon .icon {
      fill: #757575; }
    .raptor-ui .module--locked .module__text {
      color: #757575; }
      .raptor-ui .module--locked .module__text a {
        color: #757575;
        pointer-events: none; }
    .raptor-ui .module--active {
      background: #11743A;
      margin-left: -20px;
      margin-right: -20px; }
      .raptor-ui .module--active .module__header {
        padding-left: 40px;
        padding-right: 70px; }
        .raptor-ui .module--active .module__header .module__text a {
          color: #ffffff; }
      .raptor-ui .module--active .module__icon .icon {
        fill: #ffffff; }
  .raptor-ui .module--underline,
  .raptor-ui .modules--underline .module:not(.module--separator) {
    background: none; }
    .raptor-ui .module--underline .module__header,
    .raptor-ui .modules--underline .module:not(.module--separator) .module__header {
      border-bottom: 1px solid #E0E5EC; }
    .raptor-ui .module--underline.module--completed,
    .raptor-ui .modules--underline .module:not(.module--separator).module--completed {
      background: rgba(97, 245, 160, 0.2); }
      .raptor-ui .module--underline.module--completed .module__header,
      .raptor-ui .modules--underline .module:not(.module--separator).module--completed .module__header {
        border-bottom-color: #00C853; }
    .raptor-ui .module--underline.module--failed,
    .raptor-ui .modules--underline .module:not(.module--separator).module--failed {
      background: rgba(236, 133, 129, 0.2); }
      .raptor-ui .module--underline.module--failed .module__header,
      .raptor-ui .modules--underline .module:not(.module--separator).module--failed .module__header {
        border-bottom-color: #E53935; }
  .raptor-ui .module--underline,
  .raptor-ui .modules--underline .module {
    margin-bottom: 0; }
  .raptor-ui .recommendations {
    padding: 20px 0 60px;
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857; }
    .raptor-ui .recommendations__heading {
      color: #325184;
      font-weight: 700;
      margin-bottom: 20px; }
    .raptor-ui .recommendations__card {
      display: flex;
      margin-bottom: 1.5rem; }
    .raptor-ui .recommendations__card-img {
      background: #ffffff;
      margin-right: 1.5rem;
      width: 72px;
      height: 72px; }
      .raptor-ui .recommendations__card-img img {
        width: 100%; }
      .raptor-ui .recommendations__card-img.placeholder-img {
        padding: 1rem .75rem; }
        .raptor-ui .recommendations__card-img.placeholder-img img {
          width: 58px; }
    @media screen and (max-width: 767.9px) {
      .raptor-ui .recommendations__prev-course .recommendations__heading {
        margin-bottom: 8px; } }
    .raptor-ui .recommendations__prev-text {
      margin-bottom: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
      .raptor-ui .recommendations__prev-text a {
        color: #212121; }
    .raptor-ui .recommendations hr {
      margin: 1.5rem 0; }
    .raptor-ui .recommendations__card-text {
      width: calc(100% - 96px);
      max-width: 507px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      .raptor-ui .recommendations__card-text a {
        font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.5;
        color: #325184; }
    .raptor-ui .recommendations-from {
      max-width: 603px; }
    .raptor-ui .recommendations__list {
      padding: 0 0 0 1rem;
      list-style: none; }
      .raptor-ui .recommendations__list li {
        margin-bottom: 8px; }
        .raptor-ui .recommendations__list li a {
          color: #212121; }
        .raptor-ui .recommendations__list li:before {
          content: "\2022";
          color: #325184;
          font-weight: 700;
          display: inline-block;
          width: 1em;
          margin-left: -1em; }
  .raptor-ui .modal .recommendations {
    padding: 0; }
    .raptor-ui .modal .recommendations__card-text a {
      color: #325184; }
  .raptor-ui .tooltip.show {
    opacity: 1; }
  .raptor-ui .tooltip .tooltip-inner {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    background: #325184;
    border-radius: 0;
    font: 400 0.75rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.33333;
    padding: 9px .75rem;
    text-align: left; }
  .raptor-ui .bs-tooltip-auto[x-placement^=left] .arrow:before,
  .raptor-ui .bs-tooltip-left .arrow:before {
    border-left-color: #325184; }
  .raptor-ui .bs-tooltip-auto[x-placement^=right] .arrow:before,
  .raptor-ui .bs-tooltip-right .arrow:before {
    border-right-color: #325184; }
  .raptor-ui .bs-tooltip-auto[x-placement^=top] .arrow:before,
  .raptor-ui .bs-tooltip-top .arrow:before {
    border-top-color: #325184; }
  .raptor-ui .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
  .raptor-ui .bs-tooltip-bottom .arrow:before {
    border-bottom-color: #325184; }
  .raptor-ui .breadcrumb {
    padding: 0;
    margin-bottom: 2.5rem;
    background: none;
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857; }
    .raptor-ui .breadcrumb-item + .breadcrumb-item:before {
      content: none; }
    .raptor-ui .breadcrumb-item.breadcrumb-back-link + .breadcrumb-item, .raptor-ui .breadcrumb-item:first-child {
      padding-left: 0; }
    .raptor-ui .breadcrumb-item.breadcrumb-back-link {
      padding-right: .5rem; }
    .raptor-ui .breadcrumb-item > a, .raptor-ui .breadcrumb-item.active {
      display: inline-block;
      max-width: 173px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .raptor-ui .breadcrumb-item a {
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857;
      color: #325184; }
      .raptor-ui .breadcrumb-item a:focus {
        text-decoration: underline; }
    .raptor-ui .breadcrumb-item.active {
      color: #212121;
      font-weight: 700; }
    .raptor-ui .breadcrumb-back-link {
      display: none; }
    @media screen and (max-width: 991.9px) {
      .raptor-ui .breadcrumb-item:not(:nth-last-child(3)) {
        display: none; }
        .raptor-ui .breadcrumb-item:not(:nth-last-child(3)).breadcrumb-back-link {
          display: inline-block; }
      .raptor-ui .breadcrumb-item.active {
        font-weight: 400; } }
  .raptor-ui [class*="course-overview-header"] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-bottom: 2.5rem; }
  .raptor-ui .course-overview-header-1 {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }
  .raptor-ui .course-overview__info {
    padding-bottom: 2.5rem; }
    .raptor-ui .course-overview__info .progress-bar-wrapper {
      width: 100%; }
  .raptor-ui .course-overview__course-name {
    font: 400 2rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 2.5rem;
    margin-left: -6px;
    padding-top: 2px;
    padding-left: 6px;
    position: relative;
    z-index: 3; }
    .raptor-ui .course-overview__course-name a {
      color: #212121;
      text-decoration: none;
      cursor: default; }
  .raptor-ui .course-overview__course-description {
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    margin-bottom: 2.5rem; }
  .raptor-ui .course-overview__btn {
    width: 100%;
    font-size: 1.5rem;
    padding-top: 14px;
    padding-bottom: 14px; }
  .raptor-ui .course-overview__video, .raptor-ui .course-overview__image {
    width: 100%;
    position: relative; }
    .raptor-ui .course-overview__video:before, .raptor-ui .course-overview__image:before {
      content: '';
      display: block;
      padding-top: 100%; }
  .raptor-ui .course-overview__image .course-overview__video-overlay {
    display: none; }
  .raptor-ui .course-overview__thumbnail, .raptor-ui .course-overview__video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  .raptor-ui .course-overview__thumbnail {
    background: url("../img/Change-Of-Career-Pathways.jpg") center center no-repeat;
    background-size: cover; }
    .raptor-ui .course-overview__thumbnail.no-image {
      background: #F4F6F8 url("../img/image.svg") center center no-repeat;
      background-size: 47px 2.5rem; }
  .raptor-ui .course-overview__video-overlay {
    background: rgba(33, 33, 33, 0.5);
    display: flex; }
    .raptor-ui .course-overview__video-overlay .icon-wrapper {
      width: 68px;
      height: 68px;
      margin: auto; }
    .raptor-ui .course-overview__video-overlay .icon {
      width: 100%;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      border-radius: 100%; }
  .raptor-ui .course-overview__video-overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .raptor-ui .course-overview-header-2 .alert {
    margin-bottom: 50px; }
  .raptor-ui .course-overview-header-2 .course-overview__course-name {
    margin-bottom: 1rem; }
  .raptor-ui .course-overview-header-2 .progress-bar-wrapper {
    width: 100%; }
  .raptor-ui .course-overview-header-sidebar {
    background: #F4F6F8; }
    .raptor-ui .course-overview-header-sidebar .course-overview__info {
      min-width: 100%; }
  .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video, .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video {
    margin-top: 16px; }
  .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay, .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay {
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1); }
    .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay:before, .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay:after, .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay:before, .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay:after {
      content: '';
      position: absolute;
      width: 96%;
      height: 8px;
      background: #ffffff;
      top: -8px;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
      left: 2%;
      z-index: 3; }
    .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay:after, .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay:after {
      top: -16px;
      z-index: 2;
      width: 93%;
      left: 3.5%; }
  @media screen and (min-width: 576px) {
    .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video {
      margin-top: 0; }
    .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay {
      box-shadow: none; }
      .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay:before, .raptor-ui .course-overview-header-1.path-overview-header .course-overview__video-overlay:after {
        content: none; }
    .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay:before {
      width: 94%;
      left: 3%; }
    .raptor-ui .course-overview-header-sidebar.path-overview-header .course-overview__video-overlay:after {
      width: 86%;
      left: 7%; } }
  @media screen and (min-width: 768px) {
    .raptor-ui .course-overview__course-name {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height: 67px; }
    .raptor-ui .course-overview-header-1 {
      padding: 0; }
      .raptor-ui .course-overview-header-1 .container {
        max-width: calc(776px + (50% - 776px / 2));
        margin-left: calc(50% - 776px / 2);
        margin-right: 0;
        padding-right: 0; }
        .raptor-ui .course-overview-header-1 .container > .row {
          margin-right: 0; }
          .raptor-ui .course-overview-header-1 .container > .row > .col-12 {
            padding-right: 0; }
      .raptor-ui .course-overview-header-1 .course-overview-card {
        display: flex; }
      .raptor-ui .course-overview-header-1 .course-overview__info {
        padding: 1.25rem 1.25rem 2.5rem 0;
        width: 57%;
        position: relative;
        z-index: 5; }
        .raptor-ui .course-overview-header-1 .course-overview__info .skew-end {
          position: absolute;
          background-color: #ffffff;
          width: 30%;
          height: 100%;
          top: 0;
          z-index: -1; }
          .raptor-ui .course-overview-header-1 .course-overview__info .skew-end-right {
            left: auto;
            right: -9%;
            transform: skewX(-12deg); }
        .raptor-ui .course-overview-header-1 .course-overview__info .btn.btn-wider + .progress-bar-wrapper {
          width: 285px; }
        .raptor-ui .course-overview-header-1 .course-overview__info .progress-bar-wrapper {
          width: 218px; }
      .raptor-ui .course-overview-header-1 .course-overview__course-name {
        width: 109%; }
      .raptor-ui .course-overview-header-1 .course-overview__video:before, .raptor-ui .course-overview-header-1 .course-overview__image:before {
        content: none; }
      .raptor-ui .course-overview-header-1 .course-overview__video {
        width: 43%; }
      .raptor-ui .course-overview-header-1 .course-overview__thumbnail {
        position: static;
        min-height: 100%;
        background-position: center left; }
      .raptor-ui .course-overview-header-1 .course-overview__video-overlay .icon-wrapper {
        position: relative;
        left: 7%; }
      .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end {
        box-shadow: 3px 1px 2px -1px rgba(0, 0, 0, 0.2); }
        .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end:before, .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end:after {
          content: '';
          background-color: #ffffff;
          width: 12px;
          height: calc(100% + 10px);
          position: absolute;
          margin-top: -10px; }
        .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end-right:before, .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end-right:after {
          right: 9%;
          box-shadow: 3px 1px 2px -1px rgba(0, 0, 0, 0.2); }
        .raptor-ui .course-overview-header-1.path-overview-header .course-overview__info .skew-end-right:after {
          right: 18%; }
    .raptor-ui .course-overview-header-2 {
      margin-bottom: 0;
      padding-bottom: 0; }
      .raptor-ui .course-overview-header-2 .breadcrumb-item {
        display: inline-block; }
        .raptor-ui .course-overview-header-2 .breadcrumb-item.breadcrumb-back-link {
          display: none; }
      .raptor-ui .course-overview-header-2 .breadcrumb-item.active {
        font-weight: 700; }
      .raptor-ui .course-overview-header-2 .course-overview__info {
        padding-bottom: 50px; }
      .raptor-ui .course-overview-header-2 .course-overview__course-description {
        margin-bottom: 0; }
      .raptor-ui .course-overview-header-2 .course-overview__video-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        z-index: -1; }
      .raptor-ui .course-overview-header-2 .progress-bar-wrapper {
        margin-bottom: 2.5rem; }
    .raptor-ui .course-overview-header-sidebar {
      background: none; }
      .raptor-ui .course-overview-header-sidebar .course-overview__info {
        background: #F4F6F8;
        padding: 1rem 1.5rem 1.5rem; } }
  @media screen and (min-width: 992px) {
    .raptor-ui .course-overview-header-1 .container {
      max-width: calc(960px + (50% - 960px / 2));
      margin-left: calc(50% - 960px / 2); }
    .raptor-ui .course-overview-header-1 .course-overview__info {
      width: 64%; }
    .raptor-ui .course-overview-header-1 .course-overview__video {
      width: 36%; }
    .raptor-ui .course-overview-header-sidebar .course-overview__info .btn {
      width: 218px; }
    .raptor-ui .course-overview-header-sidebar .course-overview__info .progress-bar-wrapper {
      width: 218px; }
    .raptor-ui .course-overview-header-sidebar .course-overview-card__footer {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      position: absolute;
      bottom: 1.5rem;
      left: 1.5rem;
      right: 3rem; }
    .raptor-ui .course-overview-header-1 .course-overview__info .btn, .raptor-ui .course-overview-header-sidebar .course-overview__info .btn {
      width: 218px; }
      .raptor-ui .course-overview-header-1 .course-overview__info .btn.btn-wider, .raptor-ui .course-overview-header-sidebar .course-overview__info .btn.btn-wider {
        width: 285px; } }
  @media screen and (min-width: 1200px) {
    .raptor-ui .course-overview-header-1 .course-overview__info {
      width: 50%; }
    .raptor-ui .course-overview-header-1 .course-overview__video {
      width: 50%; } }
  .raptor-ui .module-list-toggler {
    margin: 1.25rem 0 1rem;
    display: inline-block;
    z-index: 999;
    transition: all 0.2s ease-in-out; }
    .raptor-ui .module-list-toggler a {
      display: inline-flex;
      align-items: center;
      font-size: 0.875rem; }
  @media screen and (min-width: 1200px) {
    .raptor-ui .module-list-toggler-section .module-list-toggler {
      margin-left: -6px; } }
  .raptor-ui .module-list-sidebar {
    position: fixed;
    width: 400px;
    left: -400px;
    background: #ffffff;
    bottom: 0;
    top: 80px;
    padding: 1.25rem;
    z-index: 999;
    overflow-y: auto;
    transition: all 0.2s ease-in-out; }
    .raptor-ui .module-list-sidebar.opened {
      left: 0;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 1440px) {
      .raptor-ui .module-list-sidebar.module-list-sidebar-fixed {
        left: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
        .raptor-ui .module-list-sidebar.module-list-sidebar-fixed .module-list-toggler {
          display: none; }
        .raptor-ui .module-list-sidebar.module-list-sidebar-fixed + .module-list-toggler-section .module-list-toggler {
          visibility: hidden;
          opacity: 0; }
        .raptor-ui .module-list-sidebar.module-list-sidebar-fixed + .module-list-toggler-section + .page-content {
          transform: translateX(0);
          padding-left: 400px; } }
  .raptor-ui .page-content.opened {
    transform: translateX(400px); }
    @media screen and (min-width: 1440px) {
      .raptor-ui .page-content.opened {
        transform: translateX(0);
        padding-left: 400px; } }
  .raptor-ui .video-module-controls {
    padding-left: .25rem; }
    .raptor-ui .video-module-controls .module__list-item {
      padding: 0 1rem; }
      @media screen and (max-width: 767.9px) {
        .raptor-ui .video-module-controls .module__list-item {
          margin-bottom: 1.125rem; }
          .raptor-ui .video-module-controls .module__list-item:last-child {
            margin-bottom: 1.5rem; } }
    .raptor-ui .video-module-controls .controls-menu-toggler {
      display: none; }
      .raptor-ui .video-module-controls .controls-menu-toggler .dropdown-toggle:after {
        content: none; }
      .raptor-ui .video-module-controls .controls-menu-toggler .dropdown-menu {
        width: auto; }
        .raptor-ui .video-module-controls .controls-menu-toggler .dropdown-menu .dropdown-item {
          padding-right: 2.5rem; }
  .raptor-ui .exit-fullscreen-btn {
    display: none; }
  .raptor-ui .video-module {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
  .raptor-ui .embedded-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .raptor-ui .video-module-section.fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 0;
    max-width: 100%; }
    .raptor-ui .video-module-section.fullscreen .video-module-controls {
      height: 80px;
      background: #325184;
      color: #ffffff;
      display: flex;
      align-items: center;
      padding-left: 1.25rem; }
      .raptor-ui .video-module-section.fullscreen .video-module-controls .row {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .raptor-ui .video-module-section.fullscreen .video-module-controls .row > .module__list-item {
          margin-bottom: 0; }
          .raptor-ui .video-module-section.fullscreen .video-module-controls .row > .module__list-item > .icon, .raptor-ui .video-module-section.fullscreen .video-module-controls .row > .module__list-item.controls-menu-toggler .dropdown-toggle .icon {
            fill: #ffffff; }
          .raptor-ui .video-module-section.fullscreen .video-module-controls .row > .module__list-item a:not(.dropdown-item) {
            color: #ffffff; }
    .raptor-ui .video-module-section.fullscreen .video-module {
      padding-bottom: 0;
      height: calc(100% - 80px);
      top: 80px;
      position: absolute; }
    @media screen and (max-width: 767.9px) {
      .raptor-ui .video-module-section.fullscreen .video-module-controls .row {
        justify-content: space-between; }
      .raptor-ui .video-module-section.fullscreen .video-module-controls .controls-menu-toggler {
        display: block;
        padding-right: 0;
        cursor: pointer;
        margin-left: auto; }
        .raptor-ui .video-module-section.fullscreen .video-module-controls .controls-menu-toggler .dropdown-toggle .icon {
          margin-right: 0; }
      .raptor-ui .video-module-section.fullscreen .video-module-controls .module-control-sm-hidden {
        display: none; } }
  .raptor-ui .video-module-section.fullscreen .fullscreen-btn {
    display: none; }
  .raptor-ui .video-module-section.fullscreen .exit-fullscreen-btn {
    display: inline; }
  .raptor-ui .video-module-side-controls {
    position: absolute;
    max-width: 200px;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .raptor-ui .video-module-side-controls.side-controls--left {
      transform: translateX(calc(-100% - 2.5rem)); }
    .raptor-ui .video-module-side-controls .side-module-controls {
      margin-bottom: 2.5rem;
      display: none; }
      .raptor-ui .video-module-side-controls .side-module-controls .module__list-item {
        display: flex; }
        .raptor-ui .video-module-side-controls .side-module-controls .module__list-item .icon {
          margin-right: .25rem; }
    .raptor-ui .video-module-side-controls .side-module-pagination {
      display: flex;
      flex-flow: column;
      align-items: center; }
      .raptor-ui .video-module-side-controls .side-module-pagination .pagination-item {
        margin-bottom: .75rem;
        max-width: 47px;
        min-height: 1.5rem;
        font-size: 0.75rem;
        text-align: center;
        line-height: 1.2; }
        .raptor-ui .video-module-side-controls .side-module-pagination .pagination-item.pagination-icon {
          text-decoration: none; }
        .raptor-ui .video-module-side-controls .side-module-pagination .pagination-item.active .icon {
          width: 2.25rem; }
  @media screen and (min-width: 768px) {
    .raptor-ui .video-module-controls .module__list-item {
      border-right: 1px solid #E0E5EC; }
      .raptor-ui .video-module-controls .module__list-item:last-child {
        border-right: none; } }
  @media screen and (min-width: 1200px) {
    .raptor-ui .video-module-controls {
      padding-left: .625rem; }
    .raptor-ui .video-module-side-controls {
      visibility: visible;
      opacity: 1; } }
  @media screen and (min-width: 1440px) {
    .raptor-ui .video-module-side-controls.side-controls--left {
      transform: translateX(calc(-100% - 1.5rem)); }
    .raptor-ui .video-module-side-controls .side-module-controls {
      margin-bottom: 2.5rem;
      display: block; }
    .raptor-ui .video-module-controls.with-side-controls {
      display: none; } }
  .raptor-ui .course-taking__course-name {
    font: 400 1.5rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5; }
  .raptor-ui .course-taking__course-description {
    font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    margin-bottom: 0; }
  .raptor-ui .pagination {
    text-align: center;
    margin: 1rem 0;
    justify-content: center; }
    .raptor-ui .pagination .page-item .page-link {
      background: none;
      border: none;
      color: #325184;
      padding: .5px 0;
      min-width: 30px;
      border-radius: 0;
      min-width: 22px;
      margin: 0 2px;
      font: 400 0.875rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857; }
      .raptor-ui .pagination .page-item .page-link:focus {
        box-shadow: none; }
    .raptor-ui .pagination .page-item:not(.previous-page):not(.next-page):not(.active) .page-link:hover {
      background: #E0E5EC; }
    .raptor-ui .pagination .page-item.active .page-link {
      color: #ffffff;
      background: #325184; }
    .raptor-ui .pagination .page-item.previous-page .page-link:hover, .raptor-ui .pagination .page-item.next-page .page-link:hover {
      text-decoration: underline; }
    .raptor-ui .pagination .page-item.previous-page .page-link .icon, .raptor-ui .pagination .page-item.next-page .page-link .icon {
      margin-top: -1px; }
    .raptor-ui .pagination .page-item.previous-page.disabled .page-link, .raptor-ui .pagination .page-item.next-page.disabled .page-link {
      color: #bababa; }
      .raptor-ui .pagination .page-item.previous-page.disabled .page-link .icon, .raptor-ui .pagination .page-item.next-page.disabled .page-link .icon {
        fill: #bababa; }
    .raptor-ui .pagination .page-item.previous-page {
      margin-right: auto; }
      .raptor-ui .pagination .page-item.previous-page .icon {
        margin-right: .25rem; }
    .raptor-ui .pagination .page-item.next-page {
      margin-left: auto; }
      .raptor-ui .pagination .page-item.next-page .icon {
        margin-left: .25rem; }
  @media screen and (min-width: 768px) {
    .raptor-ui .pagination .page-item.previous-page {
      margin-right: 1.25rem; }
    .raptor-ui .pagination .page-item.next-page {
      margin-left: 1.25rem; }
    .raptor-ui .pagination-viewall-group {
      position: relative; }
      .raptor-ui .pagination-viewall-group .pagination-wrapper + .view-all-wrapper {
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        right: 0; }
        .raptor-ui .pagination-viewall-group .pagination-wrapper + .view-all-wrapper .view-all-link {
          text-decoration: none; }
          .raptor-ui .pagination-viewall-group .pagination-wrapper + .view-all-wrapper .view-all-link:hover {
            text-decoration: underline; } }
  .raptor-ui .submit-certificate__toggler {
    text-align: right; }
    .raptor-ui .submit-certificate__toggler .btn {
      padding-left: 1.25rem; }
      .raptor-ui .submit-certificate__toggler .btn .minus-icon {
        display: none; }
    .raptor-ui .submit-certificate__toggler.show-certificate-form .btn {
      display: flex;
      justify-content: space-between; }
      .raptor-ui .submit-certificate__toggler.show-certificate-form .btn .minus-icon {
        display: inline; }
      .raptor-ui .submit-certificate__toggler.show-certificate-form .btn .plus-icon {
        display: none; }
    .raptor-ui .submit-certificate__toggler.show-certificate-form + .submit-certificate__form {
      display: block; }
  .raptor-ui .submit-certificate__form {
    display: none; }
    .raptor-ui .submit-certificate__form form {
      padding: 2.5rem 1.25rem 1.25rem; }
    .raptor-ui .submit-certificate__form .description-area {
      max-height: 100px; }
  .raptor-ui .submit-certificate__btn {
    margin-top: 2.5rem; }
  .raptor-ui .upload-box {
    height: 249px;
    background: #ffffff;
    padding: 1.25rem;
    border: 2px dashed #757575;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
    .raptor-ui .upload-box__link {
      text-decoration: underline; }
    .raptor-ui .upload-box__link, .raptor-ui .upload-box__text {
      margin-bottom: 0.5rem; }
    .raptor-ui .upload-box__secondary-text {
      font: 400 0.75rem "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.33333;
      color: #757575; }
  .raptor-ui .modal .modal-content,
  .raptor-ui .modal .modal-header,
  .raptor-ui .modal .modal-footer {
    border-radius: 0; }
  .raptor-ui .modal .modal-header,
  .raptor-ui .modal .modal-footer {
    padding: 1.25rem 1.5rem 1.5rem; }
  .raptor-ui .modal .modal-header {
    border-bottom: none; }
    .raptor-ui .modal .modal-header .icon-wrapper {
      margin: 5px 10px 0 0; }
    .raptor-ui .modal .modal-header .modal-title {
      font-size: 1.5rem; }
    .raptor-ui .modal .modal-header .modal-subtitle {
      flex: 0.875rem;
      color: #757575;
      margin-bottom: 0; }
    .raptor-ui .modal .modal-header .close {
      line-height: 0.5;
      opacity: 1; }
      .raptor-ui .modal .modal-header .close:hover {
        opacity: 1; }
  .raptor-ui .modal .modal-footer {
    border-top: none;
    justify-content: flex-start; }
    .raptor-ui .modal .modal-footer .recommendations__list {
      margin-bottom: 0; }
      .raptor-ui .modal .modal-footer .recommendations__list li:last-child {
        margin-bottom: 0; }
      .raptor-ui .modal .modal-footer .recommendations__list a {
        color: #325184; }
    .raptor-ui .modal .modal-footer .link {
      font-size: 0.875rem;
      margin-right: 1.25rem; }
  .raptor-ui .assessment__page-head, .raptor-ui .assessment__question-text {
    font-size: 1.5rem; }
  .raptor-ui .assessment__question-text {
    color: #325184;
    margin-bottom: 1.5rem; }
  .raptor-ui .assessment__answer-head {
    margin-bottom: 10px; }

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