:root {
  --brand-color-1: #28a745;
  --brand-color-1-hover: #28a745; }

@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PT_Sans/PT_Sans-Web-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/PT_Sans/PT_Sans-Web-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "PT Sans";
  font-style: italic;
  src: url("../fonts/PT_Sans/PT_Sans-Web-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "PT Sans";
  font-weight: bold;
  src: url("../fonts/PT_Sans/PT_Sans-Web-Bold.ttf") format("truetype"); }

html {
  position: relative;
  min-height: 100%; }

body {
  background-color: #e1e1e2;
  color: #414042;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 55px;
  overflow-y: scroll; }

span {
  font-family: 'PT Sans', sans-serif; }

.dropdown-toggle:hover, .dropdown-toggle:focus {
  text-decoration: none; }

.container-wrapper--light {
  background-color: #f3f3f3;
  margin-bottom: 10px; }

.header-container {
  background-color: #414042; }

a.bold-link {
  font-weight: bold;
  color: #414042; }

.sticky-footer {
  background-color: #888b8d;
  bottom: 0;
  color: white;
  height: 55px;
  line-height: 55px;
  position: absolute;
  width: 100%; }

.sticky-footer__body {
  background-image: url("../images/CONCENT_WayPointLogo-white.svg");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 192px;
  height: 100%; }

.default-header .dropdown {
  border-right: 1px solid #292829; }

.btn {
  border-radius: 0; }

.navbar-dark .btn-link {
  color: white; }

.navbar-dark .default-navbar-nav .nav-link {
  color: white;
  font-size: 16px;
  line-height: 24px;
  padding: .5rem 1rem; }

.btn-success {
  background-color: var(--brand-color-1);
  border-color: var(--brand-color-1);
  outline: none; }
  .btn-success:hover, .btn-success:active, .btn-success:active:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
    background-color: var(--brand-color-1-hover) !important; }

.sign-in__card {
  border-color: #e1e1e2;
  box-shadow: 0 3px 12px 0 #ddd, 3px 3px 9px 6px transparent;
  margin-bottom: 23px;
  border-radius: 0; }
  .sign-in__card .card-icon {
    position: relative;
    transform: translateX(-50%);
    position: absolute;
    top: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    background: var(--brand-color-1);
    border-radius: 50%;
    box-shadow: 0px 8px 11px -2px #bdbdbd; }
    .sign-in__card .card-icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      font-size: 34px;
      color: #fff; }
  .sign-in__card .card-title, .sign-in__card p {
    text-align: center; }
  .sign-in__card .card-title {
    font-size: 19px;
    font-weight: bold; }
  .sign-in__card .card-body {
    padding-top: 57px; }
  .sign-in__card p:last-child {
    margin-bottom: 0; }

.sign-in__form .col-form-label {
  font-weight: bold;
  text-transform: uppercase; }

@media (min-width: 576px) {
  .sign-in__form .col-form-label {
    text-align: right; } }

@media (min-width: 992px) {
  .sign-in__card {
    margin-bottom: 0; } }

/*.sign-in__logo {
    background: url("../images/ConcentLogoSignIn.svg") no-repeat center center;
    background-size: contain;
    color: $sea-green;
    height: 60px;
    margin: 30px auto 50px;
    max-width: 100%;
    text-indent: -9999px;
    width: 347px;
}*/
.sign-in__logo-container {
  max-width: 350px;
  width: 100%;
  margin: 40px auto 70px;
  text-align: center;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  padding: 0px 15px; }
  .sign-in__logo-container .sign-in__logo {
    flex: 1;
    background-image: url("../images/ConcentLogoSignIn.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 55px; }

@media (max-width: 330px) {
  .sign-in__logo {
    margin-bottom: 17px; } }

.form-group {
  margin-bottom: 12px;
  padding-bottom: 4px;
  padding-top: 4px; }

.form-control {
  border-radius: 0;
  padding: 3px 6px; }

.form-control, .col-form-label {
  font-size: 14px;
  height: 30px;
  line-height: 17px; }

.new-user-box {
  background-color: #f3f3f3; }
  .new-user-box .card-title {
    text-transform: uppercase; }

.sign-in__card .card-icon.new-user-icon {
  background: #6c757d; }

@media (min-width: 992px) {
  .new-user-box {
    height: 100%; }
  .registerButton {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); } }

/* Errors */
.validation-summary-errors ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.wrapper-container.error-page {
  margin-top: 100px; }
  @media (max-width: 767px) {
    .wrapper-container.error-page {
      margin-top: 80px; } }
  @media (max-width: 576px) {
    .wrapper-container.error-page {
      margin-top: 40px; } }

.error-page .error-details {
  text-align: center; }
  .error-page .error-details h1 {
    font-weight: bold;
    font-size: 120px;
    color: #ffb81c;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); }
    @media (max-width: 767px) {
      .error-page .error-details h1 {
        font-size: 90px; } }
    @media (max-width: 576px) {
      .error-page .error-details h1 {
        font-size: 70px; } }
  .error-page .error-details .error-button {
    color: #fff;
    border-radius: 0; }

.error-page-creature {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: -175px;
  height: 280px;
  z-index: -1;
  background: url("../images/creature.svg") no-repeat; }
  @media (max-width: 991px) {
    .error-page-creature {
      height: 210px; } }
  @media (max-width: 767px) {
    .error-page-creature {
      bottom: 55px;
      left: 0;
      height: 230px; } }
  @media (max-width: 576px) {
    .error-page-creature {
      left: 0;
      height: 185px;
      bottom: 30px; } }

.c-flag {
  display: inline-block; }
  .c-flag.c-flag--da-dk {
    width: 22px;
    height: 16px;
    background-image: url("../images/flags.png");
    background-position: 0 0px; }
  .c-flag.c-flag--en-us {
    width: 22px;
    height: 16px;
    background-image: url("../images/flags.png");
    background-position: 0 -16px; }
  .c-flag.c-flag--nb-no {
    width: 22px;
    height: 16px;
    background-image: url("../images/flags.png");
    background-position: 0 -32px; }
  .c-flag.c-flag--sv-se {
    width: 22px;
    height: 16px;
    background-image: url("../images/flags.png");
    background-position: 0 -48px; }

.dropdown-item, .main-header .navbar .user-menu.dark .custom-dropdown-item {
  position: relative;
  display: flex;
  padding: 8px 12px;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .dropdown-item:hover, .main-header .navbar .user-menu.dark .custom-dropdown-item:hover {
    background-color: #e6e6e6; }
  .dropdown-item i, .main-header .navbar .user-menu.dark .custom-dropdown-item i {
    margin-right: 10px; }

.c-dropdown {
  cursor: pointer; }
  .c-dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    height: 100%;
    outline: none; }
  .c-dropdown .dropdown-menu {
    position: absolute;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: unset;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); }
  .c-dropdown .dropdown-item, .c-dropdown .main-header .navbar .user-menu.dark .custom-dropdown-item, .main-header .navbar .user-menu.dark .c-dropdown .custom-dropdown-item {
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent; }
    .c-dropdown .dropdown-item:hover, .c-dropdown .main-header .navbar .user-menu.dark .custom-dropdown-item:hover, .main-header .navbar .user-menu.dark .c-dropdown .custom-dropdown-item:hover {
      background-color: #e6e6e6; }

.main-header {
  position: relative;
  max-height: 110px;
  z-index: 1030;
  display: block; }
  .main-header .navbar {
    background-color: #414042;
    transition: margin-left 0.3s all ease;
    margin-bottom: 0;
    border: none;
    min-height: 55px;
    border-radius: 0;
    padding: 0; }
    .main-header .navbar .navbar-custom-menu {
      margin-left: auto;
      height: 60px; }
    .main-header .navbar .user-menu.dark {
      background-color: #414042; }
      .main-header .navbar .user-menu.dark .dropdown-item, .main-header .navbar .user-menu.dark .custom-dropdown-item, .main-header .navbar .user-menu.dark .dropdown-item a, .main-header .navbar .user-menu.dark .custom-dropdown-item a {
        color: var(--brand-color-2); }
        .main-header .navbar .user-menu.dark .dropdown-item:hover, .main-header .navbar .user-menu.dark .custom-dropdown-item:hover, .main-header .navbar .user-menu.dark .dropdown-item:focus, .main-header .navbar .user-menu.dark .custom-dropdown-item:focus, .main-header .navbar .user-menu.dark .dropdown-item a:hover, .main-header .navbar .user-menu.dark .custom-dropdown-item a:hover, .main-header .navbar .user-menu.dark .dropdown-item a:focus, .main-header .navbar .user-menu.dark .custom-dropdown-item a:focus {
          background-color: #292829; }
        .main-header .navbar .user-menu.dark .dropdown-item:active, .main-header .navbar .user-menu.dark .custom-dropdown-item:active, .main-header .navbar .user-menu.dark .dropdown-item a:active, .main-header .navbar .user-menu.dark .custom-dropdown-item a:active {
          background-color: #292829;
          color: var(--brand-color-1); }
      .main-header .navbar .user-menu.dark .custom-dropdown-item {
        padding: 8px 12px;
        color: var(--brand-color-2); }
        .main-header .navbar .user-menu.dark .custom-dropdown-item:hover, .main-header .navbar .user-menu.dark .custom-dropdown-item:focus {
          background-color: #292829; }
        .main-header .navbar .user-menu.dark .custom-dropdown-item:active {
          background-color: #292829;
          color: var(--brand-color-1); }
        .main-header .navbar .user-menu.dark .custom-dropdown-item .language-switch {
          display: inline-block; }
          .main-header .navbar .user-menu.dark .custom-dropdown-item .language-switch button {
            padding: 0;
            color: var(--brand-color-2);
            line-height: 1;
            background: none;
            border: none;
            outline: none; }
          .main-header .navbar .user-menu.dark .custom-dropdown-item .language-switch .selected {
            color: #888b8d; }
    @media (max-width: 767px) {
      .main-header .navbar {
        margin: 0; } }
  .main-header .sidebar-toggle {
    background: none;
    color: var(--brand-color-2);
    font-size: 24px;
    border: none;
    padding: 5px 10px;
    float: left;
    display: none; }
    .main-header .sidebar-toggle:focus {
      outline: 0; }
    @media (max-width: 767px) {
      .main-header .sidebar-toggle {
        display: inline-block; } }
  @media (max-width: 767px) {
    .main-header .logo-container, .main-header .navbar {
      width: 100%;
      float: none; } }

.navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0 12px;
  height: 100%; }
  .navbar-nav .navbar-nav__item--secondary {
    cursor: default; }
    .navbar-nav .navbar-nav__item--secondary:hover {
      background: transparent; }
  .navbar-nav li {
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
    transition: background .3s ease; }
    .navbar-nav li:hover, .navbar-nav li:active {
      color: #fff;
      background: #292829; }
    .navbar-nav li a {
      color: #fff; }
    .navbar-nav li i + * {
      margin-left: 5px; }
  .navbar-nav .nav-link {
    padding: 0 12px;
    cursor: pointer; }
    .navbar-nav .nav-link i {
      margin-right: 5px; }
    .navbar-nav .nav-link a {
      text-decoration: none;
      height: 100%;
      display: flex;
      align-items: center; }
    .navbar-nav .nav-link .chat-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin: -10px 0 0 -10px; }
      .navbar-nav .nav-link .chat-dot--available {
        background-color: var(--brand-color-1); }
  .navbar-nav .dropdown {
    height: 100%; }

.separation-line {
  position: relative;
  width: 100%;
  text-align: center; }
  .separation-line span {
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 1px 10px;
    z-index: 10;
    position: relative;
    color: #aaa;
    font-size: 11px; }
  .separation-line:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #eee;
    position: absolute;
    left: 0;
    top: 9px; }

.c-exteranl-providers {
  padding: 0; }
  .c-exteranl-providers li {
    list-style: none;
    width: 50%;
    display: inline-flex;
    float: left; }
    @media (max-width: 767px) {
      .c-exteranl-providers li {
        width: 100%; } }
    .c-exteranl-providers li.c-provider {
      background-repeat: no-repeat; }
      .c-exteranl-providers li.c-provider a:after {
        content: '';
        width: 62px;
        height: 18px;
        display: block;
        z-index: 999;
        position: absolute;
        top: calc(50% - 10px);
        left: 15px;
        background-size: 60px;
        background-repeat: no-repeat; }
      .c-exteranl-providers li.c-provider--nets a {
        background-color: #005776;
        color: #fff; }
        .c-exteranl-providers li.c-provider--nets a:hover {
          background-color: #004056; }
        .c-exteranl-providers li.c-provider--nets a:after {
          background-image: url("../images/ex-prov-nets.svg"); }
      .c-exteranl-providers li.c-provider--azureactivedirectory a {
        background-color: #1ABEF0;
        color: #fff; }
        .c-exteranl-providers li.c-provider--azureactivedirectory a:hover {
          background-color: #15a9d6; }
        .c-exteranl-providers li.c-provider--azureactivedirectory a:after {
          height: 22px;
          background-size: 64px;
          width: 66px;
          left: 12px;
          background-image: url("../images/ex-prov-aad.svg"); }
    .c-exteranl-providers li a {
      width: 100%;
      padding: 10px 15px 10px 85px;
      border: 1px solid;
      margin: 8px 3px 0px 3px;
      position: relative;
      transition: 0.3s background ease; }
      .c-exteranl-providers li a:hover {
        text-decoration: none; }

.cookied {
  display: none;
  background-color: white; }
  .cookied__body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #063d5b;
    color: white;
    padding: 5px; }
  .cookied__cookieicon {
    margin-right: 10px; }
  .cookied__cookietext {
    text-align: center; }
  .cookied__closeicon {
    margin-left: 10px;
    height: 50px; }
    .cookied__closeicon i:hover {
      cursor: pointer; }

.privacy-statement {
  position: absolute;
  bottom: 10px;
  color: white; }