﻿#page {
  background: #fff;
}
#page #page-content {
  height: calc(100% - 128px);
}
.display-in-popup #page #page-content {
  height: 100%;
}
.display-in-popup #page.cruise-application-page {
  background: white;
}
.lightweight-page-header,
#page #page-header,
.login-header {
  /*    background-image: Top Header - This is set in the organisations less file*/
  overflow: visible;
  height: 129px;
  background-color: transparent;
  box-shadow: none;
  pointer-events: none;
  margin-bottom: -3px;
  background-repeat: no-repeat;
}
.lightweight-page-header {
  overflow: hidden;
}
.lightweight-page-header:after,
#page #page-header:after,
.login-header:after {
  content: '';
  /*    background-color: This is set in the organisations less file*/
  position: absolute;
  left: 2049px;
  width: 100%;
  height: 64px;
  opacity: 1;
  z-index: 1;
  top: 0;
}
.lightweight-page-header .header-title,
#page .page-header .header-title,
.login-header .header-title {
  padding-top: 5px;
  height: 49px;
  margin-left: 14px;
  float: left;
  position: relative;
  z-index: 2;
}
#page.project-management-page .page-header .header-title {
  margin-left: 14px;
}
.lightweight-page-header .header-title::after,
.login-header .header-title::after {
  content: ' ';
  position: absolute;
  top: -5px;
  left: -13px;
  z-index: 0;
  display: block;
  /*    background-image: Organisation Logo - This is set in the organisations less file*/
  height: 140px;
  width: 140px;
  background-size: contain;
  pointer-events: auto;
  background-repeat: no-repeat;
}
.lightweight-page-header .header-btns,
.login-header .header-btns {
  position: relative;
  z-index: 6000;
  padding-top: 5px;
  pointer-events: all;
}
.toolbar.project-management-toolbar.grounddata-toolbar .custom-breadcrumb {
  height: 64px;
  position: absolute;
  top: 60px;
  left: 211px;
}
#page .page-header > .header-title > h1 {
  position: absolute;
  top: 18px;
  left: 204px;
  height: auto;
  z-index: 999999;
  margin: 0;
  white-space: nowrap;
}
#page .page-header > .header-title a {
  /*    background-image: Organisation Logo - This is set in the organisations less file*/
  height: 140px;
  width: 140px;
  background-size: contain;
  margin: -10px 0 0 -13px;
  pointer-events: auto;
  background-repeat: no-repeat;
}
#page .page-header > .header-title a img.header-logo {
  position: absolute;
  left: 95px;
  border-right: 1px solid #fff;
  z-index: 2;
  padding-right: 11px;
  top: 5px;
}
#page .page-header span.header-line {
  display: none;
}
#page .page-header.testsystem {
  background-color: transparent !important;
  background-image: url(/images/test-header-top.svg) !important;
}
#page .page-header.testsystem::after {
  background-color: #A50000 !important;
}
.project-management-page div#page-content,
.project-management-page div#content,
.project-management-page div#body-content {
  position: static;
}
#sharedTabStrip .header-action-buttons > * {
  margin-top: 65px !important;
  vertical-align: top !important;
}
body#page .programme-subheader,
#page #sharedTabStrip,
#page .org-sub-header,
.scrollpane .toolbar.project-management-toolbar {
  background-color: transparent;
  box-shadow: none;
  position: absolute;
  padding-left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-repeat: no-repeat;
  height: 126px;
  top: 0;
  z-index: 2501;
  /*    background-image: Bottom Header - This is set in the organisations less file*/
}
#sharedTabStrip > *,
.scrollpane .toolbar.project-management-toolbar > * {
  z-index: 8;
  position: relative;
}
body#page .programme-subheader:after,
#page #sharedTabStrip:after,
.scrollpane .toolbar.project-management-toolbar:after {
  content: '';
  /*    background-color: This is set in the organisations less file*/
  position: absolute;
  height: 126px;
  width: 100%;
  top: 0;
  left: 250px;
  z-index: 0;
}
#sharedTabStrip .custom-breadcrumb {
  top: 63px;
  left: 207px;
  height: 64px;
}
#sharedTabStrip .workflow-name.float-right {
  height: 44px;
  top: 63px;
}
#nl-side-bar.workflow-meta-information-parent,
#page.project-management-page .workflow-meta-information-parent {
  height: calc(100% + 31px) !important;
  margin-top: -31px;
  /*    background-color: This is set in the organisations less file*/
  box-sizing: border-box;
  top: 0;
  padding-top: 170px;
}
.project-management-page .project-management-toolbar.toolbar #more-button.k-button,
#page.project-management-page .toolbar > a {
  margin-top: 79px;
}
span.history-page-title,
span.page-table-title {
  margin: 61px 0 0 195px;
}
#scroller {
  margin: 0;
  border-radius: 0;
  padding: 0;
  background: #fff;
}
#scroller:not(.display-in-popup #scroller) {
  height: calc(100vh - 125px) !important;
}
.scroller-content {
  border-top: none;
}
.project-management-page div#active-workflows {
  height: calc(100% + 23px) !important;
}
#page .page-header .header-user {
  padding-top: 10px;
  pointer-events: auto;
  position: relative;
  z-index: 10;
}
#nl-side-bar.application-steps {
  /*    background-color: This is set in the organisations less file*/
  left: 0;
  top: 0;
  padding-top: 130px;
  height: 100% !important;
}
.company-container .company-views::before {
  /*    background-color: This is set in the organisations less file*/
}
.scrollpane .toolbar.project-management-toolbar {
  background-color: #f3f3f4;
}
#page .page-header .menu-main-applications {
  height: 65px;
}
@media screen and (max-width: 1155px) {
  /*    #page-header.external .menu-main-applications {
        left: auto;
        right: 260px;
        width: auto;
        white-space: nowrap;
    }*/
}
/*#page .page-header .menu-main-applications .module-wrapper,
#page .page-header.external .main-menu-buttons {
    height: 100%;
    margin: 0;
    height: 100%;
}*/
body#page.programme-page ul.page-type-switcher {
  top: 63px;
  left: 195px;
  background: transparent;
  box-shadow: none;
  height: 60px;
}
body#page.programme-page li.type-changer {
  line-height: 36px;
}
body#page.programme-page li.type-changer.active {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
}
body#page.programme-page .programme-subheader a.scheduler-filter-btn.bars-btn {
  top: 82px;
  z-index: 9;
  height: auto;
}
body#page.programme-page .programme-subheader .scheduler-filter {
  top: 71px;
  width: auto !important;
  z-index: 1;
  right: 20px;
  position: absolute;
  padding-top: 0;
  height: auto;
  min-width: unset;
}
body#page.programme-page .programme-subheader .scheduler-filter .calendar-section.k-content {
  left: 205px !important;
}
body#page.programme-page .programme-subheader .scheduler-filter .ship-selector {
  width: auto;
  margin-right: 20px;
}
body#page.programme-page .programme-subheader .scheduler-filter .ship-selector span.filter-value {
  margin-left: 50px;
}
body#page.programme-page .static-filter-content.map-programme-filter > *:not(.calendar-section):not(.date-range-selector-popup) {
  margin: 0;
  margin-right: 15px;
  padding: 0;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  float: none;
}
body#page.programme-page .right-pane .cruiseapplication-filters {
  margin-top: 0;
}
#page.cabin-reservation-page #page-content {
  height: calc(100vh - 125px);
}
#page.cabin-reservation-page #page-content #workflow-actions-menu {
  height: 100%;
}
.programme-page #main-content-pane > *,
.programme-page-content #middle-pane,
.programme-page-content div#master-pane,
body#page.programme-page .programme-page-content {
  height: calc(100vh - 126px) !important;
}
#page .scientist-actions-menu-left,
#page .workflow-actions-menu-content {
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#page .scientist-actions-menu-left .workflow-tab-container,
#page .workflow-actions-menu-content .workflow-tab-container {
  /*margin-bottom: 90px;*/
}
#page .scientist-actions-menu-left .workflow-tab-container #request-wizard-content,
#page .workflow-actions-menu-content .workflow-tab-container #request-wizard-content {
  padding-bottom: 0;
}
.project-management.project-management-grounddata {
  height: 100%;
}
.wizard-section.cruiseapplication-values {
  overflow: visible;
}
#page #page-header a.login-header-btn {
  position: absolute;
  z-index: 999;
  right: 10px;
  top: 9px;
  pointer-events: all;
  display: inline-block;
  padding: 16px;
  color: white;
}
div#login-dialog {
  pointer-events: all;
}
.workflow-step-overview .content {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.scientist-portal-body #sharedTabStrip .tab-strip-container li.active {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  height: 64px;
  box-sizing: border-box;
}
.org-sub-header .org-sub-header-content {
  position: absolute;
  top: 64px;
  padding-left: 205px;
  width: 100%;
  z-index: 1;
}
.org-sub-header .org-sub-header-content .org-sub-header-item {
  color: white;
  font-size: 16px;
  padding: 21px 10px;
  display: inline-block;
  width: auto;
}
.org-sub-header .org-sub-header-content .org-sub-header-item.active {
  background: rgba(255, 255, 255, 0.2);
}
.org-sub-header .org-sub-header-content .org-sub-header-item > * {
  display: inline-block;
  vertical-align: middle;
}
.scheduler-filter .ship-selector div#ship-select-treeview-container {
  left: 50px !important;
  top: 35px !important;
}
#page .personnelplanning-portal-top-panel {
  top: 68px;
  padding-top: 6px;
}
#page .personnelplanning-portal-top-panel span.k-widget.k-dropdown {
  background-color: rgba(250, 250, 250, 0.1);
  color: white;
  border: none;
  padding: 1px 7px;
  display: inline-block;
  height: 31px;
  line-height: 28px;
  font-size: 14px;
  border-radius: 3px;
  margin: 5px 10px 0;
  vertical-align: top;
  background-image: none;
}
#page .personnelplanning-portal-top-panel span.k-widget.k-dropdown * {
  color: white;
}
#page .toolbar.project-management-toolbar .role-select-toolbar-tabs {
  background: transparent;
  top: 65px;
  box-shadow: none;
  height: 61px;
  left: 202px;
}
.scrollpane .toolbar.project-management-toolbar .toolbar-content.role-select-toolbar-content.action-left {
  margin-left: 200px;
  margin-top: 62px;
}
.scrollpane .toolbar.project-management-toolbar .toolbar-content.actions-right > * {
  margin-top: 80px;
}
/*.navigation-container {
    margin-top: -63px;

    .navigation-sidebar {
        padding-top: 63px;
    }
}*/
@media screen and (max-width: 1000px) {
  #page.cruise-application-page #sharedTabStrip .hamburger-icon {
    display: inline-block;
  }
  #sharedTabStrip .workflow-name.float-right {
    margin-right: 47px;
  }
  #sharedTabStrip .breadcrumb {
    top: calc(50% + 30px);
    position: absolute;
    left: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1100px) {
  .cruise-application-page #sharedTabStrip .hamburger-icon {
    display: none;
  }
  #sharedTabStrip .hamburger-icon {
    right: 14px;
    bottom: 10px;
    position: absolute;
    z-index: 999;
    display: inline-block;
    cursor: pointer;
    margin-right: 0;
  }
  #sharedTabStrip .tab-strip-container {
    height: calc(100% + 31px) !important;
    margin-top: -31px;
    background-color: #608da3;
    box-sizing: border-box;
    top: 0;
    padding-top: 170px;
  }
}
@media screen and (min-width: 1101px) {
  #sharedTabStrip .tab-strip-container:not(.side-bar) {
    display: block;
    left: 208px !important;
    height: 63px !important;
    top: 62px;
    width: calc(100% - 205px);
  }
}
@media screen and (min-width: 1299px) {
  #page #sharedTabStrip .tab-strip-container:not(.side-bar) {
    display: block;
    left: 200px !important;
    height: 64px !important;
    top: 62px;
    width: calc(100% - 205px);
  }
}
@media screen and (max-width: 1300px) {
  #page #sharedTabStrip .tab-strip-container:not(.side-bar) .tab-title {
    font-size: 11px;
    padding-left: 3px;
  }
  .tab-strip-container .material-images {
    transform: scale(0.8);
  }
}
#page .tabstrip-holder.personnel-portal-tabstrip #sharedTabStrip .tab-strip-container {
  display: block;
  top: 65px !important;
  left: 241px !important;
  background: transparent;
  float: none;
  width: 100%;
  box-shadow: none;
  height: 60px !important;
}
.timeline-filter.inline-menu.scheduler-inline-menu {
  left: auto !important;
  right: 450px;
}
@media screen and (max-width: 800px) {
  .timeline-filter.inline-menu.scheduler-inline-menu {
    right: 255px;
  }
}
/*Used For Mobile Display*/
@media screen and (max-width: 575px) {
  .timeline-filter.inline-menu.scheduler-inline-menu {
    left: 0 !important;
  }
  body#page.programme-page .scheduler-filter .static-filter-content.map-programme-filter span.text-display {
    margin-right: 10%;
  }
  .portal-body div#page div#page-header,
  body#page.programme-page div#page-header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
    background: #003f5f;
    height: 92px;
  }
  .portal-body div#page div#page-header .header-title a,
  body#page.programme-page div#page-header .header-title a {
    background-image: none;
    height: auto;
    width: auto;
    margin: 0;
  }
  .portal-body div#page div#page-header .header-title a img.header-logo,
  body#page.programme-page div#page-header .header-title a img.header-logo {
    position: static;
  }
  .portal-body div#page #sharedTabStrip,
  body#page.programme-page #sharedTabStrip,
  .portal-body div#page div.programme-subheader,
  body#page.programme-page div.programme-subheader {
    background: #062243;
    height: 54px;
    position: relative;
  }
  .portal-body div#page #sharedTabStrip a.scheduler-filter-btn.bars-btn,
  body#page.programme-page #sharedTabStrip a.scheduler-filter-btn.bars-btn,
  .portal-body div#page div.programme-subheader a.scheduler-filter-btn.bars-btn,
  body#page.programme-page div.programme-subheader a.scheduler-filter-btn.bars-btn {
    left: auto;
    top: 16px;
  }
  .portal-body div#page #sharedTabStrip div.scheduler-filter,
  body#page.programme-page #sharedTabStrip div.scheduler-filter,
  .portal-body div#page div.programme-subheader div.scheduler-filter,
  body#page.programme-page div.programme-subheader div.scheduler-filter {
    position: static;
    float: right;
    padding: 5px 45px 5px 0;
    margin: 0;
    white-space: nowrap;
  }
  .portal-body div#page #sharedTabStrip .scheduler-filter-btn,
  body#page.programme-page #sharedTabStrip .scheduler-filter-btn,
  .portal-body div#page div.programme-subheader .scheduler-filter-btn,
  body#page.programme-page div.programme-subheader .scheduler-filter-btn {
    position: absolute;
    left: 10px;
  }
  .portal-body div#page #sharedTabStrip .scheduler-filter-btn.ships-btn,
  body#page.programme-page #sharedTabStrip .scheduler-filter-btn.ships-btn,
  .portal-body div#page div.programme-subheader .scheduler-filter-btn.ships-btn,
  body#page.programme-page div.programme-subheader .scheduler-filter-btn.ships-btn {
    position: absolute !important;
    left: 25px !important;
    top: 17px !important;
  }
  .portal-body div#page #sharedTabStrip span.date-range-selector,
  body#page.programme-page #sharedTabStrip span.date-range-selector,
  .portal-body div#page div.programme-subheader span.date-range-selector,
  body#page.programme-page div.programme-subheader span.date-range-selector {
    white-space: nowrap;
  }
  .portal-body div#page #sharedTabStrip:after,
  body#page.programme-page #sharedTabStrip:after,
  .portal-body div#page div.programme-subheader:after,
  body#page.programme-page div.programme-subheader:after {
    display: none;
  }
  .portal-body div#page .personnelplanning-personneltable-top-panel,
  body#page.programme-page .personnelplanning-personneltable-top-panel {
    margin-top: 23px;
  }
}
@media screen and (max-width: 850px) {
  .portal-body #page .personnel-portal-tabstrip .tab-strip-container {
    visibility: hidden;
  }
}
#page.programme-page {
  background-color: #e6e6e6;
}
#page #page-header {
  background-image: url(/images/SOI/SOI-header-top.svg);
}
.SVGbackground svg {
  display: none;
}
body .SVGbackground {
  background-color: #3A93ED;
  background-image: url(/images/SOI/SOI-SVGBackground.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.body-container.public-body-container {
  background-color: #1C54A0;
}
.lightweight-page-header,
.login-header {
  opacity: 1;
  background-image: none;
  background-color: #0061C2;
  height: 64px;
  overflow: hidden;
}
.image-Slider .mySlides {
  height: 600px;
  margin-top: 64px;
}
.company-container + .map-container {
  display: none;
}
.login-holder {
  margin-top: 110px !important;
}
.login-content {
  max-width: 1500px;
}
.new-password-window.request-reset-window.box a.oke-btn,
.box.reset-password-finalize .button-action-wrapper a.oke-btn,
.request-reset-window .box-content.result a.k-button.k-button-large,
.section.reset-password .request-reset-window .box-header,
form#request-reset-password-form input.k-button.k-button-large,
#reset-password-form input.k-button.k-button-large,
#switch-button-group.dms-active .dms-button,
#switch-button-group.dmm-active .dmm-button,
#switch-button-group.decimals-active .decimals-button,
form#contact-form .k-button.k-button-large,
body .form-content .button-action-wrapper > input.k-button.k-button-large,
.request-account-container .user-properties.account-request .button-submit,
.request-account-container .box .box-header,
.form-content.scientistdetails-form .button-action-wrapper > input.k-button.k-button-large,
.scientistdetails-form .form-header,
.contact-form-wrapper .button-action-wrapper > input.k-button.k-button-large,
span.form-title,
.about-text .button-about,
.login-box .button-login,
.button-programme,
.login-holder .log-input-header {
  background-color: #0061C2;
}
body .form-content .button-action-wrapper > input.k-button.k-button-large.preliminary-save-button,
.form-content.scientistdetails-form .button-action-wrapper > input.k-button.k-button-large.preliminary-save-button {
  color: #0061C2;
  border-color: #0061C2;
}
body .user-properties.account-request .button-submit,
body .box .box-header,
.contact-form .form-header,
.form-content .form-header {
  background: #0061C2;
}
.maas-credentials,
.public-body-container {
  background: #1C54A0;
}
.lightweight-page-header:after,
#page #page-header:after,
.login-header:after {
  background: #0061C2;
  opacity: 1;
  height: 65px;
}
.lightweight-page-header {
  overflow: hidden;
}
.lightweight-page-header .header-title {
  padding-left: 38px;
}
#page .page-header .header-title {
  padding-left: 100px;
}
.programme-overlay .button-programme,
.login-header .header-btns .button-spacing {
  display: none;
}
.login-header .header-btns > h2.request-account-btn {
  display: none;
}
.login-header .header-title {
  padding-left: 48px;
}
.login-header .header-title .header-logo {
  height: 60px;
  margin-top: -5px;
}
.login-header .header-title > h1 {
  margin-top: -46px;
  margin-left: 102px;
}
#page .page-header .header-title a img.header-logo {
  left: 155px;
}
#page .page-header .header-title > h1 {
  left: 261px;
}
#page .page-header .header-title a {
  background-image: url(/images/SOI/SOI-logo.svg);
  margin-left: -106px;
  background-size: 90px;
  background-position: 14px 29px;
}
.lightweight-page-header .header-title::after,
.login-header .header-title::after {
  display: none;
}
body#page .programme-subheader,
#page #sharedTabStrip,
.scrollpane .toolbar.project-management-toolbar {
  background-image: url(/images/SOI/SOI-header-bot.svg);
}
body#page .programme-subheader:after,
#page #sharedTabStrip:after,
.scrollpane .toolbar.project-management-toolbar:after {
  background-color: #3A93ED;
}
.project-management-page .workflow-meta-information-parent,
#nl-side-bar.application-steps {
  background: #1C54A0;
}
.fab-container.fab-expansion-container a.fab-background.expansion-fab,
.cruise-application-page .fab-background,
.cruise-application-read-only-page .fab-background,
.fab-holder a.fab-container.fab-background:hover,
.fab-container.fab-expansion-container.expanded a.fab-background.expanding-fab:hover,
.fab-container:hover::before,
.fab-container .fab-background,
.fab-container .fab-background:hover {
  background-color: #0061C2;
}
.company-container .company-views::before {
  background-color: #e8e9ea;
  top: -45px;
  bottom: -155px;
}
.company-container .organisation-text,
.company-container .apply-account {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 300;
}
.company-container .apply-account {
  padding-top: 60px;
}
.company-container .company-views {
  max-width: 1180px;
  padding: 10px 5% 47px;
}
.company-container .company-login-text {
  margin-top: -25px;
}
.company-views div.company-item.soi {
  left: 40px;
  width: 251px;
  height: 177px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  position: absolute;
  bottom: 158px;
}
.company-views div.company-item.soi img {
  height: 165px;
  filter: grayscale(0%);
  margin: 0;
  position: relative;
  top: 35px;
}
.company-container {
  height: 180px;
}
.company-container .apply-account,
.welcome-holder p {
  visibility: hidden;
}
.company-login-text.secundary {
  margin-top: 90px;
  color: rgba(0, 0, 0, 0.84);
  display: none;
}
div.toggleBtn button.toggled {
  border-color: #0061C2;
}
#application-forms-list .scientist-actions-menu-item .image,
#scientist-no-application-forms .image,
.active-application-item .image {
  background: #EBF4FD;
}
.new-application-expansion-container,
.active-application-expansion-container {
  background: #FFF;
}
.deployment-page .deployments-header-part,
#external-scientists-grid th.k-header,
#research-area-grid .k-header,
.mse-full-editable-grid.k-grid table thead tr,
.wizard-layout .cruise-readonly-form th.k-header,
div:not(.portal-grid-container) .wizard-layout th.k-header,
.workflow-step-overview .k-grid-header th.k-header,
.page-content.voyages-and-cruises .k-grid-header th.k-header,
.page-content.scientist-equipment-page .k-grid-header th.k-header,
#page .deployment-page .deployment-entry-view .deployments-header,
.new-application-expansion-header,
.active-application-expansion-header {
  background: #e2edf6 !important;
}
#active-workflows .k-grid-header th.k-header {
  background: #f3f3f4 !important;
}
.project-management.project-management-grounddata div#submenu-pane .side-menu-pane {
  top: -30px;
  padding-top: 30px;
}
#page .dataset-page .deployments-step-display .deployment-step.step-complete .step-status-display,
#page .dataset-page .deployments-step-display .deployment-step.step-active .step-status-display {
  background-color: #0061c2;
  border-color: #0061c2;
}
.project-management.project-management-grounddata #sidemenu .k-treeview .k-in.k-state-selected {
  border-color: #3A93ED;
  background-color: #e2edf6;
}
.new-application-expansion-header > h2,
.active-application-expansion-container .active-application-expansion-header .selected.tabmenu-item {
  color: #6A6A6A;
  border-color: #1C54A0;
  font-weight: 500;
}
.welcome-text-portal a.a-link:active,
.welcome-text-portal a.a-link:link,
.welcome-text-portal a.a-link:visited,
.welcome-text-portal a.a-link {
  color: black;
  text-decoration: underline;
}
div.active-application-item .to-do-list .to-do-item a:hover {
  color: #6ab9f7;
}
#application-forms-list .scientist-actions-menu-item .info:after {
  background-image: url(/images/soi/SOI-add-circle.svg);
  right: -32px;
}
.new-application-expansion-header > img,
.active-application-expansion-header > span.toggle-image img {
  height: 10px;
  top: 22px;
  right: 16px;
}
svg .fill.org-light {
  fill: #3A93ED;
}
svg .stroke.org-light {
  stroke: #3A93ED;
}
svg .fill.org-main {
  fill: #0061C2;
}
svg .stroke.org-main {
  stroke: #0061C2;
}
.workflow-tab-content-container #workflow-steps tbody .step-status-cell label.staus-active,
.workflow-step-overview #workflow-steps tbody .step-status-cell label.staus-active,
.active-application-item .info .info-header > a,
a.a-link:link,
a.a-link:visited,
a.a-link:active,
#active-workflows .directlink,
#tasks .directlink,
.cruiseapplication-values a:link,
.cruiseapplication-values a:visited,
.cruiseapplication-values a:active,
.cruiseapplication-values a:hover,
.wizard-section.cruiseapplication-values .k-button-large.k-button-round.k-button-orange {
  color: #0061C2;
}
.active-application-item .info .info-header > a {
  text-decoration: underline;
}
.view-type-changer-container .view-type-changer .type-icon,
.large-header-container .ship-dps-title-container,
.medium-header-container .ship-dps-title-container,
.small-header-container .ship-dps-title-container,
.right-pane .cruises,
#main-content-pane .k-splitbar,
body#page.programme-page .right-pane,
body#page.programme-page #right-pane,
body#page.programme-page #top-pane {
  background-color: #0061C2;
}
.cruiseapplication-filters .more-less-toggle {
  color: #0061C2;
}
#wizard-application-steps-container > li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
span.sub-step-number {
  display: none;
}
#statistics-overview-personnel-role_listbox input[type="checkbox"]:checked:hover,
#statistics-overview-personnel-role_listbox input[type="checkbox"]:checked,
.k-webkit input[type="checkbox"]:checked:hover,
.k-webkit input[type="checkbox"]:checked,
.k-safari input[type="checkbox"]:checked:hover,
.k-safari input[type="checkbox"]:checked,
.k-ff input[type="checkbox"]:checked:hover,
.k-ff input[type="checkbox"]:checked {
  border-color: #3A93ED;
  background-color: #3A93ED;
}
#page .wizard-section .description.svg-description {
  color: #494949;
}
#page .wizard-section .description.svg-description > img {
  display: none;
}
#page .wizard-section .description.svg-description > svg {
  display: inline-block !important;
}
#page .wizard-section .description.svg-description > svg path {
  fill: #3A93ED;
}
.dataset-page .deployment-properties-part .field-label .description > svg {
  float: none;
  padding: 0;
  vertical-align: middle;
  margin-bottom: 3px;
}
.wizard-section .description.svg-description img {
  display: none;
}
.wizard-section {
  overflow: visible;
}
.general-cruise-location .k-textbox.k-widget,
span.k-datepicker.k-widget,
span.k-dropdown.k-widget,
span.k-widget.k-numerictextbox,
input.k-textbox,
input.k-textbox:hover,
input.k-textbox[type="text"]:hover,
.port-description input[type="text"] {
  border-color: rgba(0, 0, 0, 0.4);
}
.input-box .border-input-container,
.cruiseapplication-values .border-input-container,
.input-box .input-value.input-field {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  display: inline-block;
}
.cruiseapplication-values .question-entry .question-answer.border-input-container table.k-widget.k-editor {
  width: 100%;
}
span.workflow-predecessor-description.border-input-container {
  margin-top: 10px;
  margin-bottom: 30px;
}
.border-input-container td.k-editor-toolbar-wrap ul.k-toolbar,
.border-input-container table.k-widget.k-editor td.k-editable-area,
.border-input-container td.k-editor-toolbar-wrap ul.k-toolbar {
  background: transparent;
}
.border-input-container table.k-widget.k-editor,
.border-input-container td.k-editor-toolbar-wrap ul.k-toolbar button.k-button.k-tool,
.border-input-container td.k-editor-toolbar-wrap ul.k-toolbar button.k-button.k-tool {
  background: transparent;
  border: none;
}
.ship-fitted-equipment .question-edit .question-entry,
.ship-fitted-equipment .question-edit .separator {
  margin-left: 40px;
}
.scientistdetails-form td .extra-information-container svg {
  display: inline-block;
}
.scientistdetails-form td .extra-information-container svg path {
  fill: #0061C2;
}
.k-animation-container .k-list-container .k-state-focused.k-state-selected,
.k-animation-container .k-list-container .k-state-selected {
  background-color: #0061C2;
}
.k-grid tr td a.menu-link:hover,
.k-grid tr td a.menu-link:hover,
a.mse-list-menu-item:hover,
.k-animation-container .k-list > .k-state-hover,
.k-animation-container .k-list > .k-state-selected.k-state-focused.k-state-hover {
  background-color: rgba(0, 97, 194, 0.2) !important;
}
.ship-fitted-equipment-page .ship-name-display {
  display: none;
}
.about-image {
  content: url(/Images/SOI/SOI-module-display.svg);
}
.about-container::before {
  background: #1C54A0;
}
.about-container .about-placeholder {
  visibility: hidden;
}
.body-container.public-body-container .section.image-section {
  background-image: url(/Images/SOI/SOI-module-overview-background.svg);
}
.new-application-expansion-header i.fa.fa-plus {
  color: transparent;
  position: relative;
}
.new-application-expansion-header i.fa.fa-plus::after {
  content: '+';
  height: 10px;
  width: 10px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 25px;
}
#workflow-steps a.view-action-btn.action-btn {
  background-image: url(/images/soi/SOI-eye-portal.svg);
  background-color: #e2edf6;
}
.date-picker-container .cruise-date-picker-holder:last-child {
  margin-right: 0;
}
.date-picker-container .cruise-date-picker-holder {
  display: inline-block;
  width: 200px;
  margin-right: 40px;
}
.total-days-container > * {
  display: inline-block;
  vertical-align: top;
}
.total-days-container .day-inputs {
  width: 200px;
}
.total-days-container .day-inputs .selection {
  margin-bottom: 10px;
  display: block;
}
.total-days-container .day-inputs .selection .mse-tooltip-validation {
  margin: -2px 0 0 !important;
}
.fab-replace-holder a > * * {
  fill: #0061C2;
}
@media screen and (max-width: 1250px) {
  .company-views div.company-item.soi {
    left: calc(50% - 107px);
    bottom: 115px;
  }
  .login-body .body-content > div {
    margin-top: 30px !important;
  }
}
g#voyage-planning-linker use:first-child {
  fill: #3A93ED;
}
g#scientist-portal-linker use:first-child {
  fill: #0061C2;
}
g#barcode-scanners-linker use:first-child {
  fill: #0061C2;
}
g#personnel-planning-linker use:first-child {
  fill: #3A93ED;
}
g#transport-linker use:first-child {
  fill: #3A93ED;
}
g#cruise-planning-linker use:first-child {
  fill: #0061C2;
}
g#project-management-linker use:first-child {
  fill: #0061C2;
}
g#mooring-configuration-linker use:first-child {
  fill: #0061C2;
}
g#maintenance-certification-linker use:first-child {
  fill: #0061C2;
}
g#customs-warehouse-linker use:first-child {
  fill: #3A93ED;
}
g#inventory-management-linker use:first-child {
  fill: #1C54A0;
}
.floating-block-1 use:first-child {
  fill: #3A93ED;
}
.floating-block-2 use:first-child {
  fill: #3A93ED;
}
.floating-block-3 use:first-child {
  fill: #0061C2;
}
.floating-block-4 use:first-child {
  fill: #0061C2;
}
.floating-block-5 use:first-child {
  fill: #3A93ED;
}
.floating-block-6 use:first-child {
  fill: #0061C2;
}
.floating-block-7 use:first-child {
  fill: #3A93ED;
}
.entry-url-display > span {
  display: none;
}
.entry-url-display::after {
  content: "Click Here";
}
.portal-form-container .application-process-container .external-scientist-table-container.outreachinformation-table-container {
  widows: calc(100% - 20px);
}