@charset "UTF-8";
/*-------------------------------------*
    #MAIN
 *-------------------------------------*/
/** SETTINGS
    Global variables, site-wide settings, config
================================================*/
/*-------------------------------------*
    #GLOBAL
 *-------------------------------------*/
/*-----------------------------------------------------------*
   (SETTINGS) Shared between Enterprise and Citizen Portal 
*-----------------------------------------------------------*/
/*rgb(105,123,146);*/ /*rgb(51,51,51);*/
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  background: rgb(236, 236, 236);
}

::-webkit-scrollbar-thumb {
  background: rgb(153, 175, 199);
}

* {
  -webkit-tap-highlight-color: transparent;
}

/*-------------------------------------*
   (SETTINGS) z-indexes
*-------------------------------------*/
/** TOOLS
    Site-wide mixins and functions
================================================*/
/*-------------------------------------*
    #FUNCTIONS
 *-------------------------------------*/
/** Maths Helpers
================================================*/
/*
	Halve and double numbers, returning rounded integers. E.g.:

	.foo {
		padding: halve(3.2px);
	}
*/
/** z-index generator
================================================*/
/*-------------------------------------*
   (MIXIN) LIMIT LINES
*-------------------------------------*/
/*-------------------------------------*
    (MIXIN) svgFillFix
 *-------------------------------------*/
/*-------------------------------------*
   (MIXIN) ICON MENU
*-------------------------------------*/
/** GENERIC
    Far reaching rulesets
================================================*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, .c-notebook-notifications__row-secondary-button {
  font: inherit;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button, .c-notebook-notifications__row-secondary-button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, .c-notebook-notifications__row-secondary-button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, .c-notebook-notifications__row-secondary-button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], [disabled].c-notebook-notifications__row-secondary-button,
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, .c-notebook-notifications__row-secondary-button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/*input {
  line-height: normal;
}*/
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  /*-moz-box-sizing: content-box;*/
  /*-webkit-box-sizing: content-box;*/ /* 2 */
  /*box-sizing: content-box;*/
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
  font-family: inherit;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
    Enable repeating table headers when printing
*/
/*-------------------------------------*
    #RESET
 *-------------------------------------*/
/* As well as using normalize.css, it is often advantageous to remove all
 	margins from certain elements. */
body,
h1, h2, h3, h4, h5, h6,
blockquote, pre,
dl, dd, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/* Give a help cursor to elements that give extra info on ':hover' */
abbr[title],
dfn[title] {
  cursor: help;
}

/* Remove underlines from potentially troublesome elements */
u,
ins {
  text-decoration: none;
}

/* Apply faux underlines to inserted text via 'border-bottom' */
ins {
  border-bottom: 1px solid;
}

.wcag-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.skip-to-main-content {
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -100px;
  left: 50%;
  z-index: 999;
  padding: 10px 20px;
  background-color: #f7f7f7;
  color: #2572C7;
  opacity: 0;
  border-radius: 0 0 6px 6px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.skip-to-main-content:focus-visible {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
  outline: 2px solid #286FBF;
}

/*-------------------------------------*
    #BOX-SIZING
 *-------------------------------------*/
/*
    Set the global `box-sizing` state to `border-box`.

    http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
    http://paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/** BASE
    Default element styles (no classes)
================================================*/
/*-------------------------------------*
    #PAGE
 *-------------------------------------*/
/** Base Typography
================================================*/
body {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(36, 66, 98);
  /*line-height: $base-line-height;*/
}

a {
  color: rgb(43, 118, 205);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}

/** APP CONTENT RESETS
    Briefing book content needs to be reset with legacy styles to ensure consistent presentation between Author and Reader
================================================*/
.s-app__content {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(36, 66, 98);
  /*line-height: 1em; //This causes the line height to be 11px in all children where not overriden (at least in Scorecards)*/
}

/** Clear floats
================================================*/
/* TODO: find a better home for this - fairly low down so as to support extends (http://blog.teamtreehouse.com/a-better-clearfix-with-sass) */
.clearfix:before, .c-app-header:before, .c-app-header-dropmenu__avatar-wrapper:before,
.clearfix:after,
.c-app-header:after,
.c-app-header-dropmenu__avatar-wrapper:after {
  display: table;
  content: " ";
}

.clearfix:after, .c-app-header:after, .c-app-header-dropmenu__avatar-wrapper:after {
  clear: both;
}

/** Text areas text wrap
================================================*/
textarea {
  white-space: pre-wrap;
}

/*-------------------------------------*
    #LISTS
 *-------------------------------------*/
/* Remove extra vertical spacing when nesting lists */
li > ul,
li > ol {
  margin-bottom: 0;
}

/*-------------------------------------*
   #FORMS (BASE)
*-------------------------------------*/
label,
input,
select,
button,
.c-notebook-notifications__row-secondary-button,
textarea {
  font-size: 12px;
}

/* Move this to a proper location - shouldn't have classes in base */
.validation-inline-error {
  color: #CC0000;
}

.validation-summary {
  color: #CC0000;
}

/** APP CONTENT RESETS
    Briefing book content needs to be reset with legacy styles to ensure consistent presentation between Author and Reader
================================================*/
.s-app__content label,
.s-app__content input,
.s-app__content select,
.s-app__content button,
.s-app__content .c-notebook-notifications__row-secondary-button {
  font-size: 12px;
}

@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) { /* Increase minimum font size to avoid zoom on iOS phones */
  input,
  input:focus,
  select,
  select:focus,
  textarea,
  textarea:focus {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
select.standardInput, input.standardInput, textarea.standardInput, button.standardInput, .standardInput.c-notebook-notifications__row-secondary-button {
  background-color: rgb(255, 255, 255) !important;
  color: #3B4B7C !important;
  border: 1px solid #dddddd;
  border-radius: 3px;
  resize: none;
}
select.standardInput:hover, input.standardInput:hover, textarea.standardInput:hover, button.standardInput:hover, .standardInput.c-notebook-notifications__row-secondary-button:hover {
  border-color: #F06C01;
}
select.standardInput:focus-visible, input.standardInput:focus-visible, textarea.standardInput:focus-visible, button.standardInput:focus-visible, .standardInput.c-notebook-notifications__row-secondary-button:focus-visible {
  border-color: #286EBF;
  outline: none;
}

select.standardInput:not([multiple=multiple]) {
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  padding-left: 3px;
}

select.standardInput:not([multiple=multiple]) {
  background: white url("../images/Icons/arrow--down.svg") no-repeat;
  background-position: right 2px center;
  background-size: 25px 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Works in IE (except 9) but not on standards track */
select.standardInput::-ms-expand {
  border: 1px solid white;
  opacity: 0;
}

.js-date-display {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 4px 7px;
}

/** OBJECTS
    Variations of Base styling, no cosmetics (generic classes)
================================================*/
/*-------------------------------------*
    #BUTTONS
 *-------------------------------------*/
button:focus, .c-notebook-notifications__row-secondary-button:focus {
  outline: none;
}

.o-button-primary {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  padding: 0 9px;
  line-height: 2.3;
  color: #FFF;
  border: 1px solid #286EBF;
  background: #286EBF;
  border-radius: 3px;
}
.o-button-primary:hover {
  background: #F06C01;
  border: 1px solid #F06C01;
}
.o-button-primary:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}
.o-button-primary:disabled, .o-button-primary[disabled] {
  opacity: 0.3;
}

.o-button-standard, .c-comments-header__date-picker, .c-comments__mode-btn, .c-comments .c-comments__button-text, .o-button-inline {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  position: relative;
  color: #286EBF;
  padding: 0 9px;
  line-height: 2.3;
  background-color: transparent;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #286EBF;
}
.o-button-standard:hover, .c-comments-header__date-picker:hover, .c-comments__mode-btn:hover, .c-comments .c-comments__button-text:hover, .o-button-inline:hover {
  color: #F06C01;
  border-color: #F06C01;
}
.o-button-standard:focus-visible, .c-comments-header__date-picker:focus-visible, .c-comments__mode-btn:focus-visible, .c-comments .c-comments__button-text:focus-visible, .o-button-inline:focus-visible {
  outline: 1px solid #286EBF;
  outline-offset: -3px;
}
.o-button-standard:disabled, .c-comments-header__date-picker:disabled, .c-comments__mode-btn:disabled, .c-comments .c-comments__button-text:disabled, .o-button-standard[disabled], [disabled].c-comments-header__date-picker, [disabled].c-comments__mode-btn, .c-comments [disabled].c-comments__button-text, .o-button-inline:disabled, .o-button-inline[disabled] {
  opacity: 0.3;
}

.o-button-link {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background: none;
  border: none;
  min-width: 0;
  height: auto;
  line-height: 2.3;
  text-decoration: none;
  cursor: pointer;
  padding: 0 11px;
  border: none;
  color: #286EBF;
}
.o-button-link:focus-visible {
  /*        border-radius: 3px;
  border: 1px solid #286EBF;
  color: #286EBF;
  outline: none;
  line-height: 2.3;
  padding: 0 10px;*/
  outline: 1px solid #286EBF;
  border-radius: 3px;
  color: #286EBF;
  line-height: 2.3;
}
.o-button-link:hover {
  /*        border: 1px solid #F06C01;
  border-radius: 3px;
  color: #F06C01;
  padding: 0 10px;*/
  outline: 1px solid #F06C01;
  border-radius: 3px;
  color: #F06C01;
}
.o-button-link:disabled, .o-button-link[disabled] {
  color: #8d8d8d;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.o-button-action {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background: none;
  border: none;
  min-width: 0;
  height: auto;
  line-height: 2.3;
  color: rgb(43, 118, 205);
  text-decoration: none;
  cursor: pointer;
  padding: 0 10px;
  border: 1px solid transparent;
  float: left;
}
.o-button-action:hover {
  border: 1px solid #FFDA62;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FFF7CB), color-stop(41%, #FEEFB0), color-stop(46%, #FFE596), to(#FFE99C));
  background-image: linear-gradient(0deg, #FFF7CB 0%, #FEEFB0 41%, #FFE596 46%, #FFE99C 100%);
}
.o-button-action:disabled, .o-button-action[disabled] {
  color: #8d8d8d;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.o-button-action:focus {
  outline: none;
}

.o-button-delete {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  float: left;
  padding: 0 9px;
  color: #fff;
  min-width: 0;
  line-height: 2.3;
  background-color: #FF4040;
  border-radius: 3px;
  position: relative;
  background-clip: padding-box;
  border: none;
}
.o-button-delete:hover {
  background: #F06C01 !important;
  background-color: #F06C01 !important;
  color: #fff;
}
.o-button-delete:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}
.o-button-delete:disabled, .o-button-delete[disabled] {
  background: #bddb9b;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  cursor: not-allowed;
}

.o-button-link--simple {
  display: inline-block;
  background: none;
  border: none;
  min-width: auto;
  height: auto;
  line-height: 1;
  color: #286EBF;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
}
.o-button-link--simple:hover {
  color: #F06C01;
}
.o-button-link--simple:disabled, .o-button-link--simple[disabled] {
  color: #8d8d8d;
}
.o-button-link--simple:focus {
  outline: none;
}

.o-button-inline {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  min-width: auto;
  line-height: 1.8;
}

.o-button-primary + .o-button-primary,
.o-button-primary + .o-button-standard,
.o-button-primary + .c-comments-header__date-picker,
.o-button-primary + .c-comments__mode-btn,
.c-comments .o-button-primary + .c-comments__button-text,
.o-button-primary + .o-button-link,
.o-button-primary + .o-button-inline,
.o-button-standard + .o-button-primary,
.c-comments-header__date-picker + .o-button-primary,
.c-comments__mode-btn + .o-button-primary,
.c-comments .c-comments__button-text + .o-button-primary,
.o-button-standard + .o-button-standard,
.c-comments-header__date-picker + .o-button-standard,
.o-button-standard + .c-comments-header__date-picker,
.c-comments-header__date-picker + .c-comments-header__date-picker,
.c-comments__mode-btn + .o-button-standard,
.c-comments__mode-btn + .c-comments-header__date-picker,
.o-button-standard + .c-comments__mode-btn,
.c-comments-header__date-picker + .c-comments__mode-btn,
.c-comments__mode-btn + .c-comments__mode-btn,
.c-comments .c-comments__button-text + .o-button-standard,
.c-comments .c-comments__button-text + .c-comments-header__date-picker,
.c-comments .c-comments__button-text + .c-comments__mode-btn,
.c-comments .o-button-standard + .c-comments__button-text,
.c-comments .c-comments-header__date-picker + .c-comments__button-text,
.c-comments .c-comments__mode-btn + .c-comments__button-text,
.c-comments .c-comments__button-text + .c-comments__button-text,
.o-button-standard + .o-button-link,
.c-comments-header__date-picker + .o-button-link,
.c-comments__mode-btn + .o-button-link,
.c-comments .c-comments__button-text + .o-button-link,
.o-button-standard + .o-button-inline,
.c-comments-header__date-picker + .o-button-inline,
.c-comments__mode-btn + .o-button-inline,
.c-comments .c-comments__button-text + .o-button-inline,
.o-button-link + .o-button-primary,
.o-button-link + .o-button-standard,
.o-button-link + .c-comments-header__date-picker,
.o-button-link + .c-comments__mode-btn,
.c-comments .o-button-link + .c-comments__button-text,
.o-button-link + .o-button-link,
.o-button-link + .o-button-inline,
.o-button-inline + .o-button-primary,
.o-button-inline + .o-button-standard,
.o-button-inline + .c-comments-header__date-picker,
.o-button-inline + .c-comments__mode-btn,
.c-comments .o-button-inline + .c-comments__button-text,
.o-button-inline + .o-button-link,
.o-button-inline + .o-button-inline,
.o-button-img + .o-button-img,
.o-button-img + .o-button-div,
.o-button-div + .o-button-div,
.o-button-div + .o-button-img {
  margin-left: 10px;
}

.o-button-img {
  cursor: pointer;
  padding: 3px;
  border: solid 1px transparent;
  border-radius: 3px;
  background-color: transparent;
  position: relative;
}
.o-button-img:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 4px;
  outline-offset: -1px;
}
.o-button-img:hover {
  color: #f06c01;
}
.o-button-img > svg {
  pointer-events: none;
}
.o-button-img--no-border {
  border: none;
}
.o-button-img--svg-icon {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.o-button-img--svg-icon > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.o-button-img--svg-icon:hover {
  background-color: transparent;
  color: #F06C01;
}
.o-button-img--svg-icon:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.o-button-img--svg-icon:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.o-button-img--selected {
  background-color: #FFD465;
}
.o-button-img--selected:hover {
  background-color: #FFD465;
}

.o-button-img--has-value::after {
  content: "";
  background-color: rgb(244, 107, 107);
  bottom: 0;
  right: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
}

.o-button-div {
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  line-height: 24px;
  border: solid 1px transparent;
  border-radius: 3px;
  background-color: transparent;
  padding: 0 8px 0 8px;
}
.o-button-div:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 3px;
}

.o-button-div--bordered {
  color: #286EBF;
  border-color: #286EBF;
  border-radius: 3px;
}
.o-button-div--bordered:hover {
  color: #F06C01;
  background-color: transparent;
  border-color: #F06C01;
  border-radius: 3px;
}
.o-button-div--bordered:focus-visible {
  outline: 1px solid #286EBF;
  outline-offset: -3px;
}

.o-button-fill-img {
  cursor: pointer;
  padding: 0px;
  border: solid 1px transparent;
  border-radius: 3px;
  background-color: transparent;
}
.o-button-fill-img + .o-button-img {
  margin-left: 5px;
}
.o-button-fill-img:hover {
  background-color: #FFD465;
}

.o-button-fill-img--selected {
  background: rgb(248, 174, 48); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(248, 174, 48)), color-stop(75%, rgb(248, 174, 48)), to(#fdfdea));
  background: linear-gradient(to bottom, rgb(248, 174, 48) 0, rgb(248, 174, 48) 75%, #fdfdea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(248, 174, 48)", endColorstr="#fdfdea",GradientType=0 ); /* IE6-9 */
  border: solid 1px #c69543;
}
.o-button-fill-img--selected:hover {
  background: #f78d00; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f78d00), color-stop(75%, #f78d00), to(#fdfdea));
  background: linear-gradient(to bottom, #f78d00 0, #f78d00 75%, #fdfdea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f78d00", endColorstr="#fdfdea",GradientType=0 ); /* IE6-9 */
  border: solid 1px #A38E60;
}

/*-------------------------------------*
    (OBJECT) Check  List
 *-------------------------------------*/
.o-check-list {
  list-style: none;
  margin: 0;
}
.o-check-list > li {
  margin-bottom: 0;
}
.o-check-list > li:last-child {
  margin-bottom: 0;
}

.o-check-list label,
.o-check-list .label {
  display: inline-block;
  padding-left: 0.5em;
}

/*-------------------------------------*
    #LIST-BARE
 *-------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.o-list-bare {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*-------------------------------------*
   (Component) Simple List with Bullets
*-------------------------------------*/
.o-simple-list-bullet {
  list-style: disc;
  margin-left: 20px;
  margin-top: 1em;
}

/*-------------------------------------*
   (COMPONENT) Tree List
*-------------------------------------*/
.o-tree-list {
  list-style: none;
  margin: 0;
  padding: 0;
  /*> li {

      cursor: pointer;

      > div {          

          &:hover {
              color: rgb(15,166,244);

              a,
              a:hover {
                  color: rgb(15,166,244);
                  text-decoration: none;
              }
          }
      }
  }*/
  /* Leaf elements - don't have child list items */
  /* List elements - have child items */
}
.o-tree-list__leaf {
  /*color: #465463;*/
}
.o-tree-list__leaf > div:hover {
  /*color: rgb(255,255,255);*/
  text-decoration: none;
}
.o-tree-list__leaf.is-selected > .o-tree-list__item-content {
  font-weight: bold;
  background: #C4E0F5;
  border-radius: 5px;
  margin-left: -10px;
  padding-left: 10px;
}
.o-tree-list__list {
  /*color: #465463;*/
  position: relative;
}
.o-tree-list__list.is-collapsed ul {
  display: none;
}
.o-tree-list__list.is-selected > div {
  color: rgb(15, 166, 244);
  font-weight: bold;
}
.o-tree-list__item-content {
  background-color: transparent;
  border: none;
  min-width: auto;
  color: #2B76CD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.o-tree-list__item-content svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
}
.o-tree-list__item-content:hover, .o-tree-list__item-content.highlighted {
  background-color: transparent;
  color: #F06C01;
}
.o-tree-list__item-content:hover svg, .o-tree-list__item-content.highlighted svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.o-tree-list__item-content:hover .o-tree-list__caption-link a, .o-tree-list__item-content.highlighted .o-tree-list__caption-link a {
  color: #F06C01;
}
.o-tree-list__item-content .o-tree-list__caption-link {
  cursor: pointer;
}
.o-tree-list__item-content .o-tree-list__caption-link .o-tree-list__caption-link a {
  color: #2B76CD;
}
.o-tree-list__item-content > div {
  padding: 4px 10px 4px 0;
  cursor: pointer;
}
.o-tree-list__item-content:hover .o-tree-list__list-toggle .o-tree-list__list-toggle__icon {
  background-image: url("../images/icons/DrilledDown.svg");
  background-size: 20px 20px;
}
.is-collapsed .o-tree-list__item-content:hover .o-tree-list__list-toggle .o-tree-list__list-toggle__icon {
  background-image: url("../images/icons/DrillDown.svg");
  background-size: 20px 20px;
}
.o-tree-list__list-toggle {
  position: relative;
  width: 27px;
}
.o-tree-list__list-toggle__icon {
  position: absolute;
  top: 5px;
  left: 3px;
  height: 20px;
  width: 20px;
  background-image: url("../images/icons/DrilledDown.svg");
  background-size: 20px 20px;
}
.is-collapsed .o-tree-list__list-toggle__icon {
  background-image: url("../images/icons/DrillDown.svg");
  background-size: 20px 20px;
}
.o-tree-list__icon-wrapper {
  width: 18px;
}
.o-tree-list__icon {
  width: 18px;
  height: 18px;
}
.o-tree-list__caption-link {
  line-height: 1.4;
}
.o-tree-list__caption-link > a {
  display: block;
}
.o-tree-list__caption-link > a:hover {
  /*color: rgb(15,166,244);*/
  text-decoration: none;
}
.o-tree-list__caption {
  line-height: 1.4;
  background: transparent;
  border: none;
  text-align: left;
  color: #000;
}
.o-tree-list__caption:hover {
  color: rgb(240, 108, 1);
  text-decoration: none;
}
.o-tree-list__caption:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 3px;
}

.o-tree-list--icons .o-tree-list__item-content > div {
  /*height:30px;*/
}
.o-tree-list--icons .o-tree-list {
  margin-left: 55px -6px;
}

.o-tree-list--text-only .o-tree-list__item-content > div {
  height: 28px;
}
.o-tree-list--text-only .o-tree-list__list-toggle__icon {
  top: 4px;
}
.o-tree-list--text-only .o-tree-list {
  margin-left: 37px;
}

.c-page-preview-tree-wrapper {
  overflow-y: auto;
  padding-bottom: 10px;
}
.c-page-preview-tree-wrapper .c-ap-view__body__tree {
  padding-left: 25px;
}
@media screen and (max-width: 670px) {
  .c-page-preview-tree-wrapper .c-ap-view__body__tree {
    padding-left: 5px;
  }
}

/*-------------------------------------*
   #Column-layout
*-------------------------------------*/
.o-column-layout-2__wrapper {
  clear: both;
}

.o-column-layout-2__col {
  float: left;
  width: 50%;
  overflow-x: hidden;
}

.o-column-layout-3__wrapper {
  clear: both;
}

.o-column-layout-3__col {
  float: left;
  width: 33%;
  overflow-x: hidden;
  min-height: 1px;
}

.o-column-layout-3__2col {
  float: left;
  width: 66%;
  overflow-x: hidden;
  min-height: 1px;
}

.o-column-layout-4__wrapper {
  clear: both;
}

.o-column-layout-4__wrapper {
  clear: both;
}

.o-column-layout-4__col {
  display: inline-block;
  width: 24.5%;
  overflow-x: hidden;
  min-height: 1px;
  vertical-align: top;
}

.o-column-layout-4__2col {
  display: inline-block;
  width: 49.5%;
  overflow-x: hidden;
  min-height: 1px;
  vertical-align: top;
}

.o-column-layout-4__3col {
  display: inline-block;
  width: 74.5%;
  overflow-x: hidden;
  min-height: 1px;
  vertical-align: top;
}

/** COMPONENTS
    Designed components/chunks of UI
================================================*/
/* All Components are being automatically imported in alphabetical order, 
    there must not be any dependencies here */
/* 
	These styles apply default styling to collapsing panels.  The classes have been written to 
	be flexible so that they can applied to different html layouts as long as they keep to the same
	basic strcuture, they can also be extended locally.
*/
.c-collapsing-panel__state-indicator {
  position: absolute;
  top: 50%;
  right: 13px;
  display: block;
  width: 9px;
  height: 7px;
  margin-top: -3px;
  background-image: url(../images/RibbonUI/arrowDown.png);
  background-repeat: no-repeat;
}

.c-collapsing-panel__Header {
  position: relative;
  cursor: pointer;
  color: #474D5D;
  background: #fff url(../images/Backgrounds/accordionPanelGradient.png) repeat-x left bottom;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #BCC4C6;
  margin: 0;
  padding: 1em;
  font-size: 1em;
  font-weight: bold;
}

.c-collapsing-panel__Header.first,
.c-collapsing-panel__Header--First {
  border-top: none;
}

.c-collapsing-panel__Header--Hover {
  background: #f9e189;
}

.c-collapsing-panel__Open {
  border-bottom: 1px solid #CCD3D5;
}

.c-collapsing-panel__Content {
  padding: 10px;
  border-bottom: 1px solid #BCC4C6;
}

.c-collapsing-panel__Content.last,
.c-collapsing-panel__Content--Last {
  border-bottom: 0px;
}

/* extra specificity as knockout adds the class c-collapsing-panel__Content--menu-only before the hand coded one collapsingPanelContent, which means our dynamic class fails to override it */
.collapsingPanelContent.c-collapsing-panel__Content--menu-only {
  padding: 0px;
  border: none;
}

.custom-permission-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-permission__header {
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: bold;
}

.custom-permission__add {
  width: 21px;
  height: 23px;
  background: url("../images/Icons/arrow--right.svg") no-repeat;
  background-size: 21px 23px;
  cursor: pointer;
  margin-bottom: 9px;
}

.custom-permission__remove {
  width: 21px;
  height: 23px;
  background: url("../images/Icons/arrow--left.svg") no-repeat;
  background-size: 21px 23px;
  cursor: pointer;
}

.custom-permission__singlelevel-addremove {
  float: left;
  width: 20px;
  padding-top: 10px;
  padding-right: 25px;
  text-align: center;
  vertical-align: middle;
}

.custom-permission__singlelevel-roles-and-emps {
  float: right;
  width: 280px;
  border: 1px solid RGB(159, 158, 183);
  height: 100px;
  overflow: auto;
}

.custom-permission__singlelevel-roles-and-emps--input-rights {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px;
  background: white;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  height: 78px !important;
  background: white;
  margin-bottom: 14px;
}
.custom-permission__singlelevel-roles-and-emps--input-rights option {
  overflow: hidden;
}
.custom-permission__singlelevel-roles-and-emps--input-rights::-ms-expand {
  opacity: 0;
}
.custom-permission__singlelevel-roles-and-emps--input-rights:hover {
  border: 1px solid #F06C01 !important;
}
.custom-permission__singlelevel-roles-and-emps--input-rights:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.custom-permission__panel {
  height: 495px;
  overflow: auto;
}

.custom-permission__wrapper li {
  list-style: none;
  margin: 0;
}

.custom-permission__available-wrapper {
  min-width: 250px;
  display: inline-block;
  overflow: auto;
  margin: 10px 20px 10px 30px;
  float: left;
}

.custom-permission__available:focus-visible {
  outline: 1px solid #286EBF !important;
  outline-offset: -1px;
}

.custom-permission__selected-wrapper {
  display: inline-block;
  overflow: auto;
  margin: 10px 30px 10px 10px;
  float: right;
}

.custom-permission__role-icon, .custom-permission__emp-icon {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  margin-right: 5px;
  background-size: 100% 100%;
}

.custom-permission__emp-name, .custom-permission__role-name {
  float: left;
  display: inline-block;
  line-height: 16px;
  padding-left: 2px;
  margin-top: 2px;
}

.custom-permission__role, .custom-permission__emp {
  padding: 2px;
  line-height: 16px;
}

.custom-permission__role div {
  float: left;
}

.custom-permission__singlelevel-name {
  margin-bottom: 5px;
}

.custom-permission__available .custom-permission__emp {
  padding-left: 22px;
}

.custom-permission__expand {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url("../Images/icons/arrow--right.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.custom-permission__collapse {
  float: left;
  width: 22px;
  height: 22px;
  background-image: url("../Images/icons/arrow--down.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.custom-permission__wrapper ul {
  list-style: none;
  margin: 0;
}

ul.custom-permission__child-emps {
  margin-left: 20px;
}

.custom-permission__selectable {
  cursor: pointer;
}

.custom-permission__selectable--selected,
.custom-permission__selectable--hover {
  background-color: rgb(224, 226, 230);
  border-radius: 2px;
}

.custom-permission__reset-button a {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  margin-left: 2px;
}
.custom-permission__reset-button a:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.custom-permission__reset-button a:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.custom-permission__reset-button a:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}

/*-------------------------------------*
   (COMPONENT) Dimension Picker
*-------------------------------------*/
.c-dimension-picker__dimension-folder {
  background: url("../images/dimensionFolder.png") no-repeat 0 4px;
  padding-left: 24px;
  line-height: 24px;
}

.c-dimension-picker__measure-folder {
  background: url("../images/measureFolder.png") no-repeat 0 4px;
  padding-left: 24px;
  line-height: 24px;
}

.c-dimension-picker__dimension {
  background: url("../images/dimension.png") no-repeat 0 4px;
  padding-left: 24px;
  line-height: 24px;
}

.c-dimension-picker__measure {
  background: url("../images/measure.png") no-repeat 0 4px;
  padding-left: 24px;
  line-height: 24px;
}

.c-dimension-picker__icon {
  margin-right: 4px;
}

.s-freeform__container {
  font-size: 13px;
}

.grid-container {
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: visible;
  background-size: cover;
  background-position: center;
}

.grid-container--flow {
  display: grid;
  grid-template-columns: repeat(100, 1fr);
  grid-auto-rows: minmax(10px, auto);
}
.grid-container--flow .highlight-cell {
  z-index: 2;
}

.cell-contents--flow {
  width: 100%;
  overflow-x: hidden;
}

.cell-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cell-content img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 768px) and (min-width: 401px) {
  body:not(.c-print--live) .grid-container--screen, .grid-container--screen-1 {
    max-height: none !important;
    height: 100vh !important;
    grid-template-rows: auto !important;
  }
  body:not(.c-print--live) .grid-item--no-widget {
    display: none;
  }
  body:not(.c-print--live) .grid-container--flow {
    grid-template-columns: repeat(24, 1fr) !important;
  }
  body:not(.c-print--live) .grid-cell--medium-6 {
    grid-row-start: unset !important;
    grid-column: span 6 !important;
  }
  body:not(.c-print--live) .grid-cell--medium-8 {
    grid-row-start: unset !important;
    grid-column: span 8 !important;
  }
  body:not(.c-print--live) .grid-cell--medium-12 {
    grid-row-start: unset !important;
    grid-column: span 12 !important;
  }
  body:not(.c-print--live) .grid-cell--medium-16 {
    grid-row-start: unset !important;
    grid-column: span 16 !important;
  }
  body:not(.c-print--live) .grid-cell--medium-18 {
    grid-row-start: unset !important;
    grid-column: span 18 !important;
  }
  body:not(.c-print--live) .grid-cell--medium-24 {
    grid-row-start: unset !important;
    grid-column: span 24 !important;
  }
}
@media screen and (max-width: 400px) {
  body:not(.c-print--live) .grid-container--screen, .grid-container--screen-1 {
    max-height: none !important;
    height: 100vh !important;
    grid-template-rows: auto !important;
  }
  body:not(.c-print--live) .grid-item--no-widget {
    display: none;
  }
  body:not(.c-print--live) .grid-container--flow {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  body:not(.c-print--live) .grid-cell--small-2 {
    grid-row-start: unset !important;
    grid-column: span 2 !important;
  }
  body:not(.c-print--live) .grid-cell--small-3 {
    grid-row-start: unset !important;
    grid-column: span 3 !important;
  }
  body:not(.c-print--live) .grid-cell--small-4 {
    grid-row-start: unset !important;
    grid-column: span 4 !important;
  }
  body:not(.c-print--live) .grid-cell--small-6 {
    grid-row-start: unset !important;
    grid-column: span 6 !important;
  }
}
/*-------------------------------------*
   (COMPONENT) about screen
*-------------------------------------*/
.c-about__dialog.ui-inphase-dialog .ui-dialog-content {
  /*Override the default background colour for dialogs*/
  background-color: white;
}

.c-about__wrapper {
  width: 525px;
  text-align: center;
}

.c-about__logo {
  width: 200px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 535px) {
  .c-about__wrapper {
    width: calc(100vw - 20px);
  }
  .c-about__linked-blobs {
    display: none;
  }
}
@media only screen and (max-height: 420px) {
  .c-about__logo {
    display: none;
  }
  .c-about__linked-blobs {
    display: none;
  }
}
.c-about__label {
  font-size: 16px;
}

.c-about__text {
  font-size: 12px;
  padding-bottom: 20px;
}

.c-action__pic-button {
  border: 0;
  background-color: transparent;
}

.c-action__delete-icon {
  display: inline-block;
  background-position: center bottom;
  background-image: url(../images/Icons/Actions/deleteSprite.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.c-action__delete-icon:not([disabled]):hover {
  background-position: center top;
}

.c-action__button {
  border-radius: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: solid 1px transparent;
}

@media print {
  .c-action__button {
    display: none !important;
  }
}
.c-action__meas-details {
  background-image: url("../images/icons/InPhaseEntities/measureInfo.svg");
}

.c-action__meas-details[data-new-tab=true] {
  background-image: url("../images/icons/InPhaseEntities/measureInfoNewTab.svg");
}

.c-action__task-details {
  background-image: url("../images/icons/InPhaseEntities/taskDetails.svg");
}

.c-action__obj-notebook {
  background-image: url("../images/Icons/InPhaseEntities/notebook.svg");
}

.c-action__task-notebook {
  background-image: url("../images/Icons/InPhaseEntities/taskNotebook.svg");
}

.c-action__create-task {
  background-image: url("../images/Icons/InPhaseEntities/newTask.svg");
}

.c-action__link-part-whole-child-object {
  background-image: url("../images/Icons/InPhaseEntities/partWholeChildObject.svg");
}

.c-action__link-part-whole-parent-object {
  background-image: url("../images/Icons/InPhaseEntities/partWholeParentObject.svg");
}

.c-action__link-other-affected-object {
  background-image: url("../images/Icons/InPhaseEntities/affectedObject.svg");
}

.c-action__link-other-needed-object {
  background-image: url("../images/Icons/InPhaseEntities/neededObject.svg");
}

.c-action__create-measure {
  background-image: url("../images/Icons/InPhaseEntities/createMeasure.svg");
}

.c-action__add-measure {
  background-image: url("../images/Icons/InPhaseEntities/newMeasure.svg");
}

.c-action__clone-measure {
  background-image: url("../images/Icons/InPhaseEntities/cloneMeasure.svg");
}

.c-action__clone-object {
  background-image: url("../images/Icons/InPhaseEntities/cloneObject.svg");
}

.c-action__create-child-object {
  background-image: url("../images/Icons/InPhaseEntities/childObject.svg");
}

.c-action__create-child-risk {
  background-image: url("../images/Icons/InPhaseEntities/Icon_Create_Child_Risk.svg");
}

.c-action__create-child-proj {
  background-image: url("../images/Icons/InPhaseEntities/Icon_Create_Child_Project.svg");
}

.c-action__create {
  background-image: url("../images/Icons/Actions/add.svg");
}

.c-action__gis-locate {
  background-image: url("../images/Icons/Actions/locate.svg");
}

.c-action__focus {
  background-image: url("../images/Icons/Actions/targetIcon.png");
}

.c-action__baseline-dates {
  background-image: url("../images/Icons/InPhaseEntities/baselinedates.svg");
}

.c-action__baseline-measure {
  background-image: url("../images/Icons/InPhaseEntities/baseline.svg");
}

.c-action__copy-series {
  background-image: url("../images/Icons/InPhaseEntities/baseline.svg");
}

.c-action__add-staff {
  background-image: url("../images/Icons/InPhaseEntities/addStaff.svg");
}

.c-action__add-asset {
  background-image: url("../images/Icons/InPhaseEntities/addAsset.svg");
}

.c-action__add-expense {
  background-image: url("../images/Icons/InPhaseEntities/addExpense.svg");
}

.c-action__add-expense {
  background-image: url("../images/Icons/InPhaseEntities/addExpense.svg");
}

.c-action__remove-resource {
  background-image: url("../images/Icons/Actions/delete16.png");
}

.c-action__escalate {
  background-image: url("../images/Icons/Actions/escalate.svg");
}

.c-action__de-escalate {
  background-image: url("../images/Icons/Actions/de-escalate.svg");
}

.c-action__escalated {
  background-image: url("../images/Icons/escalated.svg");
}

.c-action__pause {
  background-image: url("../images/Icons/Actions/pause.svg");
}

.c-action__resume {
  background-image: url("../images/Icons/Actions/resume.svg");
}

.c-action__quick-edit {
  background-image: url("../images/Icons/Actions/more.svg");
}

.c-action__take-ownership {
  background-image: url("../images/Icons/Actions/take-ownership.svg");
}

.c-action__rejected-escalation {
  background-image: url("../images/Icons/Actions/rejected-escalate.svg");
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL 
*-------------------------------------*/
.c-action-panel__nav {
  position: relative;
  height: 42px;
  min-width: 239px;
}
.c-action-panel__header {
  float: left;
  margin: 13px 11px 11px 15px;
  color: rgb(43, 118, 205);
}
.c-action-panel__tabs {
  height: 100%;
  /*padding-right: 42px;*/
}
.c-action-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.c-action-panel svg {
  pointer-events: none;
}
.c-action-panel:not(.c-action-panel--portals) .u-table-fluid {
  width: 200px;
}
.c-action-panel--portals {
  position: absolute;
  top: 49px !important;
  -webkit-transition: none !important;
  transition: none !important;
  background: none !important;
}
.c-action-panel--portals .c-action-panel__header {
  display: none;
}

.c-ap-view__body-help {
  border: 1px solid #bec6d0;
  padding: 8px 10px;
  width: 170px;
  margin: 0 0 14px 15px;
  border-radius: 3px;
  color: #8495ad;
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL CLOSE BUTTON
*-------------------------------------*/
.c-ap-close {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-ap-close > li {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
  cursor: pointer;
  padding: 5px 7px;
  border: 1px solid transparent;
  /*&:hover {
      @include svgFillFix($hoverColor);

      &.c-ap-close__item--text {
          color: $hoverColor;
      }
  }*/
  /*@include svgFillFix($baseColor);*/
}
.c-ap-close > li > svg {
  width: 32px;
  height: 10px;
  stroke: rgb(43, 118, 205);
  fill: rgb(43, 118, 205);
  pointer-events: none;
}
.c-ap-close > li:hover {
  background-color: transparent;
  color: rgb(240, 108, 1);
}
.c-ap-close > li:hover > svg {
  stroke: rgb(240, 108, 1);
  fill: rgb(240, 108, 1);
}
.c-ap-close > li:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-ap-close > li:focus-visible {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
}
.c-ap-close > li svg {
  width: 32px;
  max-height: 10px;
}
.c-ap-close > li > a {
  color: rgb(43, 118, 205);
  font-weight: 400;
  font-size: 15px;
  white-space: nowrap;
}
.c-ap-close > li > a:hover {
  color: rgb(240, 108, 1);
  text-decoration: none;
}
.c-ap-close > li.c-ap-close__item--text {
  width: auto;
  padding: 0 2px;
  color: rgb(43, 118, 205);
}
.c-ap-close > li.is-selected svg {
  fill: rgb(240, 108, 1);
  stroke: rgb(240, 108, 1);
}

.c-ap-close {
  height: 100%;
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL MODEL OPTIONS
*-------------------------------------*/
.c-ap-model-options {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-ap-model-options > li {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
  cursor: pointer;
  padding: 5px 7px;
  border: 1px solid transparent;
  /*&:hover {
      @include svgFillFix($hoverColor);

      &.c-ap-model-options__item--text {
          color: $hoverColor;
      }
  }*/
  /*@include svgFillFix($baseColor);*/
}
.c-ap-model-options > li > svg {
  width: 34px;
  height: 18px;
  stroke: rgb(154, 162, 173);
  fill: rgb(154, 162, 173);
  pointer-events: none;
}
.c-ap-model-options > li:hover {
  background-color: transparent;
  color: rgb(240, 108, 1);
}
.c-ap-model-options > li:hover > svg {
  stroke: rgb(240, 108, 1);
  fill: rgb(240, 108, 1);
}
.c-ap-model-options > li:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-ap-model-options > li:focus-visible {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
}
.c-ap-model-options > li svg {
  width: 34px;
  max-height: 18px;
}
.c-ap-model-options > li > a {
  color: rgb(154, 162, 173);
  font-weight: 400;
  font-size: 15px;
  white-space: nowrap;
}
.c-ap-model-options > li > a:hover {
  color: rgb(240, 108, 1);
  text-decoration: none;
}
.c-ap-model-options > li.c-ap-model-options__item--text {
  width: auto;
  padding: 0 1px;
  color: rgb(154, 162, 173);
}
.c-ap-model-options > li.is-selected svg {
  fill: rgb(240, 108, 1);
  stroke: rgb(240, 108, 1);
}

.c-ap-model-options {
  height: 100%;
}
.c-ap-model-options > li.is-selected svg {
  fill: rgb(240, 108, 1);
  stroke: transparent;
}
.c-ap-model-options > li.is-selected ._svgStrokeIcon {
  stroke: rgb(240, 108, 1);
  fill-opacity: 0;
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL TABS
*-------------------------------------*/
.c-ap-tabs {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-ap-tabs > li {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
  cursor: pointer;
  padding: 5px 7px;
  border: 1px solid transparent;
  /*&:hover {
      @include svgFillFix($hoverColor);

      &.c-ap-tabs__item--text {
          color: $hoverColor;
      }
  }*/
  /*@include svgFillFix($baseColor);*/
}
.c-ap-tabs > li > svg {
  width: 40px;
  height: 20px;
  stroke: rgb(43, 118, 205);
  fill: rgb(43, 118, 205);
  pointer-events: none;
}
.c-ap-tabs > li:hover {
  background-color: transparent;
  color: rgb(240, 108, 1);
}
.c-ap-tabs > li:hover > svg {
  stroke: rgb(240, 108, 1);
  fill: rgb(240, 108, 1);
}
.c-ap-tabs > li:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-ap-tabs > li:focus-visible {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
}
.c-ap-tabs > li svg {
  width: 40px;
  max-height: 20px;
}
.c-ap-tabs > li > a {
  color: rgb(43, 118, 205);
  font-weight: 400;
  font-size: 15px;
  white-space: nowrap;
}
.c-ap-tabs > li > a:hover {
  color: rgb(240, 108, 1);
  text-decoration: none;
}
.c-ap-tabs > li.c-ap-tabs__item--text {
  width: auto;
  padding: 0 2px;
  color: rgb(43, 118, 205);
}
.c-ap-tabs > li.is-selected svg {
  fill: rgb(240, 108, 1);
  stroke: rgb(240, 108, 1);
}

.c-ap-tabs {
  height: 100%;
  /*height: 42px;*/
  /*float: left;*/
}
.c-ap-tabs > li.is-selected {
  background: rgb(40, 110, 191);
  /*@include svgFillFix($base-appHeader-color-hover);*/
}

.c-ap-tabs__right {
  margin-left: auto;
  margin-right: 6px;
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL VIEW OPTIONS
*-------------------------------------*/
.c-ap-view-options {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-ap-view-options > li {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
  cursor: pointer;
  padding: 5px 7px;
  border: 1px solid transparent;
  /*&:hover {
      @include svgFillFix($hoverColor);

      &.c-ap-view-options__item--text {
          color: $hoverColor;
      }
  }*/
  /*@include svgFillFix($baseColor);*/
}
.c-ap-view-options > li > svg {
  width: 18px;
  height: 18px;
  stroke: rgb(154, 162, 173);
  fill: rgb(154, 162, 173);
  pointer-events: none;
}
.c-ap-view-options > li:hover {
  background-color: transparent;
  color: rgb(240, 108, 1);
}
.c-ap-view-options > li:hover > svg {
  stroke: rgb(240, 108, 1);
  fill: rgb(240, 108, 1);
}
.c-ap-view-options > li:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-ap-view-options > li:focus-visible {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
}
.c-ap-view-options > li svg {
  width: 18px;
  max-height: 18px;
}
.c-ap-view-options > li > a {
  color: rgb(154, 162, 173);
  font-weight: 400;
  font-size: 15px;
  white-space: nowrap;
}
.c-ap-view-options > li > a:hover {
  color: rgb(240, 108, 1);
  text-decoration: none;
}
.c-ap-view-options > li.c-ap-view-options__item--text {
  width: auto;
  padding: 0 9px;
  color: rgb(154, 162, 173);
}
.c-ap-view-options > li.is-selected svg {
  fill: rgb(240, 108, 1);
  stroke: rgb(240, 108, 1);
}

.c-ap-view-options {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /*& > li.is-selected {
      @include svgFillFix($base-actionPanelTab-color-hover);
  }*/
}
.c-ap-view-options > li {
  margin-left: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-ap-view-options > li > div {
  margin-left: 5px;
}

/*-------------------------------------*
   (COMPONENT) ACTION PANEL - VIEW
*-------------------------------------*/
/* --- Full width view --- */
.c-ap-view__header {
  position: relative;
  padding: 4px 0;
  z-index: 2;
}
.c-ap-view__header__model-options-wrapper {
  float: left;
  height: 36px;
  display: inline-block;
}
.c-ap-view__header__view-options-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.c-ap-view__body {
  position: relative;
  z-index: 1;
}
.c-ap-view__body a {
  color: rgb(70, 84, 99);
}
.c-ap-view__body__content {
  margin-left: 0px;
  padding: 5px 0px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.c-ap-view__body__tree {
  position: relative;
  padding-left: 15px;
}
.c-ap-view__body__notification {
  padding: 5px;
  /*color: #465463;*/
}
.c-ap-view .c-ap-view__title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -15px;
  margin-right: 10px;
  margin-left: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid white;
}
@media screen and (max-width: 670px) {
  .c-ap-view .c-ap-view__title-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-top: -15px;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 16px;
  }
}
.c-ap-view .c-ap-view__title-row h1 {
  color: rgb(40, 110, 191);
  font-size: 27px;
  font-weight: 300;
  letter-spacing: -1px;
}
@media screen and (max-width: 670px) {
  .c-ap-view .c-ap-view__title-row h1 {
    margin-bottom: 10px;
  }
}
.c-ap-view .c-ap-view__title-row .c-toggle-select {
  background-color: transparent;
  color: rgb(40, 110, 191);
  font-size: 14px;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select > span {
  color: rgb(40, 110, 191);
  padding: 7px 20px;
  background-color: white;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select > span:first-of-type {
  border-radius: 4px 0 0 4px;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select > span:last-of-type {
  border-radius: 0 4px 4px 0;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select > span:hover {
  background-color: #F06C01;
  color: rgb(255, 255, 255);
  background-color: #F06C01;
  color: #FFFFFF;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select .c-toggle-select__item--selected {
  background-color: rgb(40, 110, 191);
  color: white;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select .c-toggle-select__item--selected:first-of-type {
  border-radius: 4px 0 0 4px;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select .c-toggle-select__item--selected:last-of-type {
  border-radius: 0 4px 4px 0;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select .c-toggle-select__item--selected:hover {
  background-color: #F06C01;
  color: white;
}
.c-ap-view .c-ap-view__title-row .c-toggle-select .c-toggle-select__item--selected:after {
  display: none;
}
.c-ap-view .c-ap-view__header__view-options-wrapper {
  margin: 35px 15px 20px 15px;
}
@media screen and (max-width: 670px) {
  .c-ap-view .c-ap-view__header__view-options-wrapper {
    margin: 25px 15px 20px 15px;
  }
}
.c-ap-view .c-ap-view__search {
  width: 170px;
}
.c-ap-view__action-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  padding: 6px 9px;
  color: #fff;
  border: none;
  background: #286EBF;
  border-radius: 3px;
  outline: none;
}
.c-ap-view__action-button:hover {
  background: #F06C01;
}
.c-ap-view__action-button:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}

/* --- Narrow/collapsed view --- */
.c-ap-view__header:not(.c-ap-tab-header--full-width) h1 {
  display: none;
}
.c-ap-view__header:not(.c-ap-tab-header--full-width) .c-ap-view__title-row {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 8px;
}
.c-ap-view__header:not(.c-ap-tab-header--full-width) .c-ap-view__header__view-options-wrapper {
  margin: 0;
  padding: 4px 10px 10px 15px;
}
.c-ap-view__header:not(.c-ap-tab-header--full-width) .c-app:not(.is-appPanel-fullWidth) .c-ap-view__body__tree {
  /*padding-left: 5px;*/
}

/*-------------------------------------*
    #APP 
 *-------------------------------------*/
.c-app {
  /*width:100%;
  height: 100%;
  min-height:200px;*/
  min-height: 100%;
  background-color: rgb(247, 247, 247);
}

.c-app__header {
  position: fixed;
  top: 0;
  height: 0;
  width: 100%;
  height: 50px;
  z-index: 3;
  padding: 0 3px 0 7px;
}

.c-app__content {
  position: relative;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: visible;
  background-color: rgb(247, 247, 247);
  z-index: 1;
  /*&--out-of-book{
      position: relative;
      margin-left:0px !important;
  }*/
}
.c-app__content__page {
  height: 100%;
}
.c-app__content--thumbnail {
  top: 0;
}
.c-app__content--no-page {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
}

.c-app--showing-my-menu .c-mypage__rhs-panel .c-slicer__wrapper {
  width: 270px !important;
  margin-right: 0;
}
@media (max-width: 820px) and (orientation: portrait) {
  .c-app--showing-my-menu .c-mypage__rhs-panel .c-slicer__wrapper {
    margin-right: 30px;
  }
}

@media print {
  .c-app__content {
    position: static;
  }
}
.c-app__background-freeform {
  position: absolute;
  overflow: hidden;
  /*display: none;*/
}

.c-app__action-panel {
  position: absolute;
  top: 101px;
  font-size: 12px;
  left: -203px;
  width: 203px;
  min-height: calc(100vh - 101px);
  bottom: 0;
  overflow: hidden;
  z-index: 2;
  color: rgb(70, 84, 99);
  -webkit-transition: left 0.3s, width 0.3s;
  transition: left 0.3s, width 0.3s;
  background-image: linear-gradient(to right, rgb(247, 247, 247) 0px, rgb(247, 247, 247) 199px, rgb(220, 220, 220) 199px, rgba(220, 220, 220, 0) 203px);
}

/* --- View States --- */
.is-appPanel-expanded > .c-app__action-panel {
  position: fixed;
  left: 0;
  top: 50px;
}

.c-app--showing-my-menu.is-appPanel-expanded > .c-app__action-panel {
  position: fixed;
  left: 0;
  top: 101px;
}

#app_search {
  display: none;
}

.is-appPanel-fullWidth > .c-app__action-panel {
  left: 0;
  right: 0;
  width: auto;
}
.is-appPanel-fullWidth > .c-app__content {
  display: none;
}
.is-appPanel-fullWidth #app_dimension-picker {
  display: none;
}
.is-appPanel-fullWidth #app_om-selector {
  display: none;
}
.is-appPanel-fullWidth #app_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.c-app__body {
  background-color: rgb(247, 247, 247);
}

/*-------------------------------------*
    (COMPONENT) APP HEADER MENU
 *-------------------------------------*/
.c-app-header-dropmenu, .c-employee-selector__popup, .c-book-page-selector__popup {
  position: absolute;
  top: 40px;
  right: 5px;
  width: 200px;
  max-height: 0; /* Hide the menu using max-height so the display can be animated */
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  /*transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}
.c-app-header-dropmenu.is-open, .is-open.c-employee-selector__popup, .is-open.c-book-page-selector__popup {
  padding-top: 8px; /* Cater for the triangle "arrow" */
  max-height: 1000px; /*350px*/ /* Animate the height change */
}
.c-app-header-dropmenu__bd, .c-employee-selector__popup-content, .c-book-page-selector__popup-content {
  display: none;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.c-app-header-dropmenu__bd:before, .c-employee-selector__popup-content:before, .c-book-page-selector__popup-content:before, .c-app-header-dropmenu__bd:after, .c-employee-selector__popup-content:after, .c-book-page-selector__popup-content:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: rgb(255, 255, 255);
  top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 11px;
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-app-header-dropmenu__bd:before, .c-employee-selector__popup-content:before, .c-book-page-selector__popup-content:before, .c-app-header-dropmenu__bd:after, .c-employee-selector__popup-content:after, .c-book-page-selector__popup-content:after {
    background: rgb(247, 247, 247);
  }
}
.c-app-header-dropmenu__bd:before, .c-employee-selector__popup-content:before, .c-book-page-selector__popup-content:before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.is-open .c-app-header-dropmenu__bd, .is-open .c-employee-selector__popup-content, .is-open .c-book-page-selector__popup-content {
  display: block;
}

.c-app-header-dropmenu__content-scroll {
  max-height: calc(100vh - (53px));
  overflow: auto;
  padding: 10px 0;
}

.c-app-header-dropmenu__options {
  list-style: none;
}
.c-app-header-dropmenu__options > li {
  position: relative;
  cursor: pointer;
  color: rgb(43, 118, 205);
  padding: 7px 10px 7px 44px;
  min-height: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  /*@include svgFillFix($base-appHeader-color);*/
}
.c-app-header-dropmenu__options > li:hover {
  /*@include svgFillFix($base-appHeader-color);*/
  color: rgb(240, 108, 1);
}
.c-app-header-dropmenu__options > li:hover svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-app-header-dropmenu__options > li button, .c-app-header-dropmenu__options > li .c-notebook-notifications__row-secondary-button {
  background: transparent;
  border: none;
  padding: 0 5px;
  color: #2b76cd;
}
.c-app-header-dropmenu__options > li button:hover, .c-app-header-dropmenu__options > li .c-notebook-notifications__row-secondary-button:hover {
  color: #f06c01;
}
.c-app-header-dropmenu__options > li button:focus-visible, .c-app-header-dropmenu__options > li .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 2px;
}
.c-app-header-dropmenu__options > li.c-app-header-dropmenu__options-new-group {
  margin-top: 10px;
}
.c-app-header-dropmenu__options > li.c-app-header-dropmenu__options-new-group:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 20px;
  right: 20px;
  border-top: 1px solid rgb(233, 237, 242);
  padding-bottom: 5px;
}
@media only screen and (max-width: 670px) {
  .c-app-header-dropmenu__options > li.c-app-header-dropmenu__options-new-group-full-only {
    margin-top: 10px;
  }
  .c-app-header-dropmenu__options > li.c-app-header-dropmenu__options-new-group-full-only:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 20px;
    right: 20px;
    border-top: 1px solid rgb(233, 237, 242);
    padding-bottom: 5px;
  }
  .c-app-header-dropmenu__options > li#c-app-header-dropmenu__options--my-page {
    display: none;
  }
}
.c-app-header-dropmenu__options > li svg {
  position: absolute;
  top: 7px;
  left: 20px;
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
}

@media only screen and (max-width: 670px) {
  .c-app-header-dropmenu__full-only {
    display: none;
  }
}
/** Specific menu adjustments
================================================*/
.c-app-header-dropmenu--global-actions {
  display: none;
  left: 45px;
  top: 48px;
  width: 110px;
}
.c-app-header-dropmenu--global-actions .c-app-header-dropmenu__bd, .c-app-header-dropmenu--global-actions .c-employee-selector__popup-content, .c-app-header-dropmenu--global-actions .c-book-page-selector__popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 9px 10px;
}
.c-app-header-dropmenu--global-actions .c-app-header-dropmenu__bd button, .c-app-header-dropmenu--global-actions .c-app-header-dropmenu__bd .c-notebook-notifications__row-secondary-button, .c-app-header-dropmenu--global-actions .c-employee-selector__popup-content button, .c-app-header-dropmenu--global-actions .c-employee-selector__popup-content .c-notebook-notifications__row-secondary-button, .c-app-header-dropmenu--global-actions .c-book-page-selector__popup-content button, .c-app-header-dropmenu--global-actions .c-book-page-selector__popup-content .c-notebook-notifications__row-secondary-button {
  height: 35px;
}
.c-app-header-dropmenu--global-actions .c-app-header-dropmenu__bd:before, .c-app-header-dropmenu--global-actions .c-employee-selector__popup-content:before, .c-app-header-dropmenu--global-actions .c-book-page-selector__popup-content:before, .c-app-header-dropmenu--global-actions .c-app-header-dropmenu__bd:after, .c-app-header-dropmenu--global-actions .c-employee-selector__popup-content:after, .c-app-header-dropmenu--global-actions .c-book-page-selector__popup-content:after {
  left: 10px;
  background: #fff;
}

.c-app-header-dropmenu--send-to {
  right: 11px;
  width: 180px;
}
.c-app-header-dropmenu--send-to .c-app-header-dropmenu__bd:before, .c-app-header-dropmenu--send-to .c-employee-selector__popup-content:before, .c-app-header-dropmenu--send-to .c-book-page-selector__popup-content:before, .c-app-header-dropmenu--send-to .c-app-header-dropmenu__bd:after, .c-app-header-dropmenu--send-to .c-employee-selector__popup-content:after, .c-app-header-dropmenu--send-to .c-book-page-selector__popup-content:after {
  right: 42px;
}

.c-app-header-dropmenu--help {
  right: 3px;
  width: 175px;
}
.c-app-header-dropmenu--help .c-app-header-dropmenu__bd:before, .c-app-header-dropmenu--help .c-employee-selector__popup-content:before, .c-app-header-dropmenu--help .c-book-page-selector__popup-content:before, .c-app-header-dropmenu--help .c-app-header-dropmenu__bd:after, .c-app-header-dropmenu--help .c-employee-selector__popup-content:after, .c-app-header-dropmenu--help .c-book-page-selector__popup-content:after {
  right: 11px;
}

.c-app-header-dropmenu--user {
  right: 49px;
  width: 210px;
}
.c-app-header-dropmenu--user .c-app-header-dropmenu__bd:before, .c-app-header-dropmenu--user .c-employee-selector__popup-content:before, .c-app-header-dropmenu--user .c-book-page-selector__popup-content:before, .c-app-header-dropmenu--user .c-app-header-dropmenu__bd:after, .c-app-header-dropmenu--user .c-employee-selector__popup-content:after, .c-app-header-dropmenu--user .c-book-page-selector__popup-content:after {
  right: 42px;
  background: #f7f7f7;
}

/** Avatar Area
================================================*/
.c-app-header-dropmenu__avatar-wrapper {
  padding: 15px;
  height: 71px;
  margin-bottom: 5px;
  overflow: hidden;
  background: #f7f7f7;
}

.c-app-header-dropmenu__avatar {
  display: table;
  font-size: 12px;
}
.c-app-header-dropmenu__avatar__image {
  display: table-cell;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.c-app-header-dropmenu__avatar__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.c-app-header-dropmenu__avatar__text-name {
  line-height: 1.3;
}
.c-app-header-dropmenu__avatar__text-subtitle {
  line-height: 1.3;
  color: rgb(43, 118, 205);
}

.c-app-header-dropmenu__avatar-item {
  list-style: none;
  padding: 0;
  cursor: pointer;
}
.c-app-header-dropmenu__avatar-item > li:hover {
  color: rgb(240, 108, 1);
}
.c-app-header-dropmenu__avatar-item > li:hover svg {
  fill: rgb(43, 118, 205);
  stroke: transparent;
}
.c-app-header-dropmenu__avatar-item > li:hover ._svgStrokeIcon {
  stroke: rgb(43, 118, 205);
  fill-opacity: 0;
}
.c-app-header-dropmenu__avatar-item .c-app-header-dropmenu__avatar-wrapper {
  border-radius: 4px 4px 0 0;
  margin-top: -10px;
}

.c-app-header__global-actions--mobile {
  display: none;
}

@media screen and (max-width: 850px) {
  .c-app-header__global-actions > #c-app-header__crisis-button,
  .c-app-header__global-actions > #c-app-header__my-button,
  .c-app-header__global-actions > #c-app-header__reports-button,
  .c-app-header__global-actions > #c-app-header__portals-button {
    display: none;
  }
  .c-app-header__global-actions--mobile {
    display: block;
  }
  .c-app-header-dropmenu--global-actions.is-open {
    display: block;
  }
}
.c-app-header-dropmenu__options-title {
  position: relative;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  color: #737373;
  margin-top: 15px;
  padding: 9px 10px 3px 20px;
}
.c-app-header-dropmenu__options-title::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 20px;
  right: 20px;
  border-top: 1px solid #e9edf2;
  padding-top: 15px;
  padding-bottom: 5px;
}

.c-app-header-dropmenu__options-title + li.c-app-header-dropmenu__options-new-group {
  margin-top: 4px;
}

.c-app-header-dropmenu__options-title + .c-app-header-dropmenu__options-new-group::before {
  display: none !important;
}

/*-------------------------------------*
    (COMPONENT) App Header Menu
 *-------------------------------------*/
.c-app-header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-app-header-menu > button, .c-app-header-menu > .c-notebook-notifications__row-secondary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  position: relative;
  padding: 0 10px;
  color: rgb(43, 118, 205);
  /*@include svgFillFix($base-appHeader-color);*/
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  outline: none;
  height: 50px;
  /*&:hover {
      @include svgFillFix($base-appHeader-color-hover);
      color: $base-appHeader-color-hover;
  }*/
  /*svg {
      width: $iconWidth;
      max-height: $maxIconHeight;
  }*/
}
.c-app-header-menu > button > svg, .c-app-header-menu > .c-notebook-notifications__row-secondary-button > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-app-header-menu > button:hover, .c-app-header-menu > .c-notebook-notifications__row-secondary-button:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-app-header-menu > button:hover > svg, .c-app-header-menu > .c-notebook-notifications__row-secondary-button:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-app-header-menu > button:focus-visible, .c-app-header-menu > .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-app-header-menu > button:focus-visible, .c-app-header-menu > .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 2px solid rgb(43, 118, 205);
  outline-offset: -2px;
  border-radius: 0;
}
.c-app-header-menu > button.c-app-header-menu__button--selected::after, .c-app-header-menu > .c-app-header-menu__button--selected.c-notebook-notifications__row-secondary-button::after {
  position: absolute;
  bottom: 1px;
  left: 10px;
  right: 10px;
  content: "";
  height: 3px;
  background: rgb(43, 118, 205);
}
@media screen and (max-width: 670px) {
  .c-app-header-menu > button, .c-app-header-menu > .c-notebook-notifications__row-secondary-button {
    padding: 0 8px;
  }
}
.c-app-header-menu .touch .c-app-header-menu li:hover {
  background: rgb(15, 166, 244);
}

.is-appPanel-fullWidth .c-app-header-menu > button.c-app-header-menu__button--selected::after, .is-appPanel-fullWidth .c-app-header-menu > .c-app-header-menu__button--selected.c-notebook-notifications__row-secondary-button::after {
  display: none;
}

.is-appPanel-fullWidth .c-app-header-menu > button#c-app-header__portals-button::after, .is-appPanel-fullWidth .c-app-header-menu > #c-app-header__portals-button.c-notebook-notifications__row-secondary-button::after {
  position: absolute;
  bottom: 1px;
  left: 10px;
  right: 10px;
  content: "";
  height: 3px;
  background: rgb(43, 118, 205);
  display: initial;
}

.c-app-header__global-actions--mobile button, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 10px;
  color: rgb(43, 118, 205);
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  outline: none;
  height: 50px;
}
.c-app-header__global-actions--mobile button > svg, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-app-header__global-actions--mobile button:hover, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-app-header__global-actions--mobile button:hover > svg, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-app-header__global-actions--mobile button:focus-visible, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-app-header__global-actions--mobile button:focus, .c-app-header__global-actions--mobile .c-notebook-notifications__row-secondary-button:focus {
  color: rgb(240, 108, 1);
}

/*-------------------------------------*
    (COMPONENT) APP HEADER
 *-------------------------------------*/
.c-app-header {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  color: rgb(43, 118, 205);
  font-size: 13px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-app-header svg {
  pointer-events: none;
}

@media print {
  .c-app-header {
    display: none;
  }
}
.c-app-header-not-live {
  background: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 10px, #FFF 10px, #FFF 20px);
}

.c-app-header__global-actions {
  /*float: left;
  height: 50px;*/
}

.c-app-header__global-options {
  /*float: right;
  margin: 1px 0 0 0;*/
  height: 50px;
}

.c-app-header__page-title {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-app-header__page-title:focus-visible {
  border: 1px solid #2b76cd;
}
.c-app-header__page-title > div {
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .c-app-header__page-title {
    position: relative;
    left: -20px;
  }
}

.c-app-header__page-title-inner-wrapper {
  height: 100%;
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-app-header__page-title-inner-wrapper::after {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  content: "";
  height: 3px;
  background: rgb(43, 118, 205);
}

.c-app-header__page-title-inner {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-app-header__page-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-style: none;
  /*&:hover {
      color: $base-appHeader-color-hover;
  }*/
}
.c-app-header__page-selector::-ms-expand {
  display: none;
}

/* ---- Responsive Display ---- */
/*.c-app-header__global-options-large {
    display: flex !important;
}*/
.c-app-header__global-options-small {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .c-app-header__global-options-large {
    display: none !important;
  }
  .c-app-header__global-options-small {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-app-header__global-options__date-icon {
  display: none !important;
}
.c-app-header__global-options__date-icon > div {
  font-size: 0px;
}

.c-app-header__global-options__date-text {
  min-width: 135px !important;
}

@media only screen and (max-width: 670px) {
  .c-app-header__global-options__date-text {
    display: none !important;
  }
  .c-app-header__global-options__date-icon {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/*-------------------------------------*
    Component - Book Container
 *-------------------------------------*/
.c-app-page-container {
  width: 100%;
  height: calc(100% - 50px);
  margin-top: 50px;
}
.c-app-page-container__page {
  position: relative;
  margin: 0 auto;
  background: rgb(245, 245, 245);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  border-width: 0 1px 1px 1px;
}
.c-app-page-container__no-page {
  background: rgb(245, 245, 245);
  height: 100%;
  padding: 40px 0 0 0;
  line-height: 40px;
  text-align: center;
}

@media print {
  .c-app-page-container {
    margin: 0 !important;
    position: static;
    top: 0;
  }
}
.c-app-page__widget-spacing {
  margin-bottom: 15px;
}
.c-app-page__widget-spacing--top {
  margin-top: 25px;
}

.c-app-page-header {
  margin: 8px 1px 2px 2px;
  line-height: 20px;
  vertical-align: middle;
}
.c-app-page-header__icon {
  display: inline-block;
  margin: 0 4px 0 4px;
  height: 20px;
  width: 20px;
  vertical-align: top;
  fill: rgb(118, 137, 163);
  stroke: transparent;
}
.c-app-page-header__icon > svg {
  height: 100%;
  width: 100%;
}
.c-app-page-header__content {
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(55, 66, 84);
}

body.c-page-scroller__body {
  position: relative;
}
body.c-page-scroller__body > .ps__scrollbar-x-rail {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  position: fixed;
}
body.c-page-scroller__body > .ps__scrollbar-y-rail {
  top: 0 !important;
  bottom: 0 !important;
  position: fixed;
}

.c-page-scroller__wrapper {
  position: relative;
  /*width: 100vw;*/
  height: calc(100vh - 57px);
}
.c-page-scroller__wrapper > .ps__scrollbar-x-rail {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
}
.c-page-scroller__wrapper > .ps__scrollbar-y-rail {
  top: 57px !important;
  bottom: 0 !important;
  position: fixed !important;
}

.c-avatar-selector__container {
  width: 850px;
  height: 600px;
  color: #56565b;
}

.c-avatar-selector__gallery-divider {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 8pt;
  font-weight: bold;
  border-bottom: 1px solid #D6CFD6;
  background-color: #E7EDF7;
  cursor: pointer;
}

.c-avatar-selector__gallery-divider img {
  margin-right: 15px;
}

.c-avatar-selector__gallery {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #9FB2C7;
  height: 500px;
}

.c-avatar-selector__gallery-contents {
  height: 470px;
  overflow-y: auto;
}

.c-avatar-selector__gallery-theme {
  float: left;
  border: 2px solid #E7EFFF;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 50px;
}

.c-avatar-selector__gallery-theme-selected {
  border: 2px solid #FF0000;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 50px;
}

.c-avatar-selector__main-section {
  padding-left: 35px;
  padding-top: 10px;
  padding-right: 35px;
}

.c-avatar-selector__alt-tabs {
  width: 100%;
  height: 34px;
  top: 0px;
  border-bottom: 1px solid #9FB2C7;
  background-image: url(../images/RibbonUI/tabsBG.png);
  background-repeat: repeat-x;
  margin: 0px;
  min-width: 450px;
  margin-bottom: 10px;
}

.c-avatar-selector__alt-tab {
  float: left;
  width: 60px;
  margin-left: 1px;
  height: 24px;
  position: relative;
  text-align: center;
  z-index: 5;
  top: 10px;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 7px;
  padding-bottom: 3px;
}

.c-avatar-selector__alt-tab-selected {
  background-image: url("../images/ribbonui/blankTabSelected.png");
}

.c-avatar-selector__uploaded-image-section {
  width: 450px;
  margin-top: 10px;
  border: 1px solid #9FB2C7;
  height: 450px;
  overflow: auto;
}

.c-avatar-selector__upload-button {
  position: absolute;
  left: 35px;
  top: 545px;
}

.c-avatar-selector__upload-button input {
  width: 150px;
}

.c-avatar-selector__cropped-image-container {
  width: 50px;
  margin-top: 10px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #9FB2C7;
}

.c-avatar-selector__cropped-image-container img {
  width: 400px;
  height: 300px;
  margin: -75px 0 0 -100px;
}

.c-avatar-selector__cropped-image-section {
  padding-left: 10px;
  margin-bottom: 7px;
}

.c-avatar-selector__uploaded-image-instructions {
  padding-left: 20px;
  padding-top: 20px;
  font-size: 15pt;
  list-style: none;
}

/*-------------------------------------*
   Component - Book Container
*-------------------------------------*/
.c-book-container {
  /*position:relative;*/
  width: 100%;
  height: 100%;
}
.c-book-container__page {
  position: relative;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  border-width: 0 1px 1px 1px;
  line-height: 1.3;
}
.c-book-container__no-page {
  background: rgb(255, 255, 255);
  height: 100%;
  padding: 40px 0 0 0;
  line-height: 40px;
  text-align: center;
}

/*-------------------------------------*
   Component - Book Header
*-------------------------------------*/
.c-book-header {
  top: 0px;
  left: 0px;
  min-width: 100%;
  position: absolute;
}
.c-book-header__content {
  position: relative;
  margin: auto;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  border-width: 0 1px 0 1px;
}
.c-book-header__content__freeform {
  overflow: hidden;
}
.c-book-header__content__menu {
  position: absolute;
  z-index: 4;
  /* Note: the exact location of the menu is determined by the page and will be declared inline */
}

.c-book-page-selector {
  position: relative;
}

.c-book-page-selector__text {
  display: inline-block;
  cursor: pointer;
  outline: none;
}
@media (max-width: 768px) {
  .c-book-page-selector__text {
    position: relative;
    top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.c-book-page-selector__text:hover {
  color: rgb(240, 108, 1);
}

.c-book-page-selector__popup {
  top: 32px;
  left: calc(50% - 150px);
  right: calc(50% - 150px);
}

.c-book-page-selector__popup-content {
  padding: 20px;
  width: 300px;
  color: #244262;
  font-size: 12px;
}

.c-book-page-selector__popup-content:before, .c-book-page-selector__popup-content:after {
  right: 139px;
}

.c-book-page-selector__input {
  width: 100%;
}

.c-book-page-selector__list {
  list-style: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 210px;
  -webkit-overflow-scrolling: touch;
}
.c-book-page-selector__list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.c-book-page-selector__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.c-book-page-selector__item {
  white-space: nowrap;
  cursor: pointer;
  padding: 5px;
  text-align: left;
}

.c-book-page-selector__item--selected {
  background: #e9edf2;
}

.c-book-page-selector__item-text {
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
  width: calc(100% - 30px - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-layout__splitter {
  position: absolute;
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.c-layout__splitter:hover {
  background-color: rgb(248, 174, 48);
}
.c-layout__splitter--hor-r {
  cursor: ew-resize;
  width: 8px;
  margin-right: -4px;
}
.c-layout__splitter--hor-l {
  cursor: ew-resize;
  width: 8px;
  margin-left: -4px;
}
.c-layout__splitter--vert-b {
  cursor: ns-resize;
  height: 8px;
  margin-bottom: -4px;
}
.c-layout__splitter--vert-t {
  cursor: ns-resize;
  height: 8px;
  margin-top: -4px;
}
.c-layout__splitter--dragging {
  background-color: rgb(248, 174, 48);
}

.c-layout__splitter-background {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
  background-color: rgb(255, 255, 255);
}
.c-layout__splitter-background--hor {
  cursor: ew-resize;
}
.c-layout__splitter-background--vert {
  cursor: ns-resize;
}

.c-layout__container {
  overflow: hidden;
  position: absolute;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#widgetHighlight {
  position: absolute;
  border: 8px solid rgba(248, 222, 126, 0.8);
  background-color: transparent;
  pointer-events: none;
  border-radius: 10px;
}

.c-built-in__header {
  background-color: rgb(255, 255, 255);
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.c-built-in__header-1 {
  color: rgb(40, 110, 191);
  font-size: 27px;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: -1px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgb(255, 255, 255);
}

.c-simple-table__header.c-built-in__header-1 {
  font-size: 11px;
  background-color: rgb(255, 255, 255);
  text-align: left;
  line-height: 30px;
  letter-spacing: 2px;
  font-weight: 300;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.c-built-in__header-2 {
  color: rgb(40, 110, 191);
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.c-simple-table__header.c-built-in__header-2 {
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  text-align: left;
  line-height: 30px;
  font-weight: normal;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

th.c-built-in__header-2 {
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  text-align: left;
  line-height: 30px;
  font-weight: normal;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.c-built-in__header-3 {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.25px;
}

.c-built-in__Statement-1 {
  font-size: 12px;
  text-align: left;
  letter-spacing: 2px;
  font-weight: normal;
  text-transform: uppercase;
}

.c-built-in--centre {
  text-align: center;
}

.c-built-in--right {
  text-align: right;
}

.c-built-in_row-1 {
  background-color: rgb(248, 249, 251);
  color: rgb(252, 252, 252);
  border: 1px solid transparent;
}

.c-built-in__total {
  background-color: rgb(241, 242, 244);
  color: rgb(255, 255, 255);
}

.c-built-in__header-4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: rgb(43, 118, 205);
  margin: 10px 0 5px 0;
  padding: 0;
}

.c-arrow__chevron {
  background-image: url(../images/Icons/Arrows/chevron-down.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat no-repeat;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
}

.c-arrow__chevron--up {
  background-image: url(../images/Icons/Arrows/chevron-up.svg);
}

.c-arrow__chevron-w {
  background-image: url(../images/Icons/Arrows/chevron-down-w.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat no-repeat;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
}

.c-arrow__chevron-w--up {
  background-image: url(../images/Icons/Arrows/chevron-up-w.svg);
}

/*-------------------------------------*
    (COMPONENT) Date Button
 *-------------------------------------*/
.c-date-button {
  width: 18px;
  padding: 2px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-date-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-date-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}

/*$c-card-avatar-overlap: 5px;*/
.c-card {
  display: inline-block;
  vertical-align: top;
  margin: 4px;
  background-color: transparent;
  cursor: pointer;
  page-break-inside: avoid;
  position: relative;
  border: 1px solid rgb(227, 227, 227);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  /* This is a space to prevent text flowing under the avatar, e.g. on the Task Medium card*/
}
.c-card__status-left {
  background-position: 5px center;
  background-repeat: no-repeat no-repeat;
  background-size: 20px 20px;
}
.c-card__contents-right {
  margin-left: 22px;
  padding: 7px 4px 11px 11px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
}
.c-card:hover {
  z-index: 10;
}
.c-card__active-star > svg {
  fill: rgb(241, 187, 48);
  stroke: rgb(241, 187, 48);
}
.c-card__inactive-star > svg {
  fill: rgb(200, 200, 200);
  stroke: rgb(200, 200, 200);
}
.c-card__avatar {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  float: right;
  margin-left: 5px;
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
.c-card__avatar > img {
  width: 100%;
  height: 100%;
}
.c-card__dashboard {
  height: 30px;
}
.c-card__dashboard-progress {
  vertical-align: middle;
  width: 57px;
  display: inline-block;
  padding-top: 1px;
}
.c-card__dashboard-progress-arc {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.c-card__dashboard-progress-text {
  vertical-align: middle;
}
.c-card__dashboard-alarm {
  height: 30px;
  width: 30px;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.c-card__alarm {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.c-card__alarm > svg {
  width: 100%;
  height: 100%;
}
.c-card__alarm_unknown > svg {
  fill: none;
  stroke: none;
}
.c-card__alarm-on-time > svg {
  fill: rgb(4, 142, 201);
  stroke: rgb(4, 142, 201);
}
.c-card__alarm-early {
  stroke: rgb(112, 194, 122);
  fill: rgb(112, 194, 122);
}
.c-card__alarm-early > svg {
  fill: rgb(112, 194, 122);
}
.c-card__alarm-late > svg {
  fill: rgb(254, 64, 64);
  stroke: rgb(254, 64, 64);
}
.c-card__dashboard-priority {
  display: inline-block;
  height: 20px;
  width: 60px;
  padding: 0 5px;
  margin-left: 5px;
  vertical-align: middle;
  text-align: center;
  border-radius: 6px;
  color: rgb(255, 255, 255);
  line-height: 20px;
  font-size: 10px;
  overflow: hidden;
}

.c-cards {
  font-family: "Inter UI", Arial, Verdana, sans-serif; /* same as .s-app-content */
  font-size: 11px; /* same as .s-app-content */
}
.c-cards__container {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.c-cards__container--columns {
  overflow-x: auto !important;
}
.c-cards svg {
  width: 100%;
  height: 100%;
}

.c-cards__quick-view {
  display: inline-block;
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 23px 23px;
  position: relative;
  cursor: pointer;
}
.c-cards__quick-view:hover:before {
  content: " ";
  position: absolute;
  z-index: 10;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: solid 3px rgb(248, 174, 48);
}

.c-cards__truncated-warning {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../Stylesheets/jQuery/jquery-ui-1.10.4.custom/images/ui-icons_8D98AD_256x240.png");
  background-position-x: 0px;
  background-position-y: -144px;
  margin-top: -3px;
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-cards__truncated {
  font-style: italic;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-card-object-keyword {
  min-height: 60px;
  max-height: 60px;
  height: 60px;
  width: 96px;
  border-radius: 2px;
  position: relative;
  border: 1px solid;
  color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2px;
  text-align: center;
}
.c-card-object-keyword__contents {
  font-size: 9px;
  height: 100%;
  display: table;
}
.c-card-object-keyword__contents-text {
  display: table-cell;
  vertical-align: middle;
}
.c-card-object-keyword__contents-max {
  max-height: 54px;
  width: 94px;
  overflow: hidden;
}

.c-card-object-keyword__alert {
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: 2px;
  right: 3px;
  cursor: pointer;
  background-color: white;
  border-radius: 3px;
  padding: 1px;
}
.c-card-object-keyword__alert:hover {
  background-color: rgb(248, 174, 48);
}
.c-card-object-keyword__alert:hover > img {
  background-color: rgb(248, 174, 48) !important;
}
.c-card-object-keyword__alert > img:hover {
  background-color: rgb(248, 174, 48) !important;
}

.c-card-object-keyword__measures-wrapper {
  position: absolute;
  background-color: white;
  /*border: 1px solid black;*/
  left: 91px;
  top: 38px;
  color: black;
  max-width: 340px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8);
  font-size: 7px;
}

table.c-card-object-keyword__measures {
  width: 100%;
  table-layout: fixed;
}
table.c-card-object-keyword__measures tbody > tr:nth-child(odd) {
  background: #e9f1fa;
}
table.c-card-object-keyword__measures th {
  padding: 1px 1px;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  color: rgb(40, 110, 191);
  font-weight: 500;
}
table.c-card-object-keyword__measures td {
  text-align: left;
  max-width: 250px;
  padding: 1px 1px;
}

img.c-card-object-keyword__measure-alert {
  vertical-align: middle;
  text-align: center;
  width: 8px;
  height: 8px;
}

.c-card-object-nano {
  height: 39px;
  width: 96px;
  position: relative;
  color: rgb(0, 0, 0);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 2px 2px 2px 20px;
}
.c-card-object-nano__contents {
  font-size: 9px;
  height: 100%;
  width: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.c-card-object-nano__om-obj-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 1px;
  font-size: 7px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  background-color: white;
  left: 0;
  right: 3px;
}
.c-card-object-nano__performance {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 18px;
  padding: 2px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.c-card-object-nano__performance > img {
  width: 14px;
  height: 14px;
}
.c-card-object-nano__type {
  position: absolute;
  left: 2px;
  bottom: 1px;
  height: 14px;
  width: 14px;
}

.c-card-object-small-1 {
  background-color: rgb(255, 255, 255);
  min-height: 100px;
  max-height: 100px;
  width: 260px;
  border-radius: 5px;
  position: relative;
  border: 1px solid;
  border-color: rgb(192, 196, 203);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.c-card-object-small-1__status-indicator {
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 8px;
  left: 5px;
  border-radius: 5px;
  font-size: 0px;
  overflow: hidden;
}
.c-card-object-small-1__contents {
  height: 100%;
  overflow: hidden;
  max-height: 80px;
  height: 80px;
  width: 230px;
  margin: 10px 10px 10px 20px;
  font-size: 11px;
  line-height: 16px;
  color: rgb(102, 102, 102);
}
.c-card-object-small-1__avatar {
  width: 28px;
  height: 28px;
  margin-top: 20px;
  border-radius: 50%;
  background-color: rgb(230, 230, 230);
}

.c-card-critical-path-item {
  border: solid 1px rgb(10, 10, 10) !important;
  background-color: rgb(255, 255, 255) !important;
  border-radius: 3px;
  width: 390px;
  margin: 2px;
  overflow-x: hidden;
}
.c-card-critical-path-item__contents {
  white-space: nowrap;
  margin: 4px;
}
.c-card-critical-path-item__img {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: solid 1px rgb(10, 10, 10);
}
.c-card-critical-path-item__details {
  display: table;
  width: 100%;
}
.c-card-critical-path-item__detail-row {
  display: table-row;
}
.c-card-critical-path-item__label-cell {
  display: table-cell;
}
.c-card-critical-path-item__data-cell {
  display: table-cell;
  text-align: right;
  padding-left: 8px;
}
.c-card-critical-path-item__obj-name {
  font-weight: bold;
}
.c-card-critical-path-item__critical {
  border: solid 1px rgb(255, 0, 0);
  border-radius: 3px;
  padding: 3px;
}
.c-card-critical-path-item__non-critical {
  border: solid 1px rgb(10, 10, 10);
  border-radius: 3px;
  padding: 3px;
}

.c-card-entity {
  width: 111px;
  height: 72px;
  border: 0 none transparent;
  color: currentColor;
}

.c-card-entity__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 5px 20px 10px 20px;
  color: white;
}

.c-card-entity__title {
  font-size: 9px;
  color: rgb(255, 255, 255);
}

.c-card-entity__icon-wrapper {
  position: absolute;
  border-radius: 50%;
  right: -10px;
  bottom: 5px;
  overflow: hidden;
  border: 2px solid currentColor;
  background: rgb(255, 255, 255);
  padding: 4px;
  line-height: 0;
  font-size: 0;
}

.c-card-entity__icon {
  height: 20px;
  width: 20px;
}

.c-card-entity__background-shape {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.c-card-entity__background-shape > svg {
  width: 100%;
  height: 100%;
  stroke: white;
  fill: currentColor;
}

.c-card-medium {
  margin: 0 15px 15px 0;
  width: 210px;
  border-radius: 8px;
}
.c-card-medium__icon {
  position: relative;
  top: -8px;
  width: 79px;
  height: 79px;
  margin: 0 auto;
  background: white;
  border-radius: 40px;
  border: solid 6px white;
}
.c-card-medium__date {
  font-family: "Roboto", Verdana, sans-serif;
  font-size: 12px;
  color: #697881;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 1em; /*padding: 5px 0 0 5px;*/
}
.c-card-medium__title {
  font-size: 14px;
  line-height: 1.25;
  height: 67px; /*This fits the 3 lines perfectly*/
  padding: 7px 9px 5px 9px;
  margin-bottom: 2px;
  color: white;
}
.c-card-medium__title .u-ellipsis {
  /*@include limitLines( $maxLinesPortrait: 3, $maxLinesLandscape: 3, $textCol: #fff, $bgCol: rgb(29, 170, 157), $lineHeight: 1.25 );*/
  height: 100%;
  overflow-y: hidden;
}
.c-card-medium__footer {
  color: white;
  margin-bottom: 3px;
}
.c-card-medium > .c-footer-overlay {
  /* Force the footer menu to use the same curved edges */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-card-om-medium-1:hover:after {
  content: " ";
  position: absolute;
  /*z-index: -1;*/
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: solid 2px rgb(248, 174, 48);
  border-radius: 8px;
  pointer-events: none;
}
.c-card-om-medium-1__content {
  background: white;
  padding: 0 9px 0 9px;
  border-left: 1px solid #ededf0;
  border-right: 1px solid #ededf0;
  position: relative;
}
.c-card-om-medium-1__chart {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 30px;
  position: relative;
  margin-bottom: 8px;
}
.c-card-om-medium-1__value {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 48px;
  text-align: center;
  line-height: 1em;
  overflow: hidden;
  height: 58px;
}
.c-card-om-medium-1__unit {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #697881;
  text-align: center;
  text-transform: lowercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 1em;
}
.c-card-om-medium-1__status {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1em;
  color: #697881;
  padding: 13px 0 10px 0;
  text-align: center;
}

.c-card-om-small-1.c-card-small__contents {
  position: relative;
}
.c-card-om-small-1__actual {
  display: inline-block;
  vertical-align: top;
  width: 135px;
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
}
.c-card-om-small-1__actual--missing {
  color: #697881;
  font-style: italic;
  font-size: 10px;
}
.c-card-om-small-1__actual--no-chart {
  display: block;
  width: 100%;
}
.c-card-om-small-1__chart {
  display: inline-block;
  vertical-align: top;
  width: 75px;
  height: 30px;
  position: relative;
}
.c-card-om-small-1__full-name {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 3px;
  min-height: 2.5em;
}
.c-card-om-small-1__subscription-badge {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 25px;
  height: 16px;
  padding-left: 9px;
}

.c-card-om-wide-1.c-card-wide__contents {
  position: relative;
}
.c-card-om-wide-1__actual {
  display: inline-block;
  vertical-align: top;
  width: 195px;
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
}
.c-card-om-wide-1__actual--missing {
  color: #697881;
  font-style: italic;
  font-size: 10px;
}
.c-card-om-wide-1__actual--no-chart {
  display: block;
  width: 100%;
}
.c-card-om-wide-1__chart {
  display: inline-block;
  vertical-align: top;
  width: 75px;
  height: 30px;
  position: relative;
}
.c-card-om-wide-1__full-name {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 3px;
  min-height: 2.5em;
}
.c-card-om-wide-1__subscription-badge {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 25px;
  height: 16px;
  padding-left: 9px;
}

.c-card-org {
  position: relative;
  background-color: rgb(255, 255, 255);
  min-height: 120px;
  width: 240px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border-width: 0;
  outline: none;
}
.c-card-org__avatar {
  width: 45px;
  height: 45px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: rgb(230, 230, 230);
  text-align: center;
}
.c-card-org__emp-details {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
}
.c-card-org__job-title {
  color: rgb(132, 149, 173);
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.c-card-org__job-title:empty {
  display: none;
}
.c-card-org__no-manager {
  color: rgb(153, 175, 199);
}

.c-card-org__secondary {
  margin-top: 5px;
  color: rgb(132, 149, 173);
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.c-card-org__org-name > .c-built-in__header-2 {
  font-size: 15px;
  line-height: 19px;
}
.c-card-org__org-name > * {
  max-width: 155px;
}

.c-card-org__sub-employee {
  margin-left: 15px;
}

.c-card-org__head-employee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 15px;
  height: 115px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 5s;
          transition-delay: 5s;
}

.c-card-org__head-emp-avatar,
.c-card-org__head-emp-avatar-unknown {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-card-org__head-emp-avatar-unknown {
  color: rgb(255, 255, 255);
  background: #f7f7f7 url(../uploads/Avatars/DefaultAvatar.png);
  background-size: cover;
}

.c-card-org__head-emp-details {
  margin-top: 3px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.c-card-org__head-emp-details > * {
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-card-org__employee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 5s;
          transition-delay: 5s;
}
.c-card-org__employee--highlight {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #F06C01;
  color: #FFFFFF !important;
}

.c-card-org__emp-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 35px;
  height: 35px;
  margin: 5px 7px 5px 17px;
  border-radius: 50%;
  background-color: rgb(230, 230, 230);
  vertical-align: middle;
}

.c-card-org__emp-avatar-unknown {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin: 10px 5px;
  border-radius: 50%;
  background-color: rgb(200, 200, 200);
  vertical-align: middle;
  display: inline-block;
  padding: 9px;
  font-size: 20px;
  color: rgb(255, 255, 255);
}

.c-card-org__emp-details {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.c-card-org__employee-list-container {
  display: none;
  position: relative;
  padding: 10px 10px 10px 8px;
  background-color: rgb(250, 250, 250);
}

.c-card-org__employee-scroller {
  max-height: 300px;
  overflow: auto;
}
.c-card-org__employee-scroller::-webkit-scrollbar-track {
  border-radius: 10px;
}
.c-card-org__employee-scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.c-card-org__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  background-color: rgb(250, 250, 250);
  min-height: 38px;
}

.c-card-org__team-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.c-card-org__team-icon.o-button-img:hover {
  background: transparent;
}

.c-card-org__team-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
}

.c-card-org--drop {
  background-color: rgb(248, 174, 48) !important;
}

.c-card-org__emp--drop {
  background-color: rgb(248, 174, 48) !important;
}

.c-card-org__drag-emp {
  position: relative;
}

.c-card-org__drag-emp:not(.ui-draggable-disabled):hover::after {
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icons/move-dots-vertical.svg);
  background-size: 18px 18px;
  content: " ";
  margin: auto;
  cursor: move;
}

.c-card-org__drag-emp:hover::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: rgba(0, 0, 0, 0.03);
}

.c-card:hover .c-card-org__expand-down {
  background-size: 20px 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.c-card:hover .c-card-org__expand-up {
  background-size: 20px 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.c-card-small {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08);
}
.c-card-small:hover:after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.c-card-small__contents {
  width: 230px;
  min-height: 79px;
  color: rgb(102, 102, 102);
}
.c-card-small__meas-name {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.25px;
  overflow: hidden;
  padding-top: 6px;
  height: 45px;
  color: #000;
  font-weight: 400;
}
.c-card-small__meas-name:empty:after {
  content: ".";
  visibility: hidden;
}
.c-card-small__obj-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 1px;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 190px;
}
.c-card-small__obj-name:empty:after {
  content: ".";
  visibility: hidden;
}

.c-card__contents-above {
  margin: 1px 1px 10px 1px;
  padding: 4px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  width: 260px;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 0 !important;
}

.c-card-task-medium-1__content {
  background: white;
  height: 241px;
  padding: 0 9px 0 9px;
  border-left: 1px solid #ededf0;
  border-right: 1px solid #ededf0;
  position: relative;
}
.c-card-task-medium-1__avatar {
  margin-bottom: 5px;
}
.c-card-task-medium-1__fields {
  color: #7f7f7f;
  font-size: 11px;
  margin-left: 16px;
  margin-top: 25px;
}
.c-card-task-medium-1__fields > dt {
  float: left;
  width: 90px;
}
.c-card-task-medium-1__fields > dd {
  clear: right;
}
.c-card-task-medium-1__fields + .c-card-task-medium-1__fields {
  margin-top: 15px;
  margin-bottom: 20px;
}

.c-card-task-small-1__dashboard-avatar {
  width: 24px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
.c-card-task-small-1__dashboard-avatar > img {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-top: -3px;
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
}
.c-card-task-small-1__icon-text {
  display: block;
  color: rgb(200, 200, 200);
  text-align: center;
}
.c-card-task-small-1__dashboard-text {
  width: 24px;
  height: 30px;
  margin: 3px;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 10px;
  overflow: hidden;
  word-break: break-all;
  color: rgb(137, 137, 137);
}
.c-card-task-small-1__avatar {
  margin-top: -2px;
  margin-bottom: -2px;
}
.c-card-task-small-1__date-range {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding-top: 1px;
}
.c-card-task-small-1__date-range:empty:after {
  content: ".";
  visibility: hidden;
}
.c-card-task-small-1 .c-card__dashboard-progress-category {
  display: none;
}

.c-card-task-small-cpa-1 {
  border-radius: 10px;
  /*&__contents {
      width: 180px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      margin: 2px;       
  }

  &__icon-text {
      display: block;
      color: rgb(200,200,200);
      text-align: center;
  }

  &__dashboard-text {
      width: 24px;
      height: 30px;
      margin: 3px;
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
      font-size: 10px;
      overflow: hidden;
      word-break: break-all;
      color: rgb(137,137,137);
  }

  &__name {
      text-overflow: ellipsis;
      overflow: hidden;
  }
      */
}
.c-card-task-small-cpa-1:hover:before {
  content: " ";
  position: absolute;
  /*z-index: -1;*/
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: solid 3px rgb(248, 174, 48);
  border-radius: 10px;
  pointer-events: none;
}
.c-card-task-small-cpa-1 > .c-card-small__contents {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgb(247, 247, 247);
}
.c-card-task-small-cpa-1__critical-message {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  color: rgb(166, 166, 166);
  font-size: 9px;
  white-space: nowrap;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
}
.c-card-task-small-cpa-1 .c-card-small__meas-name {
  font-weight: normal;
}

.c-cpa__duration-bubble {
  position: absolute;
  left: 250px;
  top: 40px;
  border-radius: 50%;
  border: solid 1px rgb(230, 234, 238);
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px;
  min-height: 50px;
  min-width: 50px;
  color: rgb(166, 166, 166);
  font-size: 11px;
  z-index: 2;
}

.c-card-task-small-1__parent-contents--end {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-card-task-small-1__parent-contents--end > .c-card-task-small-1__parent-contents-end-top {
  position: absolute;
  left: -3px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 125px solid currentColor;
  border-bottom: 0 solid transparent;
  border-right: 0 solid currentColor;
  border-left: 30px solid transparent;
  display: block !important;
  z-index: -1;
}

.c-card-task-small-1__parent-contents--end > .c-card-task-small-1__parent-contents-end-bottom {
  position: absolute;
  left: -3px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 125px solid currentColor;
  border-right: 0 solid currentColor;
  border-left: 30px solid transparent;
  display: block !important;
  z-index: -1;
}

/*.c-card-task-small-1__parent-contents--start {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}*/
.c-card-task-small-1__parent-contents--start > .c-cpa__duration-bubble {
  display: none;
}

.c-card-task-small-1__parent-contents--start .c-card-task-small-1__parent-contents-start {
  position: absolute;
  z-index: -1;
  top: 10px;
  right: -21px;
  width: 0;
  height: 0;
  border-top: 58px solid transparent;
  border-bottom: 58px solid transparent;
  border-right: 0 solid transparent;
  border-left: 20px solid currentColor;
  display: block !important;
}

.c-card-task-wide-1__dashboard-avatar {
  width: 24px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
.c-card-task-wide-1__dashboard-avatar > img {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-top: -3px;
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
}
.c-card-task-wide-1__icon-text {
  display: block;
  color: rgb(200, 200, 200);
  text-align: center;
}
.c-card-task-wide-1__dashboard-text {
  width: 24px;
  height: 30px;
  margin: 3px;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 10px;
  overflow: hidden;
  word-break: break-all;
  color: rgb(137, 137, 137);
}
.c-card-task-wide-1__avatar {
  margin-top: 2px;
  margin-right: 3px;
  margin-bottom: 2px;
}
.c-card-task-wide-1__desc {
  height: 62px;
  overflow: hidden;
  padding-top: 1px;
  height: 62px;
  font-size: 12px;
  line-height: 1.25;
}
.c-card-task-wide-1__date-range {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 1px;
  font-size: 13px;
  line-height: 1.8;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.c-card-task-wide-1__date-range:empty:after {
  content: ".";
  visibility: hidden;
}

.c-card-wide {
  border: solid 1px #c0c4cb;
}
.c-card-wide:hover:after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.c-card-wide__contents {
  width: 290px;
  min-height: 79px;
  color: rgb(102, 102, 102);
}
.c-card-wide__meas-name {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.25px;
  overflow: hidden;
  padding-top: 6px;
  height: 45px;
  color: #000;
}
.c-card-wide__meas-name:empty:after {
  content: ".";
  visibility: hidden;
}
.c-card-wide__obj-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 6px;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.c-card-wide__obj-name:empty:after {
  content: ".";
  visibility: hidden;
}

.c-card__contents-above {
  margin: 1px 1px 10px 1px;
  padding: 4px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  width: 260px;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 0 !important;
}

@media print {
  .c-card-wide {
    overflow: hidden;
  }
}
.c-cards__widget-wrapper {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-cards__slicers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 50vh;
}

.c-cards__contents-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}

.c-cards__paging {
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-cards__header {
  padding: 7px 7px 7px 0;
  font-weight: 300;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 1;
}

.c-cards__header-image {
  vertical-align: middle;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: solid 1px #d7d7d7;
  background-color: #ffffff;
  margin-right: 10px;
}

.c-mypage__overview-sections .c-cards__header {
  padding: 0;
  font-weight: 300;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent !important;
  color: rgb(40, 110, 191) !important;
}

.c-card-small__inline-date {
  display: inline-block;
  position: relative;
}

.c-cards__group-column:first-of-type {
  padding-left: 0;
  position: relative;
}

.c-cards__groups-in-columns-wrapper {
  /*display: table;*/
  width: 100%;
  min-height: 200px;
}

.c-cards__groups-in-columns {
  white-space: nowrap;
  vertical-align: top;
  /*display: table-row;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.c-cards__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.c-cards__header > span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-cards__header > :not(:first-child) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 30%;
}

.c-cards__group-column {
  /*display: table-cell;*/
  /*padding-left: 5px; */
  min-width: 285px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 280px;
          flex: 1 1 280px;
  white-space: normal;
  vertical-align: top;
  margin-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.c-cards__group-column > .c-cards__grouped {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.c-card__kanban--drop {
  background-color: rgb(248, 174, 48) !important;
}

.c-cards__count {
  float: right;
  font-weight: normal;
  display: inline-block;
  min-width: 35px;
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  color: rgb(0, 0, 0);
  background-color: rgb(239, 239, 239);
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}

.c-cards__group-container {
  margin-top: 30px;
}

.c-cards__kanban-wrapper {
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*.c-cards__kanban-column{
    overflow-x:hidden;
    overflow-y:auto;
    min-height:140px;
}

.c-cards__kanban-column--center {
    text-align:center;

    & > * {
        margin:5px !important;
        text-align:left;
    }
}

.c-cards__kanban-column--right {
    text-align: right;

    & > * {
        margin: 5px 0px 5px 5px !important;
        text-align: left;
    }
}

.c-cards__kanban-column--justify {
    text-align: left;

    & > * {
        margin: 5px auto!important;
        text-align: left;
    }
}*/
.c-cards__kanban-column {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-cards__kanban-column > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px !important;
}

.c_card--new input {
  text-transform: none !important;
  min-height: 20px;
}

.c_card--new textarea {
  text-transform: none !important;
}

.c_card--new select {
  text-transform: none !important;
}

.c-cards__kanban--card-auto-height > :not(.ui-draggable-dragging):not(.c_card--new) .c-card-small__meas-name {
  overflow: visible;
  min-height: 45px;
  height: auto;
}
.c-cards__kanban--card-auto-height > :not(.ui-draggable-dragging):not(.c_card--new) .c-card-small__obj-name {
  min-height: 11px;
  white-space: pre-wrap;
  text-transform: none;
  padding-top: 5px;
}
.c-cards__kanban--card-auto-height textarea {
  min-height: 60px;
  position: relative;
}
.c-cards__kanban--card-auto-height .c-editable__input-multi-row > span {
  display: none;
}

.c-cards .c-editable__input-multi-row {
  min-height: 60px;
  text-transform: none !important;
}
.c-cards .c-editable__input-multi-row textarea, .c-cards .c-editable__input-multi-row select {
  min-height: 60px;
  resize: none;
}

.c-cards__kanban--card-full-width > .c-card:not(.ui-draggable-dragging) {
  max-width: calc(100% - 20px);
  min-width: 250px;
  width: 100%;
}
.c-cards__kanban--card-full-width > :not(.ui-draggable-dragging) .c-card__contents-right {
  width: calc(100% - 22px);
}

.c-cards__kanban-column--card-fit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-cards__kanban-column--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-cards__kanban-column--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-cards__kanban-column--justify {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.c-cards__kanban-column--left-right {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*.c-cards__kanban--create{
    padding-bottom:30px;
}*/
.c-cards__kanban-new-line {
  width: 100%;
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 0 !important;
}

.c-cards__kanban-create-container {
  cursor: default;
  border-color: transparent;
  width: 100%;
  margin: 0 !important;
  text-align: right;
  /*min-width:252px;*/
}

.c-cards__kanban-create {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  padding: 6px;
}
.c-cards__kanban-create > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-cards__kanban-create:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-cards__kanban-create:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-cards__kanban-create:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-card__editable-control-panel {
  position: absolute;
  bottom: 0;
  right: 40px;
}

.c-cards__kanban-spacer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 0;
  overflow: hidden;
  min-width: 252px;
  /*position: absolute;
  left: 10px;
  bottom: 4px;*/
}

.c-card-tab__chevron-container {
  position: relative;
  cursor: pointer;
}
.c-card-tab__chevron-container:hover {
  background-color: rgb(164, 207, 234);
}

.c-card-tab__chevron-tab {
  background-image: url(../images/Icons/Arrows/chevron-down.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat no-repeat;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
}

.c-card-tab__chevron-tab--up {
  background-image: url(../images/Icons/Arrows/chevron-up.svg);
}

.c-card-tab__chevron-container.c-accordian--selected::after {
  content: "";
  position: absolute;
  top: 24px;
  left: calc(50% - 98px);
  width: 0;
  height: 0;
  border: inherit;
  border-top: 20px solid white;
  border-left: 98px solid transparent;
  border-right: 98px solid transparent;
}

.c-card-tab__chevron-container.c-accordian--selected:hover::after {
  content: "";
  position: absolute;
  top: 24px;
  left: calc(50% - 98px);
  width: 0;
  height: 0;
  border: inherit;
  border-top: 20px solid rgb(164, 207, 234);
  border-left: 98px solid transparent;
  border-right: 98px solid transparent;
}

.c-card-tab--fade-out {
  opacity: 0.5;
}

/*-------------------------------------*
   (COMPONENT) button carousel style submenu
*-------------------------------------*/
.c-carousel-button-submenu {
  height: 33px;
  text-align: center;
}

.c-carousel-button-submenu__sub-navbar {
  list-style: none;
  margin: 0;
}
.c-carousel-button-submenu__sub-navbar > li {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: #a3c4dd;
  border-radius: 8px;
}
.c-carousel-button-submenu__sub-navbar > li > a {
  display: block;
  position: relative;
  vertical-align: middle;
  padding: 8px 10px;
  text-decoration: none;
}

.c-carousel-scrollbar-scroller {
  height: 24px;
  width: 100%;
  padding: 0px 25% 0 25%;
  margin: 1px 0 0 0;
}

.c-carousel-scrollbar-scroller > .js-carousel-scrollbar-scroller.ui-slider-horizontal {
  height: 6px;
  top: 7px;
  border-radius: 3.5px;
  background: #E4E8EA;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: none;
}
.c-carousel-scrollbar-scroller > .js-carousel-scrollbar-scroller .ui-slider-handle {
  width: 20px;
  height: 20px;
  top: -8px;
  border: 1px solid #EBECF0;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFF1F4));
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #EFF1F4 100%);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 2px #FFFFFF;
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 2px #FFFFFF;
  /*margin-left: 0px;*/
  /*transition: top 200ms ease, width 200ms ease, height 200ms ease, margin-left 200ms ease;*/
}
.c-carousel-scrollbar-scroller > .js-carousel-scrollbar-scroller .ui-slider-handle:focus {
  outline: none;
}
.c-carousel-scrollbar-scroller > .js-carousel-scrollbar-scroller .ui-slider-handle:hover {
  /*width: 30px;
  height: 30px;
  top: -12px;
  margin-left: -4px;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FEEEB2), color-stop(12%, #FFE68C), color-stop(49%, #FEEBA2), to(#FFF9D2));
  background-image: linear-gradient(-180deg, #FEEEB2 0%, #FFE68C 12%, #FEEBA2 49%, #FFF9D2 100%);
  border: 1px solid #FFDD56;
}

/*-------------------------------------*
   (COMPONENT) standard carousel layout
*-------------------------------------*/
.c-carousel--standard-layout {
  width: 100%;
  height: 100%;
}
.c-carousel--standard-layout .c-carousel__header {
  text-align: center;
  border-bottom: #3b4c7b solid 1px;
  padding: 5px 0px 5px 0px;
}
.c-carousel--standard-layout .c-carousel__header-title {
  font-size: 24px;
}
.c-carousel--standard-layout .c-carousel__header-subtitle {
  padding-top: 5px;
  font-size: 11px;
}
.c-carousel--standard-layout > .c-carousel__thumblist-wrapper {
  width: 100%;
}

/*-------------------------------------*
   (COMPONENT) simple carousel text caption
*-------------------------------------*/
.c-carousel-text-caption {
  text-align: center;
}
.c-carousel-text-caption__text {
  font-size: 12px;
  font-weight: normal;
  color: #535E8E;
}

/*-------------------------------------*
   (COMPONENT) z-plane thumbnails
*-------------------------------------*/
.c-carousel-zplane-thumbs {
  position: relative;
}
.c-carousel-zplane-thumbs > img {
  position: absolute;
  display: block;
  visibility: hidden;
  /*border: solid 1px black;*/
  -webkit-box-shadow: 0px 0px 5px 0px rgb(204, 204, 204);
          box-shadow: 0px 0px 5px 0px rgb(204, 204, 204); /* default - gets overridden by the javascript so that the shadow sizes dynamically relative to the thumbnail sizes */
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
/*@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9 ; /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/*.slick-prev:before, .slick-next:before {
    font-family: $slick-font-family;
    font-size: 20px;
    line-height: 1;
    color: $slick-arrow-color;
    opacity: $slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
.slick-prev {
  left: -20px;
  background-image: url("../images/icons/ArrowExpand.svg");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  background-position: center center;
  /*&:before {
      content: $slick-prev-character;

      [dir="rtl"] & {
          content: $slick-next-character;
      }
  }*/
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -20px;
}

.slick-next {
  right: -20px;
  background-position: center center;
  background-image: url("../images/icons/ArrowExpand.svg");
  background-repeat: no-repeat;
  /*&:before {
      content: $slick-next-character;

      [dir="rtl"] & {
          content: $slick-prev-character;
      }
  }*/
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

/* Dots */
.slick-slider {
  margin-bottom: 10px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button, .slick-dots li .c-notebook-notifications__row-secondary-button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li .c-notebook-notifications__row-secondary-button:hover, .slick-dots li button:focus, .slick-dots li .c-notebook-notifications__row-secondary-button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li .c-notebook-notifications__row-secondary-button:hover:before, .slick-dots li button:focus:before, .slick-dots li .c-notebook-notifications__row-secondary-button:focus:before {
  opacity: 1;
}
.slick-dots li button:before, .slick-dots li .c-notebook-notifications__row-secondary-button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before, .slick-dots li.slick-active .c-notebook-notifications__row-secondary-button:before {
  color: black;
  opacity: 0.75;
}

.s-causal svg {
  background-color: #FFF;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.s-causal text {
  pointer-events: none;
}

.c-causal-map__container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.c-causal-map--selected {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}
.c-causal-map--selected .c-card-entity__contents {
  -webkit-filter: drop-shadow(0 0 20px currentColor);
          filter: drop-shadow(0 0 20px currentColor);
}

.c-causal-node__analysis-wrapper {
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  text-shadow: 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255);
}
.c-causal-node__card:hover .c-causal-node__move {
  visibility: visible;
}
.c-causal-node--fade-out {
  opacity: 0.5 !important;
}

.c-causal-graph__container g.links path:nth-child(even):hover {
  cursor: pointer;
}

.c-causal-graph__container g.arrow-heads path {
  pointer-events: none;
}

.c-causal-node__expand-up,
.c-causal-node__expand-up-collapse,
.c-causal-node__expand-up-partial {
  position: absolute;
  top: -22px;
  left: calc(50% - 22px);
  width: 44px;
  height: 17px;
  cursor: pointer;
  opacity: 0;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.c-causal-node__expand-up:hover,
.c-causal-node__expand-up-collapse:hover,
.c-causal-node__expand-up-partial:hover {
  opacity: 1;
}

.c-causal-node__expand-down,
.c-causal-node__expand-down-collapse,
.c-causal-node__expand-down-partial {
  position: absolute;
  bottom: -22px;
  left: calc(50% - 22px);
  width: 44px;
  height: 17px;
  cursor: pointer;
  opacity: 0;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.c-causal-node__expand-down:hover,
.c-causal-node__expand-down-collapse:hover,
.c-causal-node__expand-down-partial:hover {
  opacity: 1;
}

.c-causal-node__expand-up-collapse::before,
.c-causal-node__expand-down-collapse::before,
.c-causal-node__expand-up::before,
.c-causal-node__expand-down::before,
.c-causal-node__expand-up-partial::before,
.c-causal-node__expand-down-partial::before {
  content: "";
  position: absolute;
  background: transparent;
  top: -5px;
  left: 0;
  width: 44px;
  height: 27px;
  z-index: -1;
}

.c-causal-node__expand-other-up,
.c-causal-node__expand-other-up-collapse,
.c-causal-node__expand-other-up-partial {
  position: absolute;
  top: calc(50% - 11px);
  right: -32px;
  width: 44px;
  height: 17px;
  cursor: pointer;
  opacity: 0;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.c-causal-node__expand-other-up:hover,
.c-causal-node__expand-other-up-collapse:hover,
.c-causal-node__expand-other-up-partial:hover {
  opacity: 1;
}

.c-causal-node__expand-other-down,
.c-causal-node__expand-other-down-collapse,
.c-causal-node__expand-other-down-partial {
  position: absolute;
  top: calc(50% - 11px);
  left: -32px;
  width: 44px;
  height: 17px;
  cursor: pointer;
  opacity: 0;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.c-causal-node__expand-other-down:hover,
.c-causal-node__expand-other-down-collapse:hover,
.c-causal-node__expand-other-down-partial:hover {
  opacity: 1;
}

.c-causal-node__expand-other-up-collapse::before,
.c-causal-node__expand-other-down-collapse::before,
.c-causal-node__expand-other-up::before,
.c-causal-node__expand-other-down::before,
.c-causal-node__expand-other-up-partial::before,
.c-causal-node__expand-other-down-partial::before {
  content: "";
  position: absolute;
  background: transparent;
  top: -5px;
  left: 0;
  width: 44px;
  height: 27px;
  z-index: -1;
}

.c-card--dragging > .js-node-expander {
  display: none !important;
}

.js-node-expander:hover {
  background-color: #F06C01;
}

.c-card:hover > .c-causal-node__expand-down, .c-card:hover > .c-causal-node__expand-up-collapse {
  opacity: 1;
  background-image: url(../images/icons/arrow--down-blue.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  margin: auto;
}
.c-card:hover > .c-causal-node__expand-up, .c-card:hover > .c-causal-node__expand-down-collapse {
  opacity: 1;
  background-image: url(../images/icons/arrow--up-blue.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  margin: auto;
}
.c-card:hover > .c-causal-node__expand-down-partial, .c-card:hover > .c-causal-node__expand-up-partial {
  opacity: 1;
  background-image: url(../images/icons/up-down.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  margin: auto;
}
.c-card:hover > .c-causal-node__expand-other-down, .c-card:hover > .c-causal-node__expand-other-up-collapse {
  opacity: 1;
  background-image: url(../images/icons/arrow--down-blue.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  margin: auto;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-card:hover > .c-causal-node__expand-other-up, .c-card:hover > .c-causal-node__expand-other-down-collapse {
  opacity: 1;
  background-image: url(../images/icons/arrow--up-blue.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  margin: auto;
}
.c-card:hover > .c-causal-node__expand-other-down-partial, .c-card:hover > .c-causal-node__expand-other-up-partial {
  opacity: 1;
  background-image: url(../images/icons/up-down.svg);
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 44px;
  height: 17px;
  margin: auto;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-causal-map--selected {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}
.c-causal-map--selected .c-card-entity__contents {
  -webkit-filter: drop-shadow(0 0 20px currentColor);
          filter: drop-shadow(0 0 20px currentColor);
}

/*-------------------------------------*
    (COMPONENT) Causal Map
 *-------------------------------------*/
.c-causal-map {
  width: 100%;
  height: 100%;
  overflow: auto;
  vertical-align: middle;
  text-align: center;
  margin: 1px;
}

/*-------------------------------------*
   BUBBLE CHART
*-------------------------------------*/
.c-chart-bubble-tooltip__content__value-name {
  width: 100%;
}
.c-chart-tooltip--condensed .c-chart-bubble-tooltip__content__value-name {
  white-space: normal;
  width: auto;
  min-width: 300px;
  padding-bottom: 3px;
}

.c-chart__ytd-period-toggle-buttons .ui-controlgroup-item {
  float: unset;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
}

.c-custom-chart-settings__save-container {
  display: table;
  width: auto;
  padding: 10px 10px 10px 10px;
  width: 220px;
  height: 130px;
}

.c-custom-chart-settings__save-container input {
  border: solid 1px #e0e7ee;
}

.c-custom-chart-settings__save-container textarea {
  border: solid 1px #e0e7ee;
}

.c-custom-chart-settings__save-container > div {
  display: table-row;
  width: auto;
  clear: both;
}

.c-custom-chart-settings__save-container > div > div {
  float: left;
  display: table-column;
  margin-bottom: 5px;
}

.c-custom-chart-settings__save-container input {
  width: 197px;
}

.c-custom-chart-settings__save-container textarea {
  width: 197px;
  height: 50px;
}

.c-custom-chart-settings__save-name {
  margin-bottom: 5px;
}

.c-custom-chart-settings__save-desc {
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-custom-chart-settings__save-desc-box {
  margin-bottom: 5px;
}

/*-------------------------------------*
   (COMPONENT) CHART TOOLTIP
*-------------------------------------*/
.c-chart-data-label {
  text-align: center;
}
.c-chart-data-label__subheading {
  font-weight: bold;
}
.c-chart-data-label__subheading--dark {
  text-shadow: 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255);
}
.c-chart-data-label__subheading--light {
  text-shadow: 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0);
}
.c-chart-data-label__name--dark {
  padding-right: 10px;
  text-shadow: 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255);
}
.c-chart-data-label__name--light {
  padding-right: 10px;
  text-shadow: 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0);
}
.c-chart-data-label__value--dark {
  text-shadow: 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255);
}
.c-chart-data-label__value--light {
  text-shadow: 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0), 0 0 2px rgb(0, 0, 0);
}

/*-------------------------------------*
   SCATTER CHART
*-------------------------------------*/
.c-chart-scatter-tooltip__content__value-name {
  width: 100%;
}
.c-chart-tooltip--condensed .c-chart-scatter-tooltip__content__value-name {
  white-space: normal;
  width: auto;
  min-width: 300px;
  padding-bottom: 3px;
}

/*-------------------------------------*
   PERFORMANCE ARC CHART
*-------------------------------------*/
.c-chart-solid-perf-gauge__center-actual {
  background-color: transparent;
  text-align: center;
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.12);
}
.c-chart-solid-perf-gauge__center-info {
  background-color: transparent;
  text-align: center;
  padding-top: 3px;
}
.c-chart-solid-perf-gauge__center-info-target {
  padding-top: 3px;
}
.c-chart-solid-perf-gauge__goal-text {
  margin-top: 2px;
  text-align: center;
  white-space: normal;
}
.c-chart-solid-perf-gauge__status {
  background-color: transparent;
  text-align: center;
}
.c-chart-solid-perf-gauge__status__image-blank {
  outline: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  font-size: 0px;
  background-color: transparent;
}
.c-chart-solid-perf-gauge__status__text {
  white-space: normal;
}

/*-------------------------------------*
   (COMPONENT) CHART TOOLTIP
*-------------------------------------*/
.c-chart-tooltip {
  background-color: #F1F1F1; /* fallback for IE9 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F1F1F1));
  background-image: linear-gradient(#FFF, #F1F1F1);
  padding: 10px 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.c-chart-tooltip__content__header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
  margin-bottom: 5px;
}
.c-chart-tooltip--condensed .c-chart-tooltip__content__header {
  min-width: 350px;
  width: auto;
  white-space: normal;
}
.c-chart-tooltip__content__header table {
  width: 100%;
}
.c-chart-tooltip__content__header-risk {
  text-align: left;
}
.c-chart-tooltip__content__header-date {
  width: 100%;
  text-align: right;
  padding-left: 10px;
}
.c-chart-tooltip__content__series-name {
  font-weight: bold;
  width: 100%;
}
.c-chart-tooltip--condensed .c-chart-tooltip__content__series-name {
  white-space: normal;
  width: auto;
  min-width: 300px;
}
.c-chart-tooltip__content__series-subheading {
  font-weight: bold;
  width: 100%;
}
.c-chart-tooltip--condensed .c-chart-tooltip__content__series-subheading {
  white-space: normal;
  width: auto;
  min-width: 300px;
}
.c-chart-tooltip__content__series-value {
  padding-left: 20px;
  font-weight: normal;
  text-align: right;
  width: 1%;
  /*vertical-align: top;*/
}
.c-chart-tooltip__content__series-value:first-child {
  padding-left: 0px;
}
.c-chart-tooltip--condensed .c-chart-tooltip__content__series-value {
  vertical-align: top;
}
.c-chart-tooltip__content--shadow {
  text-shadow: 0 0 2px black;
}

.c-chart-tooltip__content__series-date {
  padding-left: 20px;
  font-weight: normal;
  text-align: right;
  width: 1%;
  /*vertical-align: top;*/
}
.c-chart-tooltip--condensed .c-chart-tooltip__content__series-date {
  vertical-align: top;
}

/* bring the tooltip infront of x-axis labels and the InPhase UI generally since tooltips can now be anywhere on the page, not just confined to the chart bounds */
.highcharts-tooltip {
  z-index: 9999;
}

/* wrapper classes used when calculating tooltip size in IPChart.ts - we need the contents of the table to dictate the table size rather than the table fitting to available space.  To do this we nest an absolutely positioned element within another one and then the tooltip goes within this for testing its size, otherwise the tooltip will stretch to fill available space */
#temp-tooltip-size-calc {
  position: absolute;
}

#temp-tooltip-size-calc-inner {
  position: absolute;
  white-space: nowrap;
}

.c-chart__back {
  background-image: url("../images/Icons/DrillToParent.png");
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 3px;
}

.c-chart__back:hover {
  opacity: 1;
  border: 1px solid rgb(251, 203, 9);
  background-color: rgb(255, 235, 165);
}

.highcharts-container {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.c-checkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-checkbox:hover {
  border: 1px solid #F06C01 !important;
}
.c-checkbox:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-checkbox:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-checkbox::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-checkbox {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-checkbox:hover, .c-checkbox:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.c-checkbox--checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}

.c-clickable__text {
  visibility: hidden;
  display: inline-block;
  padding: 2px 0 2px 3px;
  -webkit-padding-start: 5px;
}

.c-clickable__invisible-input {
  cursor: pointer;
  border-style: none;
  position: absolute;
  left: 0;
  top: 0;
  font: inherit;
  color: inherit;
  width: calc(100% + 25px);
}

.c-colour-range__wrapper {
  line-height: 13px;
  margin-bottom: 2px;
  clear: both;
}

.c-colour-range__colour {
  width: 1px;
  height: 10px;
  float: left;
}

.c-colour-range__single {
  width: 10px;
  height: 10px;
  float: left;
  border: solid black 1px;
  line-height: 20px;
  margin-right: 10px;
}

/*-------------------------------------*
   (COMPONENT) Comment Form 
*-------------------------------------*/
.c-comment-form {
  padding: 0 20px;
}
.c-comment-form__header {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.c-comment-form__header select {
  width: 250px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-comment-form__header select {
    padding: 5px;
  }
}
.c-comment-form__header select:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__header select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__header select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-comment-form__header select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-comment-form__header-subject-unformatted-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-comment-form__header input[type=text] {
  position: relative;
  width: 226px;
  margin-left: -247px;
  height: 20px;
  border: none;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding-left: 5px;
  background-color: white;
  outline: none;
}
.c-comment-form__header input[type=checkbox] {
  vertical-align: -7px;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-comment-form__header input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__header input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__header input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-comment-form__header input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-comment-form__header input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-comment-form__header input[type=checkbox]:hover, .c-comment-form__header input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-comment-form__comment-text {
  height: calc(100vh - 500px);
  min-height: 245px;
  margin-bottom: 20px;
  overflow: hidden;
}
.c-comment-form__comment-text > div,
.c-comment-form__comment-text textarea {
  width: 100%;
  height: 100%;
}
.c-comment-form__comment-text textarea {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-comment-form__comment-text textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__comment-text textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-comment-form__attachments__scroll {
  max-height: 90px;
  height: 90px;
  overflow: auto;
}
.c-comment-form__attachments__header {
  margin-bottom: 10px;
}
.c-comment-form__attachments__multi-files button, .c-comment-form__attachments__multi-files .c-notebook-notifications__row-secondary-button {
  padding: 6px;
}
.c-comment-form__attachments__multi-files button:focus-visible, .c-comment-form__attachments__multi-files .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #286EBF;
  border-radius: 3px;
  outline-offset: -1px;
}
.c-comment-form__attachments__list {
  border-collapse: separate;
}
.c-comment-form__attachments__type {
  width: 100px;
  padding-right: 15px;
  vertical-align: middle;
}
.c-comment-form__attachments__type select {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-comment-form__attachments__type select {
    padding: 5px;
  }
}
.c-comment-form__attachments__type select:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__attachments__type select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__attachments__type select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-comment-form__attachments__type select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-comment-form__attachments__display-name {
  width: 230px;
  padding-right: 20px;
  vertical-align: middle;
}
.c-comment-form__attachments__display-name input[type=text] {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-comment-form__attachments__display-name input[type=text]:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__attachments__display-name input[type=text]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__attachments__attachment {
  vertical-align: middle;
  padding-right: 20px;
  vertical-align: middle;
}
.c-comment-form__attachments__attachment input[type=text] {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-comment-form__attachments__attachment input[type=text]:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__attachments__attachment input[type=text]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__attachments__actions {
  width: 20px;
  vertical-align: middle;
  text-align: right;
}
.c-comment-form__attachments__actions > div {
  text-align: left;
}
.c-comment-form__attachments__actions img + img {
  margin-left: 5px;
}

.c-comment-form__attachments__list {
  padding-bottom: 10px;
}

.c-comment-form__attachment-add-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-comment-form__attachment-add-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-comment-form__attachment-add-button button, .c-comment-form__attachment-add-button .c-notebook-notifications__row-secondary-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  border: none;
  background: transparent;
}
.c-comment-form__attachment-add-button button:focus-visible, .c-comment-form__attachment-add-button .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #286EBF;
  outline-offset: -1px;
  border-radius: 3px;
}

.c-comment__add-edit-comment-comment-text ul {
  margin-left: 2em;
}

.c-comment-form__take_ownership {
  margin-top: 5px;
  cursor: pointer;
}
.c-comment-form__take_ownership label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-comment-form__take_ownership input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  margin-right: 5px;
}
.c-comment-form__take_ownership input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-comment-form__take_ownership input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-comment-form__take_ownership input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-comment-form__take_ownership input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-comment-form__take_ownership input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-comment-form__take_ownership input[type=checkbox]:hover, .c-comment-form__take_ownership input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.c-comment-form__subject select:disabled,
.c-comment-form__subject input:disabled {
  color: #E8E8E8;
  background-color: #FDFDFD;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.c-comment-form__subject select:disabled:hover,
.c-comment-form__subject input:disabled:hover {
  border-color: #E8E8E8 !important;
}

@media screen and (max-width: 600px) {
  .c-comment-form__attachments__list {
    display: inline-block !important;
  }
  .c-comment-form__attachments__list > div {
    display: block !important;
    margin-bottom: 5px;
    padding: 5px 0;
  }
  .c-comment-form__attachments__list > div > div {
    display: inline-block !important;
  }
  .c-comment-form__attachments__display-name {
    width: calc(100% - 105px) !important;
  }
  .c-comment-form__attachments__display-name {
    width: calc(100% - 105px) !important;
    padding-right: 0;
  }
  .c-comment-form__attachments__attachment {
    width: calc(100% - 25px) !important;
    min-height: 20px !important;
    padding: 10px 0;
  }
  .c-comment-form__attachments__list-header {
    display: none !important;
  }
}
.c-comments-header {
  background-color: white;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /*background-image: url(../images/Backgrounds/panelHeaderGradient_Dark.png);
  background-repeat: repeat-x;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #57606c;
  padding: 6px 4px 0 4px;
  background-color: rgb(248, 248, 248);
  border-bottom-color: #c3cacd;*/
  /*&--menu-only {
      background-image: none;
      background-color: transparent;
      padding-top: 0px;
      border: none;
      height: 26px;
  }*/
}

.c-comments-header__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 20px 10px 20px;
  /*&--menu-only {
      padding-top: 2px;
  }*/
}
.c-comments-header__top-panel button + button, .c-comments-header__top-panel .c-notebook-notifications__row-secondary-button + button, .c-comments-header__top-panel button + .c-notebook-notifications__row-secondary-button, .c-comments-header__top-panel .c-notebook-notifications__row-secondary-button + .c-notebook-notifications__row-secondary-button {
  margin-left: 6px;
}

.c-comments-header__add-comment {
  margin-left: auto;
}

.c-comments-header__filters {
  padding: 5px 20px;
}

.c-comments-header__filters-heading-text {
  font-size: 12px;
  font-weight: 600;
}

.c-comments-header__date {
  font-size: 12px;
  color: #286EBF;
}
.c-comments-header__date:hover {
  color: #F06C01;
}

.c-comments__buttonify {
  float: left;
}

.c-comments__standard-text {
  font-size: 12px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  color: rgb(36, 66, 98);
}

.c-comments__wrapper {
  font-size: 12px; /* Override x-small font-size coming through from global.css */
  height: 100%;
  background-color: rgb(255, 255, 255);
  page-break-inside: avoid;
  border-left: 1px solid rgb(204, 204, 204);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-comments__wrapper--full {
  border-left: 0 none transparent;
}

.c-comments__wrapper--maximised {
  position: fixed;
  top: 100px;
  left: 0;
  right: 322px;
  padding: 20px;
  bottom: 0;
  z-index: 3;
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 900px) {
  .c-comments__wrapper--maximised {
    top: 0;
    right: 0;
    z-index: 5;
  }
}

.c-comments__wrapper a {
  font-size: 12px;
  text-decoration: none;
  color: #2B76CD;
}
.c-comments__wrapper a:hover {
  color: #F06C01;
}
.c-comments__wrapper a:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 2px;
}

.CommentPanelMouseOverLink {
  margin-left: 10px;
  padding: 3px;
}

.c-comments__wrapper .c-comments__collapsing-panel-wrapper {
  border-top: none; /* Override default top border setting */
}

.c-comments__button-container {
  float: right;
  margin-right: 3px;
  margin-bottom: 2px;
  min-height: 28px;
}

.c-comments__button-svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-comments__button-svg > svg {
  width: 18px;
  height: 18px;
  stroke: #286EBF;
  fill: #286EBF;
  pointer-events: none;
}
.c-comments__button-svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-comments__button-svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-comments__button-svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-comments__button-svg:focus-visible {
  border: 1px solid #286EBF;
  border-radius: 3px;
  outline: none;
  padding: 3px;
}

.c-comments__button-svg--disabled {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  min-width: 22px;
}
.c-comments__button-svg--disabled > svg {
  width: 18px;
  height: 18px;
  stroke: gray;
  fill: gray;
  pointer-events: none;
}
.c-comments__button-svg--disabled:hover {
  background-color: transparent;
  color: gray;
}
.c-comments__button-svg--disabled:hover > svg {
  stroke: gray;
  fill: gray;
}
.c-comments__button-svg--disabled:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-comments__button-svg--selected {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
}
.c-comments__button-svg--selected > svg {
  width: 18px;
  height: 18px;
  stroke: #F06C01;
  fill: #F06C01;
  pointer-events: none;
}
.c-comments__button-svg--selected:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-comments__button-svg--selected:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-comments__button-svg--selected:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-comments .c-comments__button-text {
  background-color: rgb(43, 118, 205);
  color: white;
  min-width: 22px;
  font-size: 11px;
  line-height: normal;
  padding: 4px 9px;
}
.c-comments .c-comments__button-text:hover {
  background-color: #F06C01;
  color: #fff;
}
.c-comments .c-comments__button-text:focus-visible {
  outline: 1px solid #fff;
  outline-offset: -2px;
}

.c-comments__button-reply {
  margin-right: 5px;
}

.c-comments__actions-bar .c-comments__button-text + .c-comments__button-text,
.c-comments__actions-bar .c-comments__button-text + .c-comments__button-svg,
.c-comments__actions-bar .c-comments__button-svg + .c-comments__button-svg,
.c-comments__actions-bar .c-comments__button-svg + .c-comments__button-text {
  margin-left: 4px;
}
.c-comments__actions-bar .c-comments__button-text.u-invisible + .c-comments__button-text,
.c-comments__actions-bar .c-comments__button-text.u-invisible + .c-comments__button-svg,
.c-comments__actions-bar .c-comments__button-svg.u-invisible + .c-comments__button-svg,
.c-comments__actions-bar .c-comments__button-svg.u-invisible + .c-comments__button-text {
  margin-left: 0;
}

.c-comments__view-toggle-container {
  min-height: 28px;
}

.c-comments__mode {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.c-comments__size-small .c-comments__mode {
  display: none;
}

.c-comments__mode-definition.c-comments__button-svg--selected {
  cursor: default;
}

.c-comments__mode-period.c-comments__button-svg--selected {
  cursor: default;
}

.c-comments__filter-button {
  margin-left: 8px;
}

.c-comments__size-small .c-comments__filter-button {
  margin-left: 0;
}

.c-comments__size-xsmall .c-comments__filter-button {
  display: none;
}

.c-comments__date-picker {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 3px;
  text-align: center;
}

.c-comments__size-xsmall .c-comments__date-picker {
  margin-left: initial;
}

.c-comments__date-picker-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 13px;
  height: 22px;
}

.c-comments__date-picker-choose-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.c-comments__date-picker-choose-period div {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.c-comments__heading-text {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #3b4b7c;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.c-comments__picker-container {
  margin: 5px 0;
  min-height: 25px;
}

.c-comments__picker {
  zoom: 1;
  font-size: 12px;
  /*line-height: 25px;*/
  line-height: 1.4em;
  /*min-height: 25px;*/
  /*background-color: #edf2f7 !important;*/
  background-color: white !important;
  /*border: 1px solid #D9D9D9 !important;*/
  border-radius: 4px;
  /*behavior: url(../Include/PIE/PIE.htc);*/
  z-index: 3;
}

/*-------------------------------------*
    #DROP DOWNS - jQuery UI overides
 *-------------------------------------*/
.s-comments {
  /*label,
  input,
  select,
  button,
  a {
      color: #2e6e9e !important;
  }*/
}
.s-comments .ui-state-default {
  color: #3b4b7c !important;
  background: none;
  border: 0;
  cursor: pointer;
}
.s-comments .ui-widget {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px !important;
  font-weight: normal !important;
}
.s-comments .ui-widget label {
  text-decoration: none;
}
.s-comments .ui-state-active {
  border: none !important;
  color: #2e6e9e !important;
  font-weight: normal;
  text-decoration: none;
  background-color: #edf2f7 !important;
  background-image: none !important;
}
.s-comments .ui-widget-content .ui-state-hover {
  border: none !important;
  font-weight: normal;
  text-decoration: none;
  background-image: none !important;
  background-color: #ffeba5 !important;
}
.s-comments .ui-widget-content {
  border: 1px solid #cccccc;
  color: #2e6e9e;
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  background-color: #ffffff;
}
.s-comments .ui-widget-content a {
  color: #2e6e9e !important;
}
.s-comments .ui-multiselect {
  display: block;
  float: none;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  width: 100% !important;
  height: 26px;
  line-height: normal;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .s-comments .ui-multiselect {
    padding: 5px;
  }
}
.s-comments .ui-multiselect:hover {
  border: 1px solid #F06C01 !important;
}
.s-comments .ui-multiselect:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.s-comments .ui-multiselect:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.s-comments .ui-multiselect:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.s-comments .ui-multiselect .ui-multiselect-textbox {
  border: 1px solid transparent;
  padding: 1px 5px 2px 5px;
  height: 26px;
}
.s-comments .ui-multiselect span.ui-icon {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  bottom: 0;
  width: 25px;
  height: auto;
  background-image: url(../images/DropdownArrow.svg);
  background-position: center 10px;
  background-size: 9px;
}
.s-comments .ui-multiselect span.ui-text {
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  margin: 0 0 0 0;
  width: auto;
  white-space: normal;
  overflow: auto;
}
.s-comments .ui-multiselect-single input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.s-comments .ui-multiselect-single label {
  /*padding: 5px 13px 5px 20px !important;*/
}
.s-comments .ui-multiselect-menu {
  display: none;
  position: absolute;
  left: 5px;
  right: 5px !important;
  z-index: 6;
  text-align: left;
  overflow: hidden;
}
.s-comments .ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  width: 100%;
  border: none !important;
  padding: 3px 1px;
}
.s-comments .ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.s-comments .ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding: 0;
}
.s-comments .ui-multiselect-checkboxes li label {
  padding: 5px 0;
  border: none !important;
}
.s-comments .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px dotted #e3e3e3;
  font-size: 12px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
  font-weight: bold;
}
.s-comments .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
  cursor: default;
  color: rgb(43, 118, 205);
}

/*-------------------------------------*
    #DROP DOWNS - jQuery UI overides - END
 *-------------------------------------*/
.c-comments__content-container {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  /* Fixes an issue where the collapsingPanelHeader elements weren't scrolling with the rest of the content */
  position: relative;
  border: none;
  height: 100%;
}

.c-comments__period {
  padding: 0;
}

.c-comments__period-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  background-color: #E8ECF1;
  padding: 15px 20px;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  color: #266AB8;
  border-bottom: 1px solid white;
}
.c-comments__period-bar:not(:first-child) {
  margin-top: 10px;
}

.c-comments__period-title {
  margin-right: auto;
}

.c-comments__subject-container {
  min-height: 30px;
}
.c-comments__subject-container:not(:first-child) {
  margin-top: 10px;
}
.c-comments__subject-container:last-child {
  margin-bottom: 10px;
}

.c-comments__subject-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  background-color: #F7F7F7;
  padding: 15px 20px;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  color: rgb(43, 118, 205);
  border-bottom: 1px solid white;
}

.c-comments__arrow-container {
  width: 22px;
  height: 22px;
}

button > .c-comments__arrow, .c-notebook-notifications__row-secondary-button > .c-comments__arrow {
  width: 12px;
  height: 12px;
  fill: #7BC973;
  stroke: #7BC973;
  /*pointer-events: none;*/
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.c-comments__arrow-up {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.c-comments__arrow-down {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-comments__subject-title {
  color: #266ABB;
  margin-right: auto;
}

.c-comments__subject-bar-separator {
  padding: 0 4px 0 10px;
  margin: 0 0 0 0;
}

.c-comments__comment-separator {
  border-bottom: 1px solid #9fb2c5;
}

.c-comments__subjects {
  padding: 0 20px 0 20px;
}

.c-comments__comment-divide {
  border-top: 1px solid #e2e8ed;
  margin: 10px 0;
}

.c-comments__comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 15px;
}

.c-comments__avatar {
  border-radius: 50% 50%;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -9px;
}

.c-comments__size-xsmall .c-comments__avatar {
  display: none;
}

.c-comments__comment-detail-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.c-comments__comment-detail {
  position: relative;
}
.c-comments__comment-detail:before {
  content: " ";
  display: block;
  position: absolute;
  top: 36px;
  left: -32.5px;
  height: 100%;
  border-left: solid 1px #DDE4EC;
}
@media screen and (max-width: 768px) {
  .c-comments__comment-detail { /* Stops iPad getting a horizontal scroll */
    max-width: 240px;
  }
}

.c-comments__comment-detail--no-replies:before {
  display: none;
}

.c-comments__comment-detail-wrapper--show-reply .c-comments__comment-detail--no-replies:before {
  display: block;
}

.c-comments__reply .c-comments__comment-detail:before {
  top: 39px;
  left: -43px;
  height: 100%;
}

.c-comments__reply:nth-last-child(2) .c-comments__comment-detail:before {
  display: none;
}

.c-comments__comment-detail-wrapper--show-reply .c-comments__reply:nth-last-child(2) .c-comments__comment-detail:before {
  display: block;
}

.c-comments__reply-entry .c-comments__comment-detail:before {
  display: none;
}

.c-comments__size-xsmall .c-comments__comment-detail:before {
  display: none !important;
}

.c-comments__reply,
.c-comments__reply-entry {
  position: relative;
  background-color: #F7F7F7;
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 10px;
}
.c-comments__reply .c-comments__text,
.c-comments__reply-entry .c-comments__text {
  min-height: 20px;
}

.c-comments__reply-avatar {
  position: absolute;
  left: -46.5px;
  top: 16px;
  border-radius: 50% 50%;
  width: 28px;
  height: 28px;
  margin-right: 18.5px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-comments__reply-actions {
  float: right;
}

.c-comments__reply-text {
  white-space: pre-wrap;
  overflow-x: hidden;
  /*margin: 0;*/
}

.c-comments__text {
  font-size: 12px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comments__text {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-comments__text textarea {
  border-radius: 4px;
}
.c-comments__text textarea:focus-visible {
  outline: none;
  border: 1px solid #286EBF;
}

.c-comments__comment-date {
  font-size: 12px;
  line-height: 15px;
  color: #697881;
  margin-bottom: 10px;
}

.c-comments__comment-panel-information {
  color: #949694;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.c-comments__comment-panel-user-name {
  color: #244262;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comments__comment-panel-user-name {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-comments__edit-comment {
  float: left;
  background-image: url(../images/CommentsPanel/EditSubtle.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 14px;
  cursor: pointer;
}

.c-comments__edit-comment--hover {
  float: left;
  background-image: url(../images/CommentsPanel/EditColor.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 14px;
  cursor: pointer;
}

.c-comments__delete-comment {
  float: left;
  background-position: center bottom;
  background-image: url(../images/Icons/Actions/deleteSprite.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  cursor: pointer;
}

.c-comments__delete-comment--hover {
  float: left;
  background-position: center top;
  background-image: url(../images/Icons/Actions/deleteSprite.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  cursor: pointer;
}

.c-comments__comment-text {
  overflow: hidden;
}

.c-comments__comment-editor {
  overflow: auto !important;
  height: 100%;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comments__comment-editor {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-comments__comment-text ul {
  padding-left: 16px;
}

.c-comments__comment-text img {
  max-width: 100%;
}

.c-comments__comment-panel-clickable-link {
  cursor: hand;
  color: #738ABD;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.c-comments__comment-panel-clickable-link:link {
  color: #738ABD;
}
.c-comments__comment-panel-clickable-link:link:focus-visible {
  outline: 1px solid #2B76CD;
  border-radius: 3px;
}

.c-comments__comment-panel-clickable-link:visited {
  color: #738ABD;
}

.c-comments__comment-panel-clickable-link:hover {
  color: #738ABD;
}

.c-comments__comment-panel-clickable-link:active {
  color: #738ABD;
}

.c-comments__actions-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
}

.c-comments__text + .c-comments__actions-bar {
  margin-top: 10px;
}

/*.c-comments__actions-bar > * {
    vertical-align: middle;
}*/
.c-comments__attachments ul {
  margin: 5px 0 5px 20px;
  list-style-type: square;
}

.c-comments__attachment-name a:focus-within {
  border: 1px solid #286EBF;
  border-radius: 3px;
  outline: none;
  padding: 2px 5px;
}

.c-comments__comment-replies-separater {
  margin: 10px 0;
  border-top: 1px solid #E9EDF2;
}

.c-comments__view-more-comments {
  padding-left: 53px;
  margin: 10px 0 1px 0;
}

.c-comments__comment-panel-reply-text-area {
  overflow: visible;
  color: #737573;
  background-color: #FFFFFF;
  width: 100%;
  height: 40px;
  font-size: 12px;
  border: 1px solid #BDC7DE;
}

.c-comments__commentPanelReplyTextArea {
  width: 100%;
  border: 1px solid #D9D9D9;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comments__commentPanelReplyTextArea {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-comments__commentPanelReplyTextArea:hover {
  border: 1px solid #F06C01;
}
.c-comments__commentPanelReplyTextArea:focus-visible {
  border: 1px solid #286EBF;
  outline: none;
}

.o-discussion-defcomments-hidden {
  /*& .c-comments__mode-period {
      margin-left: 0;
  }*/
}
.o-discussion-defcomments-hidden .c-comments__mode-definition {
  display: none;
}

.c-comments--inline > .c-comments__wrapper {
  border-left: none;
}

.c-comments__quick-add-title {
  float: none;
  width: 100%;
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 7px;
  text-align: left;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #244262;
  min-height: 22px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comments__quick-add-title {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-comments__maximise {
  float: right;
}

.c-comment_quick-add {
  padding-left: 40px;
  position: relative;
  line-height: 35px;
}
.c-comment_quick-add > textarea {
  width: 100%;
  color: #244262;
  border: 1px solid #D9D9D9;
  border-width: 0 0 1px 0;
  padding: 5px 6px;
  border-radius: 0;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-comment_quick-add > textarea {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-comment_quick-add > textarea:hover {
  border-bottom: 1px solid #F06C01;
}
.c-comment_quick-add > textarea:focus-visible {
  border-bottom: 1px solid #286EBF;
  outline: none;
}

.c-comments__user-avatar {
  position: absolute;
  left: 0;
  top: 0;
  height: 29px;
  width: 29px;
  border-radius: 50%;
}

/* Simplified comments in side panel */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-side-panel .c-side-panel__content {
    width: 372px; /* Move scrollbar away from perfect scroll scrollbar so it can be used in IE */
    overflow-x: hidden;
  }
}
@-moz-document url-prefix() {
  .c-side-panel .c-side-panel__content {
    width: 372px; /* Move scrollbar away from perfect scroll scrollbar so it can be used Firefox */
  }
}
.c-side-panel .c-comments__quick-add {
  margin-bottom: 10px;
}
.c-side-panel .c-comments__quick-add-title {
  margin-top: 0;
}
.c-side-panel .c-comments__subject-bar {
  visibility: hidden; /* Hide subject bar and icons */
  height: 0;
}
.c-side-panel .c-comments__comment { /* Show comments within subject bar container */
  visibility: visible;
  padding-top: 0;
  margin-bottom: 30px;
}
.c-side-panel .c-comments__subjects {
  padding: 0;
}
.c-side-panel .c-comments__quick-add-title {
  float: none;
  width: 100%;
  margin-right: 0;
  text-align: left;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 7px;
  color: #244262;
}
.c-side-panel .c-comments__reply, .c-side-panel .c-comments__reply-entry {
  padding: 10px;
}
.c-side-panel .c-comments__avatar {
  width: 29px;
  height: 29px;
  top: 0;
}
.c-side-panel .c-comments__reply-avatar {
  left: -38.5px;
  top: 0px;
}
.c-side-panel .c-comments__comment-detail:before {
  top: 29px;
  left: -25.5px;
}
.c-side-panel .c-comments__reply .c-comments__comment-detail:before {
  top: 18px;
  left: -34.5px;
}
.c-side-panel .c-comment_quick-add > textarea {
  padding: 5px 0;
  resize: none;
}
.c-side-panel .c-comments__comment-date {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: lowercase;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-side-panel .c-comments__comment-date {
    position: static;
  }
}
.c-side-panel .c-comments__text {
  min-height: 12px;
}
.c-side-panel .c-comments__comment-divide,
.c-side-panel .c-comments__button-history {
  display: none;
}

.c-comments__mode-btn {
  min-width: 155px;
  font-size: 11px;
  line-height: normal;
  margin: 10px 4px 10px 0;
  padding: 4px 8px;
  white-space: nowrap;
  border-radius: 4px;
  background-color: transparent;
  text-align: left;
}
.c-comments__mode-btn:hover {
  background-color: #F06C01;
  color: white;
}
.c-comments__mode-btn:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}

.c-comments__mode-btn--selected {
  background-color: rgb(43, 118, 205);
  color: white;
}

.c-comments__mode-arrow {
  width: 12px;
  height: 12px;
  fill: rgb(255, 255, 255);
  stroke: rgb(255, 255, 255);
  pointer-events: none;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  float: right;
  margin-top: 2px;
}

.c-comments__comment-divide:first-child {
  display: none;
}

.c-comments__camera {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  padding: 0;
  width: 26px;
}
.c-comments__camera > svg {
  width: 30px;
  height: 20px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-comments__camera:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-comments__camera:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-comments__camera:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-comments__camera:focus-within {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
  padding: 1px 0;
}

.c-comments__camera_input {
  width: 0;
  height: 0;
}

.c-comments__upload {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
}
.c-comments__upload > svg {
  width: 22px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-comments__upload:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-comments__upload:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-comments__upload:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-comments__upload span {
  padding-right: 5px;
}
.c-comments__upload:focus-within {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
  padding: 3px 0;
}

.c-comment__delete-attachment {
  padding: 3px 6px;
}
.c-comment__delete-attachment:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
  border-radius: 3px;
}

.c-comments__file_input {
  width: 0;
  height: 0;
}

.c-comment__file-picker-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-comment__file-picker-choose {
  margin-right: 10px;
}
.c-comment__file-picker-choose:focus-visible {
  border: 1px solid #2b76cd;
  border-radius: 3px;
  outline: none;
  padding: 6px;
}

/*-------------------------------------*
   (COMPONENT) Comment Form 
*-------------------------------------*/
.c-recent-comment {
  background-color: white;
  cursor: pointer;
  padding: 10px 30px 20px 16px;
  color: rgb(102, 102, 102);
}
.c-recent-comment:hover {
  cursor: pointer;
}
.c-recent-comment__wrapper {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: white;
}
.c-recent-comment__show-hide {
  font-size: 11px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  margin: 8px 0;
}
.c-recent-comment__contents {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 70px);
}
.c-recent-comment__summary {
  vertical-align: top;
  display: inline-block;
  width: 55px;
  text-align: right;
}
.c-recent-comment__obj-name {
  /*color: rgb(53, 64, 82);*/
  font-weight: bold;
}
.c-recent-comment__meas-name {
  /*color: rgb(53, 64, 82);*/
  font-weight: bold;
}
.c-recent-comment__period {
  color: rgb(132, 149, 173);
  font-weight: bold;
}
.c-recent-comment__subject {
  color: rgb(132, 149, 173);
  font-weight: bold;
}
.c-recent-comment__avatar {
  display: inline-block;
  margin: 4px;
  height: 36px;
  width: 36px;
  border-radius: 23px;
  vertical-align: top;
}
.c-recent-comment__comment-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 58px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  white-space: pre-wrap;
  color: rgb(77, 90, 107);
  font-size: 11px;
  line-height: 14px;
}
.c-recent-comment__comment-text-fade {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  height: 15px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}
.c-recent-comment__log-date {
  color: rgb(132, 149, 173);
  overflow-x: hidden;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
}
.c-recent-comment__owner-name {
  overflow-x: hidden;
  display: none;
}
.c-recent-comment__reply-contents {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 30px);
}
.c-recent-comment__reply {
  margin-left: 58px;
  background-color: rgb(247, 247, 247);
  padding: 10px;
  border-radius: 4px;
}
.c-recent-comment__reply-avatar {
  display: inline-block;
  margin: 4px;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  vertical-align: top;
}
.c-recent-comment__reply-contents {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 70px);
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 65px;
}
.c-recent-comment__reply-contents-fade {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  height: 15px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(239, 239, 246, 0.9)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(239, 239, 246, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#efeff6",GradientType=0 ); /* IE6-9 */
}
.c-recent-comment__reply-summary {
  vertical-align: top;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
}
.c-recent-comment__replies-count {
  margin: 15px 0 7px 58px;
  color: rgb(132, 149, 173);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.c-config-layout__container {
  background: rgb(247, 247, 247);
  height: 100%;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.c-config-layout__content {
  height: 100%;
}

.c-config-layout__label {
  color: #244262;
  font-size: 12px;
  margin-bottom: 10px;
}

/*-------------------------------------*
    (COMPONENT) Content Lock 
 *-------------------------------------*/
.c-contents-lock {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.c-contents-lock__image {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  background-size: 30px 30px;
}

.c-contents-page__classic-list-container {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}

.c-contents-page__classic-list-container a {
  text-decoration: none;
}

.c-contents-page__classic-list-table {
  table-layout: fixed;
  border-collapse: collapse; /* remove cellspacing  */
  border: 1px double #c0c0c5; /* double forces the dominance of this border of the cells when they are collapsed */
  width: 100%;
}

.c-contents-page__classic-list-table th,
.c-contents-page__classic-list-table td {
  padding: 0; /* cellpadding equivalent*/
  font-size: 11px;
}

.c-contents-page__classic-list-table th,
.c-contents-page__classic-list-table .headerRow td {
  border-bottom: 1px solid #c0c0c5;
  border-top: 1px solid #c0c0c5;
  border-right: 1px solid #c0c0c5;
  background: #fff url(../images/TableBgGradient.png) repeat-x left bottom;
  color: #6b6f79;
  text-align: left;
  padding: 6px 4px 4px 4px;
  font-size: 11px;
}

.c-contents-page__classic-list-table th a {
  color: #6b6f79;
}

.c-contents-page__classic-list-table td {
  border-bottom: 1px solid #eaebef;
  border-left: 1px solid #eaebef;
  padding: 6px 4px 6px 4px;
  color: #616b7e;
  line-height: 1.3em;
}

.c-contents-page__classic-list-table tr:nth-child(even) {
  background-color: #f8fafd;
}

.c-contents-page__classic-list-table tr:nth-child(odd) {
  background-color: #fff;
}

.c-contents-page__classic-list-table-sub-page {
  padding-left: 229px;
}

.c-contents-page__classic-list-table-name-wrapper {
  font-weight: bold;
  word-wrap: break-word;
}

.c-contents-page__classic-list-table-sub-page .c-contents-page__classic-list-table-name-wrapper {
  margin-left: 15px;
}

.c-contents-page__classic-list-table td:hover {
  background: #fff9d2 url("../images/Backgrounds/Hover/Std_NoBorder_20.png") repeat-x !important;
}

.c-contents-page__layout-table {
  overflow: auto;
  width: 100%;
  height: 100%;
}

.c-contents-page__layout-table-header {
  border-collapse: collapse;
}

.c-contents-page__layout-table-bbkname {
  font-size: large;
  text-align: center;
  border: 0;
  padding-top: 6px;
  padding-bottom: 0;
}

.c-contents-page__layout-table-bbkname span {
  font-size: larger;
}

.c-contents-page__layout-table-bbkdesc {
  text-align: center;
  font-size: 8pt;
  padding-top: 6px;
  padding-bottom: 0;
}

.c-contents-page__layout-table-bbkowner {
  text-align: center;
  font-size: 8pt;
  padding-top: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #9fb2c7;
}

.c-contents-page__layout-table-bbkdesc span {
  width: 500px;
}

.c-contents-page__layout-table-bbkowner span {
  width: 500px;
}

.c-contents-page__layout-table-title {
  height: 23px;
  background-color: #fff;
}

.c-contents-page__layout-table-title-text {
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color: #4f81bd;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 5px;
}

.c-contents-page__thumb-list-container {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}

.c-contents-page__thumb-list-container a {
  text-decoration: none;
}

.c-contents-page__thumb-list-container ul {
  list-style-type: none;
  width: 100%;
  padding-right: 5px;
  margin: 0px;
  position: relative;
}

.c-contents-page__thumb-list-container li {
  padding: 0px;
  margin: 0px 0px 1px 0px;
}

.c-contents-page__thumb-list-container li > div:hover {
  background: #fff9d2 url(../images/Backgrounds/Hover/Std_NoBorder_100.png) repeat-x;
  border: 1px solid #ffdb4a;
}

.c-contents-page__thumb-list-row-odd {
  background-color: #f8fafd;
}

.c-contents-page__thumb-list-row-even {
  background-color: #fff;
}

.c-contents-page__thumb-list-row {
  position: relative;
  min-height: 93px;
  border: 1px solid #eaebef;
  padding-left: 127px; /* width of .gripper + width of .icon */
  padding-right: 25px; /* width of .actionButtons + 3px content margin*/
  page-break-inside: avoid;
}

.c-contents-page__thumb-list-row-icon {
  position: absolute;
  left: 10px;
  top: 0px;
}

.c-contents-page__thumb-list-row-icon img {
  width: 80px;
  height: 80px;
}

.c-contents-page__thumb-list-row-details {
  float: left;
}

.c-contents-page__thumb-list-row-details-name {
  margin-top: 5px;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 3px;
}

.c-contents-page__thumb-list-row-details-desc {
  font-size: 11px;
  margin-top: 5px;
  cursor: default;
}

.c-contents-page__thumb-list-row-child {
  margin-top: 1px;
}

.c-contents-page__thumb-list-row-details-child {
  margin-left: 80px;
}

.c-context-menu {
  position: absolute;
  z-index: 7;
  background-color: white;
  max-height: 100%;
  height: auto;
  overflow: auto;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-context-menu__delimiter {
  line-height: 1px;
  border-bottom: 1px solid #eee;
  margin: 2px 0 3px 0;
}

.c-context-menu__title {
  white-space: normal;
  overflow: hidden;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 22px;
  color: #505963;
}

.c-context-menu__items {
  margin: 0;
  list-style: none;
  width: 200px;
  padding: 7px 12px;
}

li.c-context-menu__item {
  clear: both;
  border: solid 1px transparent;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  min-height: 22px;
  overflow: hidden;
  line-height: 1.5;
  color: rgb(43, 118, 205);
}
li.c-context-menu__item:hover {
  color: #F06C01;
}
li.c-context-menu__item:hover svg {
  stroke: #F06C01;
  fill: #F06C01;
}
li.c-context-menu__item[data-hassub=true] {
  background: right top 1px/20px 20px no-repeat url(../images/Icons/DrillDown.svg);
}

.c-context-menu__item--disabled {
  cursor: default !important;
  color: #888 !important;
}

.c-context-menu__ticked {
  display: table-cell;
  float: left;
  width: 20px;
  height: 22px;
  background: center center/12px 12px no-repeat url(../images/icons/tick.svg);
  margin: 0 4px 0 0;
}

.c-context-menu__notick {
  display: table-cell;
  float: left;
  width: 20px;
  height: 22px;
  margin: 0 4px 0 0;
}

.c-context-menu__large-icon {
  display: table-cell;
  float: left;
  width: 34px;
  height: 34px;
  margin: 1px 6px 0 2px;
  background: center center no-repeat;
}

.c-context-menu__icon {
  display: table-cell;
  float: left;
  width: 18px;
  height: 22px;
  margin: 1px 7px 0 2px;
  background: center center no-repeat;
}

.c-context-menu__text {
  display: table-cell;
  padding: 3px 2px 4px 0;
  white-space: normal;
}

.c-context-menu__sub-menu {
  display: table-cell;
  float: right;
  width: 18px;
  height: 22px;
  background: center center/6px 10px no-repeat url(../images/icons/arrow--right.svg);
}

.c-missing-check-in__emp {
  display: inline-block;
  vertical-align: top;
  margin: 4px;
  background-color: white;
  padding: 10px 10px 10px 56px;
  cursor: pointer;
  page-break-inside: avoid;
  position: relative;
  border: 1px solid rgb(227, 227, 227);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  width: 350px;
  height: 72px;
  max-width: calc(100vw - 10px);
}

.c-missing-check-in__owner {
  line-height: 17px;
  margin-bottom: 5px;
}

.c-missing-check-in__department {
  font-size: 9px;
  color: #537597;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.c-missing-check-in__avatar {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  pointer-events: none;
}

.c-missing-check-in__count {
  /*position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  pointer-events: none;*/
  float: right;
  background-color: #249DED;
  font-weight: normal;
  display: inline-block;
  width: 35px;
  height: 20px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}

.c-crisis__page {
  background: url(../images/covid19icons/bg-desktop.svg) no-repeat;
  min-height: calc(100vh - 150px);
}

.c-crisis__quick-edit {
  position: fixed;
  bottom: 10px;
  left: 50%;
  margin-left: -25px;
  background: #2b76cd url(../images/Icons/create.svg) center center no-repeat;
  border-radius: 50%;
  background-color: #2b76cd;
  color: rgb(255, 255, 255);
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 1;
}
.c-crisis__quick-edit:hover {
  background-color: rgb(240, 108, 1);
}

@media print {
  .c-crisis__quick-edit {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .is-sidepanel-docked ~ .c-crisis__quick-edit {
    display: none !important;
  }
}
.c-app-crisis-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-app-crisis-wrapper h1 {
  font-family: Inter UI, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 27px;
  line-height: 40px;
  color: #2B76CD;
  letter-spacing: -1px;
  padding-bottom: 10px;
  padding-top: 23px;
  border-bottom: 2px solid white;
  margin: 0 15px 30px 15px;
}
@media only screen and (max-width: 768px) {
  .c-app-crisis-wrapper h1 {
    margin: 0 15px 20px 15px;
    padding-top: 20px;
  }
}
.c-app-crisis-wrapper .c-built-in__header-2 {
  margin: 0 15px 10px 15px;
  max-width: unset;
}
@media only screen and (max-width: 768px) {
  .c-app-crisis-wrapper .c-built-in__header-2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.c-app-crisis-wrapper .c-message__no-data,
.c-app-crisis-wrapper .c-message__no-working-capacity {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width: 768px) {
  .c-app-crisis-wrapper .c-message__no-data,
  .c-app-crisis-wrapper .c-message__no-working-capacity {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-app-crisis-wrapper .c-message__no-data,
  .c-app-crisis-wrapper .c-message__no-working-capacity {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-app-crisis-wrapper .c-missing-check-in__wrapper {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .c-app-crisis-wrapper .c-missing-check-in__wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.c-app-crisis-wrapper .c-minimal-table__wrapper {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .c-app-crisis-wrapper .c-minimal-table__wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.c-app-crisis-wrapper .c-minimal-table {
  border-spacing: 0;
  min-width: unset !important;
}
.c-app-crisis-wrapper .c-minimal-table > tbody > tr > td:first-child {
  border-radius: 0;
  padding-left: 10px;
}
@media only screen and (min-width: 768px) {
  .c-app-crisis-wrapper .c-minimal-table > tbody > tr > td:first-child {
    border-radius: 4px 0 0 4px;
  }
}
.c-app-crisis-wrapper .c-minimal-table > tbody > tr > td:last-child {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .c-app-crisis-wrapper .c-minimal-table > tbody > tr > td:last-child {
    border-radius: 0 4px 4px 0;
  }
}
.c-app-crisis-wrapper .c-minimal-table > tbody > tr > td {
  padding: 10px 0;
  vertical-align: middle;
}
.c-app-crisis-wrapper .c-minimal-table .c-simple-table__col--min-width {
  padding-right: 20px;
}
@media screen and (max-width: 788px) {
  .c-app-crisis-wrapper .c-minimal-table .c-simple-table__col--min-width {
    padding-right: 0;
  }
}
.c-app-crisis-wrapper .c-minimal-table .c-simple-table__cell_with_icons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-app-crisis-wrapper .c-minimal-table .c-simple-table__default-name {
  line-height: 17px;
  margin: 5px 0;
}
.c-app-crisis-wrapper .c-minimal-table .c-simple-table__text-clip {
  font-size: 9px;
  color: #537597;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.c-app-crisis-wrapper .c-app-page__widget-spacing--top {
  margin-top: 0;
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  .c-crisis-actions__entity-picker {
    position: absolute;
    top: 27px;
    right: 15px;
  }
  .c-employee-selector__crisis-popup-content:before, .c-employee-selector__crisis-popup-content:after {
    right: 10px !important;
  }
}
@media (min-width: 769px) {
  .c-crisis-actions__entity-picker {
    position: absolute;
    top: 27px;
    right: 15px;
  }
  .c-crisis-actions__entity-picker .c-employee-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-employee-selector__crisis-popup-content:before, .c-employee-selector__crisis-popup-content:after {
    right: 50px !important;
  }
  .c-staff-dashboard__next-level-measure {
    display: none;
  }
}
@media (max-width: 500px) {
  .c-crisis__depart-picker {
    position: relative;
    margin: 5px;
  }
  .c-crisis__employee-count {
    position: relative;
    margin: 15px;
  }
}
@media (min-width: 501px) {
  .c-crisis__depart-picker {
    position: absolute;
    top: 27px;
    right: 15px;
  }
  .c-crisis__employee-count {
    position: absolute;
    top: 10px;
    right: 15px;
  }
}
div.c-employee-selector__crisis-popup {
  right: 0;
  left: unset;
  width: 300px;
}

div.c-employee-selector__crisis-popup-content {
  right: 0;
  left: unset;
  width: 300px;
}

.c-crisis__depart-picker {
  background-color: #2b76cd;
}

@media screen and (max-width: 900px) and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .inphase-task__sidepanel-input-title,
  .c-side-panel__content .c-task-edit__label,
  .c-task-edit__input-wrapper > input,
  #inphase-slider__task-progress__text,
  .c-side-panel__content .select2-container--employee-selector > .selection > .select2-selection--single,
  select,
  .c-side-panel__footer .o-button-delete,
  .c-side-panel__footer .o-button-link,
  .c-side-panel__footer .o-button-primary {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.s-critical-path {
  /*svg {
      background-color: #FFF;
      cursor: default;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
  }*/
  /*text.id {
      text-anchor: middle;
      font-weight: bold;
  }

  .critical{
       fill: rgb(255,0,0);
      stroke:  rgb(255,0,0);
      stroke-width: 4px;
      cursor: default;
  }*/
}
.s-critical-path text {
  pointer-events: none;
}

.c-critical-path {
  background-color: rgb(255, 255, 255);
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  /*@if not($print) {
      background-color: rgb(249,249,249);
  }*/
}
.c-critical-path__critical {
  border-radius: 3px;
  color: white;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  background-color: rgb(128, 0, 128);
  width: 80px;
}
.c-critical-path__contains_critical {
  border-radius: 3px;
  color: white;
  overflow: hidden;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  background-color: rgb(128, 0, 128);
  margin-top: 5px;
  padding: 0 3px;
}
.c-critical-path__card {
  /*transition: opacity 0.2s ease;*/
  -webkit-font-smoothing: antialiased;
}
.c-critical-path__card--zoomed-out .c-card__dashboard {
  height: 0;
}
.c-critical-path__card--zoomed-out .c-card__dashboard > div:not(c-card-task-small-1__avatar) {
  display: none;
}
.c-critical-path__card--zoomed-out .c-card-task-small-1__avatar {
  position: absolute;
  top: -20px;
  right: -20px;
}
.c-critical-path__card--zoomed-out .c-card-task-small-1__date-range {
  display: none !important;
}
.c-critical-path__card--zoomed-out .c-card-task-small-cpa-1__critical-message {
  display: none !important;
}
.c-critical-path__card--zoomed-out .c-card-small__meas-name {
  font-size: 15px;
  height: 109px;
}
.c-critical-path--fade-out {
  -webkit-transition: opacity 0.3s 3s ease;
  transition: opacity 0.3s 3s ease;
  opacity: 0.2 !important;
}

.c-critical-path--selected {
  /** Make the bottom of the card square to fit to highlight ***/
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /**END -  Make the bottom of the card square to fit to highlight ***/
}
.c-critical-path--selected .c-card-small__contents {
  border-bottom-right-radius: 0 !important;
}
.c-critical-path--selected .c-card-small__contents:before {
  content: "";
  display: block;
  background-color: rgb(23, 168, 231);
  height: 8px;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  border-radius: 0 0 10px 10px;
  z-index: -1;
}

.c-critical-path--selected.c-critical-path--filtered-out .c-cpa__duration-bubble:before {
  content: "";
  display: block;
  border: 5px solid rgb(23, 168, 231);
  position: absolute;
  bottom: -5px;
  left: -5px;
  right: -5px;
  top: -5px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
}

.c-critical-path__owner-panel {
  position: absolute;
  right: 3px;
  top: 100px;
  bottom: 0px;
  padding: 5px;
  width: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}

.c-critical-path__owner {
  display: inline-block;
  position: relative;
}

.c-critical-path__owner-alert {
  position: absolute;
  top: 0;
  right: -5px;
  background-color: rgb(254, 64, 64);
  border-radius: 50%;
  width: 13px;
  height: 13px;
  color: rgb(255, 255, 255);
  font-size: 10px;
  text-align: center;
}

.c-critical-path__owner-img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border: 1px solid transparent;
  cursor: pointer;
}
.c-critical-path__owner-img:hover {
  border-color: rgb(248, 174, 48);
  opacity: 1 !important;
}

.c-critical-path__owner-img--unselected {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity: 0.3;
}

.c-critical-path--filtered-out {
  visibility: hidden;
}
.c-critical-path--filtered-out .c-cpa__duration-bubble {
  left: 50%;
  margin-left: -25px;
  visibility: visible;
}
.c-critical-path--filtered-out .c-card__avatar {
  left: 50% !important;
  top: 50% !important;
  position: absolute !important;
  visibility: visible !important;
  z-index: 3;
  margin-top: -40px !important;
  margin-left: 12px;
}
.c-critical-path--filtered-out .c-card__avatar--inactive {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.c-card-om-small-1--cpa {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-text-size-adjust: none !important;
     -moz-text-size-adjust: none !important;
      -ms-text-size-adjust: none !important;
          text-size-adjust: none !important;
  border: solid 1px rgb(230, 234, 238);
}

.c-card-task-small-1__sub-count {
  width: 35px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  color: black;
  background-color: white;
  float: right;
}

.c-date-range {
  line-height: 30px;
}

.c-date-range__label {
  display: inline-block;
  margin-left: 3px;
  margin-right: 5px;
}

.c-date-range__options {
  display: inline-block;
  margin-right: 5px;
}

.c-date-range__custom {
  display: inline-block;
}

.c-date-week-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 20px 0;
}

.c-date-week-picker__previous {
  display: inline-block;
}

.c-date-week-picker__label {
  color: rgb(102, 102, 102);
  line-height: 2.48;
  display: inline-block;
  margin: 1px 10px;
}

.c-date-week-picker__next {
  display: inline-block;
}

.c-depart-nav__picker {
  width: 100px;
  height: 35px;
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
}
.c-depart-nav__picker.o-button-img:hover {
  color: #F06C01;
  background: transparent;
}

.c-depart-nav__wrapper {
  position: absolute;
  z-index: 9999999;
  display: inline-block;
  margin-top: 12px;
}

.c-depart-nav__arrow-wrapper {
  background-color: rgb(255, 255, 255);
  padding: 5px;
  border: solid 1px rgb(242, 243, 245);
  border-radius: 5px;
  text-align: center;
  max-width: 95vw;
  padding: 20px 25px 15px 25px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
}

.c-depart-nav__arrow-wrapper:before, .c-depart-nav__arrow-wrapper:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  top: -5px;
  right: 30px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-depart-nav__arrow-wrapper:before {
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
  z-index: -1;
}

.c-depart-nav__department {
  background-color: rgb(153, 175, 199);
  color: rgb(255, 255, 255);
  display: inline-block;
  width: 200px;
  border-radius: 3px;
  line-height: 20px;
  margin: 5px;
}
.c-depart-nav__department:hover {
  background-color: rgb(123, 201, 115);
}

.c-depart-nav__level {
  margin: 20px 0 0 0;
}

.c-depart-nav__parent-level {
  position: relative;
  width: 210px;
}
.c-depart-nav__parent-level::after {
  border: 10px solid transparent;
  border-bottom: 10px solid rgb(43, 118, 205);
  position: absolute;
  bottom: -11px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  content: " ";
}

.c-depart-nav__with-children {
  position: relative;
}
.c-depart-nav__with-children::after {
  border: 10px solid transparent;
  border-bottom: 10px solid rgb(43, 118, 205);
  position: absolute;
  bottom: -11px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  content: " ";
}

.c-depart-nav__department--current {
  background-color: rgb(43, 118, 205);
}

.c-depart-nav__children-wrapper {
  white-space: nowrap;
  width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 10px 0;
  list-style-type: none;
  text-align: left;
  max-height: 250px;
  position: relative;
}

.c-depart-nav__child-department {
  text-align: left;
  line-height: 20px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 20px;
  position: relative;
}
.c-depart-nav__child-department::after {
  background-image: url("../images/icons/ArrowExpand.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  content: " ";
  left: 0;
}

.c-depart-nav__child-department + .c-depart-nav__child-department {
  margin-top: 10px;
  color: rgb(61, 63, 69);
}

.c-depart-nav__sibling-wrapper {
  white-space: nowrap;
  width: 210px;
}

.c-depart-nav__include_children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-depart-nav__include_children > input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  margin-right: 5px;
}
.c-depart-nav__include_children > input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-depart-nav__include_children > input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-depart-nav__include_children > input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-depart-nav__include_children > input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-depart-nav__include_children > input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-depart-nav__include_children > input[type=checkbox]:hover, .c-depart-nav__include_children > input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.c-depart-nav__carousel > .slick-prev {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 10px;
}
.c-depart-nav__carousel > .slick-next {
  top: 10px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.ui-inphase-dialog {
  max-height: calc(100% - 20px) !important;
  max-width: 100%;
  background: rgb(247, 247, 247);
}
.ui-inphase-dialog .ui-inphase-icon-info--in-title {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  background: url(../images/Icons/info.svg) center center no-repeat;
  background-size: 16px 16px;
  margin-top: -2px;
}
.ui-inphase-dialog .ui-inphase-dialog-content--info {
  display: table;
  width: 100%;
  height: 100%;
  padding: 1em 1em 2em 1em;
}
.ui-inphase-dialog .ui-inphase-dialog-content--info-body {
  display: table-cell;
  vertical-align: middle;
}
.ui-inphase-dialog > .ui-dialog-content {
  max-height: calc(100% - 108px) !important;
}
.ui-inphase-dialog.comments-dialog-max-height-fix > .ui-dialog-content {
  max-height: calc(100vh - 108px) !important;
}

.ui-inphase-dialog--color-picker {
  min-width: 0;
}
.ui-inphase-dialog--color-picker .ui-inphase-dialog-content--color-picker {
  padding: 1em;
}

.ui-inphase-widget-overlay--color-picker {
  opacity: 0;
}

.ui-dialog.ui-inphase-dialog { /*Two classes so that everything in here trumps jquery ui stuff for specificity*/ }
.ui-dialog.ui-inphase-dialog .ui-inphase-icon-confirm {
  display: inline-block;
  width: 20px !important; /*Sizes are !important in jquery stylesheet so we need !important to override them*/
  height: 20px !important;
  vertical-align: middle;
  margin-top: 0;
  margin-right: 5px;
  background-image: url("../images/Icons/help.svg");
  background-size: 18px 20px;
}
.ui-dialog.ui-inphase-dialog .ui-inphase-dialog-content--confirm {
  display: table;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}
.ui-dialog.ui-inphase-dialog .ui-inphase-dialog-content--confirm-body {
  display: table-cell;
  vertical-align: middle;
}
.ui-dialog.ui-inphase-dialog .ui-inphase-dialog-content--confirm-prompt {
  font-size: 14px;
  padding-bottom: 14px;
}

.ui-dialog-content {
  padding-top: 20px;
  border-radius: 4px;
}

.ui-dialog-content--noline {
  border-top: none;
  padding-top: 0;
}

.ui-inphase-dialog__title-icon {
  position: absolute;
  margin: -7px 0 0 0;
  height: 20px;
  width: 20px;
  top: 50%;
  padding: 1px;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
}

.ui-inphase-dialog__content-selector-body {
  margin: 5px;
  height: 210px;
}

.ui-inphase-dialog__content-selector-select {
  margin-top: 10px;
  width: 100%;
}

.c-dialog--anchor-right {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
  width: 372px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100vh !important;
  -webkit-transform: translateX(372px);
      -ms-transform: translateX(372px);
          transform: translateX(372px);
  -webkit-transition: -webkit-transform ease 1s;
  transition: -webkit-transform ease 1s;
  transition: transform ease 1s;
  transition: transform ease 1s, -webkit-transform ease 1s;
}
@media screen and (max-width: 767px) {
  .c-dialog--anchor-right {
    width: 100% !important;
    -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
            transform: translateX(100vw);
  }
}
.c-dialog--anchor-right > .ui-dialog-titlebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.c-dialog--anchor-right > .ui-dialog-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100% !important;
}
.c-dialog--anchor-right > .ui-dialog-content > .c-dialog__content-wrapper-with-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
.c-dialog--anchor-right > .ui-dialog-content > .c-dialog__footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-dialog__footer {
  text-align: right;
  margin-top: 8px;
  padding: 17px 17px;
}

.c-dialog__content-padding {
  padding: 5px 20px;
}

.c-dialog__widget {
  position: relative;
  height: 100%;
}

.c-dialog__content-wrapper {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.c-dialog__content-wrapper-with-footer {
  position: relative;
  height: calc(100% - 78px);
}

.c-dialog__content-scroller {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 10px;
}

.c-dialog__title-toolbar {
  display: table-cell;
  white-space: nowrap;
  text-align: right;
  padding-right: 7px;
  vertical-align: top;
}

.o-button-img--title-svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  /* Dialog titles clip default outline, so need to move it in */
}
.o-button-img--title-svg > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.o-button-img--title-svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.o-button-img--title-svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.o-button-img--title-svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.o-button-img--title-svg:focus-visible {
  outline-offset: -1px;
  border-radius: 4px;
}

.o-button-img--title-svg.o-button-img--selected {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: inline-block;
  font-size: 0 !important; /* override the override that is overriding the jquery ui css */
  line-height: 0;
  /* Dialog titles clip default outline, so need to move it in */
}
.o-button-img--title-svg.o-button-img--selected > svg {
  width: 18px;
  height: 18px;
  stroke: #F06C01;
  fill: #F06C01;
  pointer-events: none;
}
.o-button-img--title-svg.o-button-img--selected:hover {
  background-color: transparent;
  color: #F06C01;
}
.o-button-img--title-svg.o-button-img--selected:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.o-button-img--title-svg.o-button-img--selected:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.o-button-img--title-svg.o-button-img--selected:focus-visible {
  outline-offset: -1px;
  border-radius: 4px;
}

.c-dialog__title-toolbar > * {
  vertical-align: top;
}

.s-inphase-dialog--designer {
  height: 100% !important; /* unfortunately it's necessary to override a lot here because: jquery ui */
  width: 100% !important;
  top: 0px !important;
  max-height: none !important;
}
.s-inphase-dialog--designer .ui-dialog-content {
  height: 100% !important;
  max-height: calc(100% - 60px) !important;
}
.s-inphase-dialog--designer .ui-dialog-titlebar-close {
  display: none !important;
}
.s-inphase-dialog--designer .ui-dialog-title {
  margin-right: 0px !important;
}

.c-directed-graph--fade-out {
  -webkit-transition: opacity 0.3s 0s ease;
  transition: opacity 0.3s 0s ease;
  opacity: 0.2 !important;
}

.c-directed-graph__ctrls {
  position: absolute;
  right: -150px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  text-align: center;
  top: 70px;
  width: 146px;
  padding: 10px;
  z-index: 1000;
  pointer-events: painted;
  background: rgb(255, 255, 255);
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100% - 60px);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

.c-directed-graph__ctrls--visible {
  top: 70px;
  right: 20px;
}

.c-directed-graph__ctrl {
  display: inline-block;
  cursor: pointer;
  line-height: 0;
}

.c-directed-graph__ctrl--save {
  position: absolute;
  top: 10px;
  right: 43px;
  cursor: pointer;
}

.c-directed-graph__ctrl--unsaved::before {
  position: absolute;
  content: "";
  background: url("../images/GIS/change-status.svg") center center no-repeat;
  width: 11px;
  height: 11px;
  bottom: 6px;
  right: 3px;
}

.c-directed-graph__ctrl-parent {
  margin-bottom: 5px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(233, 237, 242);
  display: block;
}

.c-directed-graph__ctrls-bar {
  z-index: 1000;
  position: absolute;
  top: 20px;
  right: 20px;
  max-height: 33px;
  height: 33px;
}

.c-directed-graph__ctrls-group {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background: rgb(255, 255, 255);
  display: inline-block;
  max-height: 33px;
  height: 33px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

.c-directed-graph__ctrls-group + .c-directed-graph__ctrls-group {
  margin-left: 10px;
}

.c-directed-graph__bar-ctrl {
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  position: relative;
}

.js-zoom__button:hover .js-zoom__button--icon, .js-directed-graph__ctrl:hover .js-directed-graph__ctrl--icon {
  fill: #F06C01;
}

.c-directed-graph__ctrl--toggleHidden:hover {
  fill: white;
}
.c-directed-graph__ctrl--toggleHidden .js-directed-graph__ctrl--icon {
  fill: #F06C01;
}

.c-directed-graph__ctrl--affects {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0 !important;
  margin-bottom: 5px;
}

.c-directed-graph__ctrl--toggled {
  background-color: rgb(233, 237, 242);
  border-radius: 3px;
  line-height: 0;
}

.c-directed-graph__ctrl--toggled img:hover {
  background-color: rgb(233, 237, 242);
}

.c-directed-graph__ctrl-img {
  padding: 8px;
}

.c-directed-graph__ctrl-img:hover {
  background-color: rgb(233, 237, 242);
  border-radius: 3px;
}

.c-directed-graph__ctrl-text {
  padding: 2px;
  line-height: 18px;
  font-size: 11px;
  text-align: center;
  color: rgb(36, 66, 98);
  margin-top: 5px;
}

.c-directed-graph__ctrl-subs {
  text-align: center;
}

.c-directed-graph__sub-ctrl {
  cursor: pointer;
}

.c-directed-graph__ctrl--lock {
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-directed-graph__ctrl--lock.c-directed-graph__ctrl--toggled {
  background: #e9edf2;
}

.c-directed-graph__ctrl--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

@media print {
  .c-directed-graph__ctrl, .c-directed-graph__ctrl--save, .c-directed-graph__ctrl--toggle {
    display: none !important;
  }
}
.c-om-prop-editable {
  position: relative;
}
.c-om-prop-editable > :not(input, select, textarea) {
  pointer-events: none;
}
.c-om-prop-editable:hover {
  outline: 1px solid rgb(248, 174, 48);
}
.c-om-prop-editable:hover .c-om-prop-editable-date-button, .c-om-prop-editable:hover .c-om-prop-editable-date-button:hover {
  display: inline-block;
}

.c-om-prop-editable-date-button {
  float: right;
  height: 16px;
  width: 18px;
  padding: 0px;
  display: none;
}

.c-editable__inline-date-button {
  float: right;
  height: 16px;
  width: 18px;
  padding: 0px;
  display: inline-block;
}

.c-editable__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 1px solid rgb(240, 240, 240);
  outline-offset: -1px;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  color: rgb(0, 0, 0) !important;
  font: inherit !important;
  background-color: rgb 255, 255, 255;
  vertical-align: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

.c-editable__numeric {
  text-align: right;
}

.c-editable__search-select-container {
  position: absolute;
  top: 0;
  width: 100%;
}

.select2 > .selection > .c-editable__search-select {
  height: auto;
}
.select2 > .selection > .c-editable__search-select > .select2-selection__arrow {
  height: 10px;
}
.select2 > .selection > .c-editable__search-select > .select2-selection__rendered {
  line-height: inherit;
}

.c-editable__search-select-avatar {
  margin-right: 5px;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.c-editable__inline-input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-editable__inline-input-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 100px;
  max-width: 150px;
  padding-right: 5px;
  text-overflow: ellipsis;
  position: relative;
  text-transform: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
}

.c-editable__inline-input-controls {
  background-color: rgb 255, 255, 255;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
}

.c-editable__inline-input {
  width: 100%;
  outline: 1px solid rgb(240, 240, 240);
  outline-offset: -1px;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  color: rgb(0, 0, 0) !important;
  font: inherit !important;
  background-color: rgb 255, 255, 255;
  vertical-align: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

.c-editiable__inline-date-input {
  width: 0;
  border: 0;
  font-size: 0;
}

.c-editable__inline-input-date {
  background-color: white;
  display: inline-block;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-editable__inline-input-date {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-editable__inline-input-multi {
  background-color: white;
  min-height: 4em;
}

.c-editable__inline-input--required:after {
  content: "*";
  color: red;
  font-family: "Inter UI";
  position: absolute;
  right: 4px;
  top: 5px;
}

.c-editable--update-pending {
  opacity: 0.4;
  pointer-events: none;
}
.c-editable--update-pending:not(tr):after {
  background: url(../images/loader.svg) no-repeat;
  background-position: center;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  content: "";
}
.c-editable--update-pending > td:first-child:after {
  background: url(../images/loader.svg) no-repeat;
  background-position: center;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  content: "";
}

.c-simple-table > tbody > tr > td.c-editable__edit-cell {
  /*background: #F7F7F7;*/
}
.c-simple-table > tbody > tr > td.c-editable__edit-cell-edit {
  /*background: none;*/
  padding: 0;
}

.c-editable__edit-button {
  height: 18px;
  width: 18px;
  display: inline-block;
}
.c-editable__edit-button--svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  padding-left: 0;
}
.c-editable__edit-button--svg > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-editable__edit-button--svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-editable__edit-button--svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-editable__edit-button--svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-editable__edit-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 2px;
}

.c-editable__edit-button + .c-editable__edit-button {
  margin-left: 5px;
}

.c-editable__edit-save-button {
  background: #58A539;
  width: 20px;
  top: 0;
  border: none;
}
.c-editable__edit-save-button:hover {
  background: #4eab45;
}
.c-editable__edit-save-button:focus-visible {
  outline: 1px solid #FFF;
  outline-offset: -2px;
}

.c-editable__edit-cancel-button {
  background: #697881;
  width: 20px;
  bottom: 0;
  border: none;
}
.c-editable__edit-cancel-button:hover {
  background: #7d8fa2;
}
.c-editable__edit-cancel-button:focus-visible {
  outline: 1px solid #FFF;
  outline-offset: -2px;
}

.c-editable__edit-confirm-container {
  min-height: 117px;
  height: 100%;
}

.c-editable__edit-confirm {
  max-height: 50%;
  min-height: 50%;
  right: 0;
  width: 25px;
  position: absolute;
}
.c-editable__edit-confirm:focus-visible {
  outline: 1px solid #fff;
  outline-offset: -2px;
}

.c-editable__save-icon {
  background: url(../images/Icons/Save_16.png) no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-size: 16px 16px;
}

.c-editable__edit-confirm_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: calc(12px / 2 * -1);
  margin-top: calc(12px / 2 * -1);
}

.c-editable__save-icon:hover {
  background-color: orange;
}

.c-editable__cancel-icon {
  background: url(../images/Icons/Cancel_16.png) no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 21px;
  height: 20px;
  width: 20px;
  background-size: 16px 16px;
}

.c-editable__cancel-icon:hover {
  background-color: orange;
}

.c-editable__record:hover {
  /*
  & > td.c-editable__edit-icon {
      transition: opacity ease-in-out 1s;
      display: block;
      opacity: 1;
  }*/
  /*& > td:first-child:after {
      background: url(../images/CommentsPanel/EditSubtle.png) no-repeat;
      background-position: center;
      position: absolute;
      bottom: 2px;
      left: 2px;
      height: 20px;
      width: 20px;
      content: url(../images/CommentsPanel/EditSubtle.png);
  }*/
}
.c-editable__record:hover:not(tr).c-editable__edit-icon {
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  display: block;
  opacity: 1;
}
.c-editable__record:hover > td:first-child > .c-editable__edit-icon {
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  display: block;
  opacity: 1;
}

.c-editable__record--multi-row > td {
  border-bottom-color: transparent !important;
}

.c-email-picker__wrapper {
  padding: 0 20px;
  height: 100%;
  overflow: auto;
}

.c-email-picker__employee-add {
  margin-top: 5px;
  padding: 5px 0;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-email-picker__employee-add {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-email-picker__employees {
  max-height: calc(100vh - 250px);
  margin-top: 10px;
  margin-bottom: 20px;
  overflow-y: auto;
}

.c-email-picker__employee {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 7px 0;
  background-color: white;
  padding: 5px 5px 5px 42px;
  page-break-inside: avoid;
  position: relative;
  border: 1px solid rgb(227, 227, 227);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  width: 302px;
  height: 46px;
  max-width: calc(100vw - 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c-email-picker__employee {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .c-email-picker__employee {
    width: calc(50% - 6px);
  }
}

.c-email-picker__employee-avatar {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  pointer-events: none;
}

.c-email-picker__employee-name {
  line-height: 17px;
  margin-bottom: 5px;
}

.c-email-picker__employee-email {
  font-size: 9px;
  color: #537597;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.c-email-picker__employee-email--invalid {
  color: red;
}

.c-email-picker__employee-remove {
  position: absolute;
  right: 5px;
  top: 5px;
}

.c-email-picker__external-input {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  resize: none;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-email-picker__external-input:hover {
  border: 1px solid #F06C01 !important;
}
.c-email-picker__external-input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-email-picker__external-input {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .select2-selection__placeholder,
  .select2-search__field {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-embeded__frame {
  border: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.c-employee-selector {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-employee-selector--inactive > img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.c-employee-selector--inactive::after {
  display: block;
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 14px;
  height: 14px;
  background: #8f8f8f url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M5 1L1 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
  border-radius: 20px;
  border: 2px solid #fff;
}

.c-employee-selector__avatar {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  margin-right: 7px;
}

.c-employee-selector__text {
  cursor: pointer;
}
.c-employee-selector__text:hover {
  color: rgb(240, 108, 1);
}

.c-employee-selector-avatar {
  display: inline-block;
  vertical-align: middle;
}
.c-employee-selector-avatar > img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.c-employee-selector__popup {
  top: 32px;
  left: calc(50% - 150px);
  right: calc(50% - 150px);
}

.c-employee-selector__popup-content {
  padding: 20px;
  width: 300px;
  color: #244262;
  font-size: 13px;
}

.c-employee-selector__popup-content:before, .c-employee-selector__popup-content:after {
  right: 139px;
}

.c-employee-selector__input {
  width: 100%;
}

.c-employee-selector__list {
  list-style: none;
  position: relative;
  overflow: auto;
  height: 200px;
  margin-top: 15px;
  -webkit-overflow-scrolling: touch;
}
.c-employee-selector__list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.c-employee-selector__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.c-employee-selector__item {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  padding: 5px;
  text-align: left;
}
.c-employee-selector__item--inactive img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.c-employee-selector__item--inactive::after {
  display: block;
  content: "";
  position: absolute;
  top: 22px;
  left: 22px;
  width: 14px;
  height: 14px;
  background: #8f8f8f url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M5 1L1 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
  border-radius: 20px;
  border: 2px solid #fff;
}

.c-employee-selector__item--selected {
  background: #e9edf2;
}

.c-employee-selector__item-avatar {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.c-employee-selector__item-text {
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
  width: calc(100% - 30px - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-employee-selector--more-characters .c-employee-selector__no-items {
  display: none;
}

.c-employee-selector__item + .c-employee-selector__no-items {
  display: none;
}

.c-employee-selector__more-characters {
  display: none;
}

.c-employee-selector--more-characters .c-employee-selector__more-characters {
  display: block;
}

.c-employee-selector__item-inactive {
  position: relative;
}
.c-employee-selector__item-inactive img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.c-employee-selector__item-inactive::after {
  display: block;
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 14px;
  height: 14px;
  background: #8f8f8f url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M5 1L1 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
  border-radius: 20px;
  border: 2px solid #fff;
}

.c-entity__type-icon {
  width: 18px;
  height: 18px;
}

.c-entity__custom-type-icon {
  position: relative;
  top: -2px;
  border-radius: 50%;
  background-color: #e6e6e6;
  color: #000 !important;
  font-size: 9px;
  text-align: center;
  line-height: 13px;
  padding: 5px;
}

.c-entity__task {
  display: inline-block;
  width: 20px;
  height: 20px;
  max-height: 100%;
  max-width: 100%;
  background: center/contain no-repeat url("../images/Icons/InPhaseEntities/task.svg");
}

.c-entity__pr {
  display: inline-block;
  width: 20px;
  height: 20px;
  max-height: 100%;
  max-width: 100%;
  background: center/contain no-repeat url("../uploads/System/EntitiesIcons/pr.svg");
}

.c-entity__rm {
  display: inline-block;
  width: 20px;
  height: 20px;
  max-height: 100%;
  max-width: 100%;
  background: center/contain no-repeat url("../uploads/System/EntitiesIcons/rm.svg");
}

/*-------------------------------------*
   (COMPONENT) File Download
*-------------------------------------*/
.c-file-download__message {
  text-align: center;
  margin-top: 40px;
}

.c-file-picker__container {
  width: 600px;
  min-height: 200px;
  padding: 0 20px 20px 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-file-picker__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 15px;
}
.c-file-picker__heading > div {
  display: inline-block;
  padding-right: 10px;
}
.c-file-picker__heading > button.o-button-img:hover, .c-file-picker__heading > .o-button-img.c-notebook-notifications__row-secondary-button:hover {
  background-color: transparent;
}

.c-file-picker__title {
  font-weight: bold;
  display: inline-block;
}

.c-file-picker__folder-breadcrumbs {
  padding-bottom: 12px;
  float: left;
}
.c-file-picker__folder-breadcrumbs ul {
  list-style: none;
}
.c-file-picker__folder-breadcrumbs li {
  float: left;
  cursor: pointer;
}

.c-file-picker__item-selected {
  background-color: #D9D9D9 !important;
  border-radius: 3px;
  outline: none;
}

.c-file-picker__folder-breadcrumbs li:before {
  content: "/";
}

.c-file-picker__file-folder-preview-container {
  overflow: hidden;
  clear: both;
}

.c-file-picker__file-preview {
  float: right;
  border: 1px solid #D6D9DE;
  height: 100px;
  width: 100px;
}
.c-file-picker__file-preview img {
  height: 100%;
  width: 100%;
}

.c-file-picker__file-folder-list-container {
  float: left;
  clear: both;
  width: calc(100% - 125px);
  max-height: 400px;
  overflow: auto;
}

.c-file-picker__folder-list {
  list-style: none;
  cursor: pointer;
}
.c-file-picker__folder-list li {
  background-image: url("../Images/Icons/Folder.svg");
  background-repeat: no-repeat;
  background-position-y: 3px;
  background-position-x: 5px;
  padding: 5px 0px 5px 30px;
  outline: 0;
}

.c-file-picker__file-list {
  list-style: none;
  cursor: pointer;
}
.c-file-picker__file-list li {
  padding: 5px 0px 5px 30px;
  outline: 0;
}

.c-file-picker__create-directory-dialog {
  margin-top: 23px;
  margin-left: 20px;
  margin-right: 15px;
  margin-bottom: 23px;
}
.c-file-picker__create-directory-dialog label {
  margin-right: 5px;
}
.c-file-picker__create-directory-dialog input[type=text] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-file-picker__create-directory-dialog input[type=text]:hover {
  border: 1px solid #F06C01 !important;
}
.c-file-picker__create-directory-dialog input[type=text]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

/*-------------------------------------*
    (COMPONENT) Floating Dialog - Legacy
 *-------------------------------------*/
.c-floating-dialog__header {
  background: rgb(247, 247, 247);
  min-height: 30px;
  border-radius: 4px 4px 0 0;
}

.c-floating-dialog {
  border: 1px solid rgb(159, 158, 183) !important;
  border-radius: 5px;
  /** LINK BUTTON STYLES
  ================================================*/
  /* Active state */
  /* Hover state */
  /* Disabled State */
  /* --- Default button --- */
  /* --- Primary CTA Button --- */
  /* --- Link Button --- */
  /* The sprite for this button is mostly transparent to ensure that the hover isn't applied when disabled (as Quirks mode can't handle joined class definitions n */
  /* --- Inline Button --- */
  /* The use of inPhaseButton_Inline is required as IE6 hack does not support multi-class selectors (e.g. .inlineButton.disabled) 
  For the other buttons the .disabled styles do not need to change per button type, but as inline buttons have different heights we need to detect 
  both classes.

    Adding an extra wrapping class was the best way to achieve the required results while minimising the difference between this and other button styles
   and interaction logic */
}
.c-floating-dialog div.inPhaseButton {
  display: inline;
}
.c-floating-dialog div.inPhaseButton a {
  background-repeat: no-repeat;
  background-position: top right;
  text-decoration: none !important;
  display: inline-block;
  height: 29px;
  padding-right: 9px;
  /* margins are in preparation for the active state */
  margin-top: 0;
  margin-bottom: 1px;
}
.c-floating-dialog div.inPhaseButton_Icon a img {
  border: none;
  position: absolute;
  top: 50%;
  margin-top: -8px; /* Assumes an icon with a height of 16px */
  left: 7px;
}
.c-floating-dialog div.inPhaseButton a span {
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  line-height: 29px;
  padding: 0 0 0 9px;
  text-align: center;
}
.c-floating-dialog div.inPhaseButton_Icon a {
  position: relative;
}
.c-floating-dialog div.inPhaseButton_Icon a span {
  padding-left: 32px;
  padding-right: 3px;
}
.c-floating-dialog div.inPhaseButton .fixedMinWidth {
  width: 110px; /* As we can't set an actual min-width in IE this class allows us to manually opt in the same fixed width, enabling global updates*/
}
.c-floating-dialog div.inPhaseButton a:active {
  outline: none; /* hide dotted outline in Firefox */
  outline: none;
}
.c-floating-dialog div.inPhaseButton a.active,
.c-floating-dialog div.inPhaseButton a.inPhaseButton_active {
  /* push the button down 1px */
  margin-top: 1px;
  margin-bottom: 0;
}
.c-floating-dialog div.inPhaseButton a:hover {
  background-position: right -29px;
}
.c-floating-dialog div.inPhaseButton a:hover span {
  background-position: left -29px;
}
.c-floating-dialog div.inPhaseButton a.disabled, .c-floating-dialog div.inPhaseButton a.disabled:hover {
  background-position: right -58px;
  cursor: default;
}
.c-floating-dialog div.inPhaseButton a.disabled span, .c-floating-dialog div.inPhaseButton a.disabled:hover span {
  background-position: left -58px;
  color: #666 !important;
}
.c-floating-dialog div.inPhaseButton a {
  background-image: url("../Images/Button/DefaultButton/rightSprite.png");
}
.c-floating-dialog div.inPhaseButton a span {
  background-image: url("../Images/Button/DefaultButton/leftSprite.png");
  color: #666;
}
.c-floating-dialog div.inPhaseButton a.primaryCta {
  background-image: url("../Images/Button/PrimaryCTAButton/rightSprite.png");
}
.c-floating-dialog div.inPhaseButton a.primaryCta span {
  background-image: url("../Images/Button/PrimaryCTAButton/leftSprite.png");
  color: #fff;
}
.c-floating-dialog div.inPhaseButton a.linkButton {
  background-image: url("../Images/Button/LinkButton/rightSprite.png");
}
.c-floating-dialog div.inPhaseButton a.linkButton span {
  background-image: url("../Images/Button/LinkButton/leftSprite.png");
  color: #0066CC;
}
.c-floating-dialog div.inPhaseButton a.linkButton:hover span {
  color: #0066CC;
}
.c-floating-dialog div.inPhaseButton a.inlineButton {
  background-image: url("../Images/Button/InlineButton/rightSprite.png");
  height: 21px;
}
.c-floating-dialog div.inPhaseButton a.inlineButton span {
  background-image: url("../Images/Button/InlineButton/leftSprite.png");
  color: #666;
  line-height: 21px;
}
.c-floating-dialog div.inPhaseButton a.inlineButton:hover {
  background-position: right -21px;
}
.c-floating-dialog div.inPhaseButton a.inlineButton:hover span {
  background-position: left -21px;
}
.c-floating-dialog div.inPhaseButton_Inline a.disabled, .c-floating-dialog div.inPhaseButton_Inline a.disabled:hover {
  background-position: right -42px;
  cursor: default;
}
.c-floating-dialog div.inPhaseButton_Inline a.disabled span, .c-floating-dialog div.inPhaseButton_Inline a.disabled:hover span {
  background-position: left -42px;
  color: #666 !important;
}

.c-floating-dialog__footer {
  text-align: right;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
.c-floating-dialog__footer > div.inPhaseButton + div.inPhaseButton {
  margin-left: 5px;
}

.c-footer-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 0;
  height: 30px;
  line-height: 30px;
  -webkit-transition: max-height 0.1s linear;
  transition: max-height 0.1s linear;
  overflow: hidden;
  background-color: rgba(71, 73, 79, 0.7);
}
.c-footer-overlay--active {
  max-height: 30px;
}
.c-footer-overlay__cmds {
  overflow: hidden;
  width: 100%;
  color: rgb(255, 255, 255);
  cursor: default;
}
.c-footer-overlay__cmds-list {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.c-footer-overlay__cmds-list > li {
  display: table-cell;
  text-align: center;
  cursor: pointer;
}
.c-footer-overlay__cmds-list > li:hover {
  background-color: rgba(71, 73, 79, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#47494F), color-stop(64%, #3D3F45));
  background-image: linear-gradient(-180deg, #47494F 0%, #3D3F45 64%);
}

.c-footer-overlay_hover-activate {
  height: 10px;
  opacity: 0.05;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* 
		Freeform CSS Styles used when in View mode

		className defines whether object show on the display (or not)
							or is printed (or not)
*/
/*.c-freeform {
    line-height:1.3;
    font-size:13px;    
}*/
.c-freeform.s-freeform {
  z-index: 0;
}

p[unselectable=off] {
  margin: 0;
}

.s-freeform {
  color: rgb(0, 0, 0);
}
.s-freeform ul {
  margin-left: 30pt;
}
.s-freeform p {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 12px; /* To ensure consistency between Enterprise and Designer */
  margin-bottom: 12px; /* To ensure consistency between Enterprise and Designer */
}
.s-freeform a[id] {
  position: relative;
  top: -80px;
}

.ffViewOnPrintOn {
  /*
  	objects that are both Viewed and on Printed output
  */
}

.ffViewOnPrintOf {
  /*
  	objects that are Viewed but not Printed 
  */
}

.ffViewOfPrintOn {
  /*
  	objects that are not Viewed but are Printed 
  */
  visibility: hidden;
  display: none;
}

.ffViewOfPrintOf {
  /*
  	objects that are both not Viewed and not Printed 
  */
  display: none;
  visibility: hidden;
}

.c-freeform-button {
  transition-property: transform, box-shadow, filter, -webkit-filter;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  cursor: pointer !important;
  white-space: pre-wrap;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.c-freeform-button span {
  display: block;
}
.c-freeform-button img.js-btn__bg-img, .c-freeform-button.js-btn__bg-img2 {
  max-width: 80px;
}

.c-freeform-button__simple {
  font-size: 15px;
  background-color: #315989;
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 100px;
  -webkit-transition: -webkit-transform filter 0.4s;
  transition: -webkit-transform filter 0.4s;
  transition: transform filter 0.4s;
  transition: transform filter 0.4s, -webkit-transform filter 0.4s;
  cursor: pointer;
  white-space: pre-wrap;
}

.c-freeform-button__extra--arrow::after {
  content: " →";
}

.c-freeform-button-hover__darken:hover {
  -webkit-filter: brightness(80%);
          filter: brightness(80%);
}

.c-freeform-button-hover__lighten:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.c-freeform-button-hover__grow:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.gis-map-layer-wrapper {
  background: white;
}

.gis-map-layer-baseLayers {
  padding-left: 20px;
}

.gis-map-layer-baseLayer img {
  margin-left: 6px;
}

/*-------------------------------------*
    (COMPONENT) HAMBURGER ICON 
 *-------------------------------------*/
.c-hamburger {
  background: transparent;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  overflow: visible;
  width: 16px;
  height: 16px;
  top: 3px;
}
.c-hamburger__box {
  width: 100%;
  height: 100%;
}
.c-hamburger__inner {
  display: block;
  top: 50%;
  margin-top: -1px; /* LW: Probably needs to be half the height of the hamburger-inner in order to be properly vertically centered - awkward as we're making it 1px high */
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.c-hamburger__inner, .c-hamburger__inner:before, .c-hamburger__inner:after {
  width: 16px;
  height: 1px;
  background: rgb(43, 118, 205);
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.c-hamburger__inner:before, .c-hamburger__inner:after {
  content: "";
  display: block;
}
.c-hamburger__inner:before {
  top: -4px;
  -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.c-hamburger__inner:after {
  bottom: -4px;
  -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

button:hover > .c-hamburger .c-hamburger__inner, .c-notebook-notifications__row-secondary-button:hover > .c-hamburger .c-hamburger__inner,
button:hover > .c-hamburger .c-hamburger__inner:before,
.c-notebook-notifications__row-secondary-button:hover > .c-hamburger .c-hamburger__inner:before,
button:hover > .c-hamburger .c-hamburger__inner:after,
.c-notebook-notifications__row-secondary-button:hover > .c-hamburger .c-hamburger__inner:after {
  background: rgb(240, 108, 1);
}

/** Transition from a hamburger to a close icon
================================================*/
.is-appPanel-expanded .c-hamburger__inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 15px;
  left: 50%;
  margin-left: -7.5px;
}
.is-appPanel-expanded .c-hamburger__inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.is-appPanel-expanded .c-hamburger__inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 15px;
}

/** Replicate the Hamburger's Close icon state (no transitions)
================================================*/
.c-hamburger--close {
  background: transparent;
  display: inline-block;
  position: relative;
  height: 100%;
}
.c-hamburger--close__inner, .c-hamburger--close__inner:after {
  position: absolute;
  display: block;
  background: rgb(43, 118, 205);
  width: 15px;
  height: 1px;
}
.c-hamburger--close__inner {
  top: 50%;
  left: 50%;
  margin-left: -7.5px;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-hamburger--close__inner:after {
  content: "";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  bottom: 0;
}
.c-hamburger--close:hover .c-hamburger--close__inner,
.c-hamburger--close:hover .c-hamburger--close__inner:after {
  background: rgb(240, 108, 1);
}

/*-------------------------------------*
    (COMPONENT) Hidden OMs
 *-------------------------------------*/
.c-hidden-om {
  background-image: url("../images/icons/eyeVisible.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
}
.c-hidden-om--hidden {
  background-image: url("../images/icons/eyeHidden.png");
}

.c-liveconnectpicker__label-field-wrapper {
  display: inline-block;
  margin: 13px 10px 0 13px;
}

.c-liveconnectpicker__label {
  margin-bottom: 5px;
}

.ui-multiselect-textbox {
  top: 0;
}

@media (max-width: 815px) and (-webkit-min-device-pixel-ratio: 2) {
  .ui-multiselect-textbox {
    height: 27px;
  }
}
.c-liveconnectpicker__button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: white;
  text-decoration: none;
  background: #2b76cd;
  outline: none;
  border: none;
  border-radius: 3px;
  padding: 6px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.c-liveconnectpicker__button:hover {
  background: #F06C01;
}
.c-liveconnectpicker__button:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}

.loader {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-bands {
  display: inline-block;
  vertical-align: top;
  background-color: rgba(239, 250, 254, 0.8);
  border: solid 1px #e0e7ee;
  padding: 0 20px;
  width: calc(100% - 15em) !important;
}
@media screen and (max-width: 900px) {
  .c-bands {
    padding: 0;
    width: 100% !important;
    border: none;
    background-color: transparent;
  }
}

.c-bands__bar {
  height: 40px;
  text-align: center;
  font-size: 0px;
}
.c-bands__bar > div {
  display: inline-block;
  padding: 13px 0;
}
.c-bands__bar > div > div {
  height: 14px;
}
.c-bands__bar > div:first-child > div {
  border-radius: 7px 0 0 7px;
}
.c-bands__bar > div:last-child > div {
  border-radius: 0 7px 7px 0;
}
.c-bands__bar > .c-bands__bar-pib {
  border-left-style: solid;
  border-left-width: 1px;
}
.c-bands__bar > .c-bands__bar-pib:first-child {
  border: none;
}
.c-bands__bar > .c-bands__bar-bib {
  border-left-style: solid;
  border-left-width: 1px;
}
.c-bands__bar > .c-bands__bar-bib:first-child {
  border: none;
}

.c-bands__values {
  position: relative;
  height: 55px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.c-bands__value {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: absolute;
}
.c-bands__value label {
  display: block;
  text-align: center !important;
  margin: 0 !important;
  width: auto !important;
}

/*-------------------------------------*
   (COMPONENT) Form
*-------------------------------------*/
.c-form--aligned legend,
.c-form--stacked legend {
  font-size: inherit;
  font-weight: 600;
  color: #56555B;
  margin-bottom: 1.2em;
}
.c-form--aligned .c-form__field-list,
.c-form--stacked .c-form__field-list {
  list-style: none;
}
.c-form--aligned .c-form__field-list > li,
.c-form--stacked .c-form__field-list > li {
  margin-bottom: 12px;
}

.c-form--aligned fieldset {
  margin-bottom: 35px;
  border: 0;
}
.c-form--aligned .c-form__label {
  color: #697b92;
  text-align: right;
  display: inline-block;
  width: 15em;
  margin: 0 1.5em 0 0;
}
.c-form--aligned .c-form__label--options {
  width: auto;
  margin-left: 1.75em;
}

.c-form--stacked fieldset {
  margin-bottom: 15px;
  border: 0;
}
.c-form--stacked .c-form__label {
  display: block;
  margin: 0 0 0.4em 0;
  color: #697b92;
}
.c-form--stacked .c-form__row + .c-form__row {
  margin-top: 15px;
}

input[type=text].hasDatepicker {
  background-color: #fff;
}

.c-measure-edit {
  font-size: 12px;
  margin: 0 17px 10px 17px;
  padding: 15px;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  .c-measure-edit {
    margin: 0 5px 10px 2px;
  }
}
.c-measure-edit .c-measure-detail__header-text {
  margin-bottom: 15px;
}
.c-measure-edit .c-form--aligned fieldset {
  margin-bottom: 0;
  border: 0;
}
.c-measure-edit .c-form--aligned fieldset li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-measure-edit .c-form--aligned fieldset .source-donors .c-toggle-select > span {
  padding: 7px 27px 7px 40px;
}
.c-measure-edit .c-form--aligned fieldset .donor-list {
  padding: 5px;
  vertical-align: top;
  background-color: white;
  border: solid 1px #e0e7ee;
  margin-bottom: 8px;
  padding: 0 7px 0 10px;
  min-width: 390px;
}
.c-measure-edit .c-form--aligned fieldset .donor-list ul {
  margin-left: 0;
  padding: 5px 0;
  list-style: none;
}
.c-measure-edit .c-form--aligned fieldset .donor-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-measure-edit .c-form--aligned fieldset .donor-list ul li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-measure-edit .c-form--aligned fieldset .donor-list ul li div .measure-icon {
  width: 15px;
  height: 15px;
  margin-right: 7px;
  margin-top: -2px;
}
.c-measure-edit .c-form--aligned fieldset .add-donors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  padding: 0;
}
.c-measure-edit .c-form--aligned fieldset .add-circle {
  width: 19px;
  height: 19px;
  margin-right: 5px;
  background: url(../images/Icons/createSmall.svg) center center/9px no-repeat #2b76cd;
  border-radius: 50%;
  cursor: pointer;
}
.c-measure-edit .c-form--aligned fieldset .add-circle:hover {
  background-color: #F06C01;
}
.c-measure-edit .c-form--aligned fieldset .add-circle:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}
.c-measure-edit .c-form--aligned fieldset .copy-donors {
  margin-top: 8px;
  margin-right: 7px;
  padding: 8px 12px;
  border: none;
  border-radius: 3px;
  background: #2a73c4;
  color: white;
}
.c-measure-edit .c-form--aligned fieldset .copy-donors:hover {
  background: #F06C01;
}
.c-measure-edit .c-form--aligned fieldset .copy-donors:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}
.c-measure-edit .c-form--aligned fieldset .om-matching {
  width: auto !important;
  margin: 0 5px;
}
.c-measure-edit .c-form--aligned fieldset .formula {
  white-space: pre-wrap;
  font-family: monospace;
  background: #f2fbfe;
  padding: 10px;
  border: solid #e0e7ee;
  border-width: 1px 1px 1px 5px;
  min-width: 390px;
}
.c-measure-edit .c-form--aligned .c-form__label {
  vertical-align: top;
  color: #697b92;
  text-align: right;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .c-measure-edit .c-form--aligned .c-form__label {
    text-align: left;
    margin-right: 0.5em;
    margin-bottom: 5px;
  }
}
.c-measure-edit .c-form--aligned .c-form__label--options {
  width: auto;
  margin-left: 1.75em;
}
.c-measure-edit .c-form--aligned .c-form__label--description {
  display: inline-block;
  font-size: 12px;
  color: #354052;
  margin-left: 10px;
}
.c-measure-edit .c-form--aligned legend {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
.c-measure-edit .c-form--aligned legend.js-section-expander--open {
  margin-bottom: 10px;
}
.c-measure-edit .c-form--aligned input[type=text],
.c-measure-edit .c-form--aligned input[type=number],
.c-measure-edit .c-form--aligned textarea {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-measure-edit .c-form--aligned input[type=text]:hover,
.c-measure-edit .c-form--aligned input[type=number]:hover,
.c-measure-edit .c-form--aligned textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-measure-edit .c-form--aligned input[type=text]:focus-visible,
.c-measure-edit .c-form--aligned input[type=number]:focus-visible,
.c-measure-edit .c-form--aligned textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-measure-edit .c-form--aligned input[type=text] {
  width: 257px;
  height: auto;
  padding-left: 5px;
}
.c-measure-edit .c-form--aligned input[type=text].wider {
  width: 474px;
}
@media screen and (max-width: 900px) {
  .c-measure-edit .c-form--aligned input[type=text].wider {
    width: 100%;
  }
}
.c-measure-edit .c-form--aligned textarea {
  width: 257px;
}
.c-measure-edit .c-form--aligned textarea.wider {
  width: 474px;
}
@media screen and (max-width: 900px) {
  .c-measure-edit .c-form--aligned textarea.wider {
    width: 100%;
  }
}
.c-measure-edit .c-form--aligned input[type=number] {
  width: 45px;
  padding-left: 8px;
}
.c-measure-edit .c-form--aligned input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-measure-edit .c-form--aligned input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-measure-edit .c-form--aligned input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-measure-edit .c-form--aligned input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-measure-edit .c-form--aligned input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-measure-edit .c-form--aligned input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-measure-edit .c-form--aligned input[type=checkbox]:hover, .c-measure-edit .c-form--aligned input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-measure-edit .c-form--aligned input[type=radio] {
  margin: 7px 5px 7px 0; /* Ensures that labels and inputs are vertically centred relative to each other */
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
}
.c-measure-edit .c-form--aligned input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-measure-edit .c-form--aligned input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-measure-edit .c-form--aligned input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-measure-edit .c-form--aligned input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-measure-edit .c-form--aligned input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-measure-edit .c-form--aligned input[type=radio]:hover, .c-measure-edit .c-form--aligned input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-measure-edit .c-form--aligned select {
  width: 257px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-measure-edit .c-form--aligned select {
    padding: 5px;
  }
}
.c-measure-edit .c-form--aligned select:hover {
  border: 1px solid #F06C01 !important;
}
.c-measure-edit .c-form--aligned select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-measure-edit .c-form--aligned select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-measure-edit .c-form--aligned select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-measure-edit .c-form--aligned select.wider {
  width: 270px;
}
.c-measure-edit .c-form--aligned select:focus::-ms-value {
  background-color: transparent;
  color: black;
}
.c-measure-edit .c-form--aligned select[multiple=multiple] {
  height: auto;
  float: left;
  background-image: none;
}
.c-measure-edit .c-form--aligned input[type=radio], .c-measure-edit .c-form--aligned input[type=checkbox] {
  margin-top: 5px;
  vertical-align: middle;
}
.c-measure-edit .c-form--aligned .hasDatepicker {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-measure-edit .c-form--aligned .c-measure-edit__date-picker {
  background: white url("../images/Icons/date.svg") no-repeat;
  background-position: right 5px center;
  background-size: 15px 15px;
}
.c-measure-edit .c-form--aligned .ui-datepicker-trigger, .c-measure-edit .c-form--aligned .c-measure-edit-field-list-value button, .c-measure-edit .c-form--aligned .c-measure-edit-field-list-value .c-notebook-notifications__row-secondary-button {
  /*height: 27px;*/
  width: 27px;
  border-radius: 3px;
  padding: 6px;
  border: none;
  outline: none;
  color: white;
  background: rgb(43, 118, 205);
}
.c-measure-edit .c-form--aligned .ui-datepicker-trigger:focus-visible, .c-measure-edit .c-form--aligned .c-measure-edit-field-list-value button:focus-visible, .c-measure-edit .c-form--aligned .c-measure-edit-field-list-value .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #fff;
  outline-offset: -2px;
}
.c-measure-edit .c-form--aligned .c-measure-edit-field-list-value ul li {
  display: block;
  vertical-align: top;
}
.c-measure-edit h3 {
  font-size: 12px;
  font-weight: 400;
  color: #56555b;
  margin-top: 40px;
  margin-bottom: 20px;
}
.c-measure-edit h3:first-child {
  margin-top: 0;
}
.c-measure-edit h4 {
  margin-bottom: 15px;
  font-weight: 400;
  color: rgb(40, 110, 191);
  font-size: 18px;
  letter-spacing: -0.5px;
}
.c-measure-edit__content-form-wrapper {
  position: relative;
}
.c-measure-edit__desc {
  padding-top: 15px;
  padding-right: 280px;
}
.c-measure-edit__desc__rtf {
  height: 179px;
}
.c-measure-edit__vis {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: rgb(191, 194, 197);
  width: 240px;
  height: 250px;
  padding: 110px 50px 0 50px;
  background-image: url("../../images/CitizenPortal/Admin/ArcChartExample.png");
}
.c-measure-edit__intro {
  margin-top: 30px;
}
.c-measure-edit__intro__rtf {
  height: 299px;
}

.c-measure-edit-field-list {
  list-style: none;
  background-color: white;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  margin-top: 5px;
  margin-bottom: 35px;
  padding: 25px;
}
.c-measure-edit-field-list .validationMessage {
  font-size: 12px;
  color: red;
}
@media screen and (max-width: 900px) {
  .c-measure-edit-field-list li {
    list-style: none;
  }
}

.c-measure-edit-field-list-value {
  display: inline-block;
}

.c-notebook__field-history-icon {
  margin-left: 10px;
}

.c-measure-edit__assessment-cycle-dates {
  margin-left: 201px;
  margin-top: 10px;
}
@media screen and (max-width: 900px) {
  .c-measure-edit__assessment-cycle-dates {
    margin-left: 0;
  }
}

.c-bands__icons {
  font-size: 0px;
}
.c-bands button, .c-bands .c-notebook-notifications__row-secondary-button {
  background: #2B76CD;
  border-width: 0;
  color: white;
  height: 27px;
  border-radius: 3px;
}
.c-bands button:hover, .c-bands .c-notebook-notifications__row-secondary-button:hover {
  background: #F06C01;
}
.c-bands button:focus-visible, .c-bands .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid white;
  outline-offset: -2px;
}

.c-bands-icon-container-bib {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 20px;
  font-size: 0px;
}
.c-bands-icon-container-bib * {
  font-size: 12px;
}

.c-bands-icon-container-pib {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 20px;
  font-size: 0px;
}
.c-bands-icon-container-pib * {
  font-size: 12px;
}

.c-bands-value-container-bib {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: absolute;
  top: 0;
}

.c-bands-value-container-pib {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: absolute;
  top: 0;
}

.c-form__required {
  color: rgb(242, 86, 86);
}

.c-number-input {
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
}
.c-number-input > button, .c-number-input > .c-notebook-notifications__row-secondary-button {
  width: 27px;
  /*height: 27px;*/
  padding: 6px;
  color: #000;
  border: none;
  outline: none;
  color: white;
  background: #2B76CD;
}
.c-number-input > button:first-child, .c-number-input > .c-notebook-notifications__row-secondary-button:first-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.c-number-input > input + button, .c-number-input > input + .c-notebook-notifications__row-secondary-button {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.c-number-input > input {
  text-align: center;
  border-radius: 0 !important;
}
.c-number-input input[type=number] {
  -moz-appearance: textfield;
}
.c-number-input input::-webkit-outer-spin-button,
.c-number-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.c-toggle-select {
  display: inline-block;
  vertical-align: middle;
  background-color: #b1bdcb;
  /*The following pseudo element creates a div that overlays the selected item, has a background image (the tick) and is translucent
   *This gives the same effect as having opacity on the background
   *The new div is in front of the selected item but in this case it doesn't seem to matter - sm 12/04/2016
   */
}
.c-toggle-select > span {
  display: table-cell;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  padding: 7px 16px 7px 27px;
  color: white;
  cursor: pointer;
}
.c-toggle-select > span:hover {
  background-color: #92a3b7;
}
.c-toggle-select .c-toggle-select__item--selected {
  background-color: #68bc59;
}
.c-toggle-select .c-toggle-select__item--selected::after {
  content: "";
  background: url(../images/CitizenPortal/admin/icons-tick.svg) 11px center no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.c-toggle-select .c-toggle-select__item--selected:hover {
  background-color: #50a141;
}

/*-------------------------------------*
    (COMPONENT) Slide DOWN MENU
 *-------------------------------------*/
.c-slide-menu {
  position: absolute;
  overflow-y: hidden;
  max-height: 0; /* Hide the menu using max-height so the display can be animated */
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  z-index: 99999;
  /*transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}
.c-slide-menu.is-open {
  padding-top: 8px; /* Cater for the triangle "arrow" */
  max-height: calc(100vh - 90px);
  overflow: visible; /* Allows box shadow to show without being clipped */
}
.c-slide-menu__bd {
  display: none;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.is-open .c-slide-menu__bd {
  display: block;
}
.c-slide-menu__contents {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  border-radius: 4px;
}
.c-slide-menu__delimiter {
  max-height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  margin: 5px 17px !important;
  border-top: 1px solid rgb(241, 241, 241) !important;
}

.c-slide-menu--left .c-slide-menu__bd:before, .c-slide-menu--left .c-slide-menu__bd:after {
  position: absolute;
  content: "";
  left: 13px;
  width: 15px;
  height: 15px;
  background: white;
  top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-slide-menu--left .c-slide-menu__bd:before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.c-slide-menu--centre .c-slide-menu__bd:before, .c-slide-menu--centre .c-slide-menu__bd:after {
  position: absolute;
  content: "";
  left: calc(50% - 8px);
  width: 15px;
  height: 15px;
  background: white;
  top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-slide-menu--centre .c-slide-menu__bd:before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.c-slide-menu--right .c-slide-menu__bd:before, .c-slide-menu--right .c-slide-menu__bd:after {
  position: absolute;
  content: "";
  right: 10px;
  width: 15px;
  height: 15px;
  background: white;
  top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-slide-menu--right .c-slide-menu__bd:before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.c-slide-menu--sub-left .c-slide-menu__bd:before {
  display: block;
  position: absolute;
  content: "";
  right: -8px;
  top: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7.5px 0 7.5px;
  border-color: rgb(57, 61, 67) transparent transparent transparent;
}

.c-slide-menu--sub-right .c-slide-menu__bd:before {
  display: block;
  position: absolute;
  content: "";
  left: -8px;
  top: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 8px 7.5px 0;
  border-color: transparent rgb(57, 61, 67) transparent transparent;
}

.c-slide-menu__options {
  list-style: none;
  padding: 8px 1px;
  max-width: 338px;
}
.c-slide-menu__options > li {
  position: relative;
  cursor: pointer;
  padding: 5px 15px 4px 15px;
  min-height: 20px;
  line-height: 16px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-slide-menu__options > li {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 900px) {
  .c-slide-menu__options > li {
    padding: 7px 15px;
  }
}
.c-slide-menu__options > li.c-slide-menu__options__new-group {
  margin-top: 10px;
}
.c-slide-menu__options > li.c-slide-menu__options__new-group:before {
  display: block;
  position: absolute;
  content: "";
  top: -5px;
  left: 8px;
  right: 8px;
  border-top: 1px solid #687381;
  padding-bottom: 5px;
}

.c-slide-menu__contents-table {
  display: table;
}

.c-slide-menu__contents-row {
  position: relative;
  z-index: 1;
  padding-left: 27px;
  padding-right: 0;
  border: none;
  background: transparent;
  color: #2b76cd;
}
.c-slide-menu__contents-row:hover {
  color: #f06c01;
}
.c-slide-menu__contents-row:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 2px;
}

.c-slide-menu__contents-icon > svg {
  position: absolute;
  top: -1px;
  left: 0;
  width: 18px;
  height: 18px;
  stroke: rgb(43, 118, 205);
  fill: rgb(43, 118, 205);
}
.c-slide-menu__contents-icon > img {
  position: absolute;
  top: -1px;
  left: 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.c-slide-menu__contents-text {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}

.c-slide-menu--black {
  color: rgb(43, 118, 205);
  /*& li {
      @include svgFillFix($base-appHeader-color);


      &:hover {
          color: $base-appHeader-color-hover;
          @include svgFillFix($base-appHeader-color-hover);
      }
  }*/
}
.c-slide-menu--black > .c-slide-menu__bd {
  background-color: rgb(255, 255, 255);
}
.c-slide-menu--black li:hover {
  /*@include svgFillFix($base-appHeader-color);*/
  color: rgb(240, 108, 1);
}
.c-slide-menu--black li:hover svg {
  stroke: #F06C01;
  fill: #F06C01;
}

.c-slide-menu--white {
  color: rgb(255, 255, 255);
}
.c-slide-menu--white > .c-slide-menu__bd {
  background-color: rgb(57, 61, 67);
}
.c-slide-menu--white li:hover {
  background: rgb(0, 0, 0);
}

.c-slide-menu__contents-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 28px;
  padding-right: 18px;
  background: white url(../images/Icons/arrow--down.svg) center right no-repeat;
  background-size: 24px 24px;
  border: 1px solid #ddd;
  line-height: normal;
  margin: 2px 0;
}
.c-slide-menu__contents-dropdown:hover {
  background: white url(../images/Icons/arrow--down.svg) center right no-repeat;
  border: 1px solid #F06C01;
  background-size: 24px 24px;
  color: inherit;
}
.c-slide-menu__contents-dropdown:focus-visible {
  border: 1px solid #286EBF;
  outline: none;
}

.c-slide-menu__contents-current-label {
  line-height: 20px;
  margin: 0 8px;
  min-height: 31px;
  min-width: 43px;
  text-align: left;
  display: inline-block;
}

.c-slide-menu__contents-current-icon {
  position: relative;
  top: 1px;
  left: 2px;
  width: 16px;
  height: 17px;
  padding-left: 5px;
  padding-right: 17px;
}

.c-slide-menu__svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.c-slide-menu__svg > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-slide-menu__svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-slide-menu__svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-slide-menu__svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

/*-------------------------------------*
    (COMPONENT) Message
 *-------------------------------------*/
.c-message__no-data,
.c-message__no-working-capacity {
  color: rgb(40, 110, 191);
  font-style: italic;
  font-size: 12px;
}

.c-message__no-data-slicers {
  color: rgb(40, 110, 191);
  font-style: italic;
  font-size: 12px;
}

.c-model-chooser {
  padding: 13px 11px 9px 11px;
  /*font-family: Verdana;
  font-size: 11px;*/
}
.c-model-chooser__title {
  padding-bottom: 19px;
  border-bottom: 1px solid #eaebef;
  margin-bottom: 18px;
}
.c-model-chooser__title--strong {
  font-weight: bold;
}
.c-model-chooser__list {
  width: 100%;
  max-width: 400px;
  max-height: 400px;
  overflow: auto;
}
.c-model-chooser__list > ul {
  list-style: none;
}
.c-model-chooser__list > ul > li input[type=radio] {
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
}
.c-model-chooser__list > ul > li input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-model-chooser__list > ul > li input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-model-chooser__list > ul > li input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-model-chooser__list > ul > li input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-model-chooser__list > ul > li input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-model-chooser__list > ul > li input[type=radio]:hover, .c-model-chooser__list > ul > li input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-model-chooser__list > ul > li input[name=defaultModel] {
  position: relative;
  top: 2px;
}
.c-model-chooser__list > ul > li > input[name=modelOptionsGroup] {
  display: none;
}
.c-model-chooser__list > ul > li > input[name=modelOptionsGroup]:checked + label {
  background-color: #e5f4ff;
}
.c-model-chooser__list > ul > li > label {
  padding: 11px 5px 11px 5px;
  cursor: pointer;
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
}
.c-model-chooser__list > ul > li > label:hover {
  background-color: #FEEEA2;
}

.c-model-chooser__default-column {
  display: inline-block;
  width: 50px;
  text-align: center;
  vertical-align: middle;
}

.c-model-chooser__other-header {
  vertical-align: middle;
}

.c-multi-select__unselected {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px;
  background: white;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  width: 100%;
  height: 150px;
  vertical-align: middle;
  margin: 10px 0;
}
.c-multi-select__unselected option {
  overflow: hidden;
}
.c-multi-select__unselected::-ms-expand {
  opacity: 0;
}
.c-multi-select__unselected:hover {
  border: 1px solid #F06C01 !important;
}
.c-multi-select__unselected:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-multi-select__selected {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px;
  background: white;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  width: 100%;
  height: 181px;
  vertical-align: middle;
  margin: 10px 0;
}
.c-multi-select__selected option {
  overflow: hidden;
}
.c-multi-select__selected::-ms-expand {
  opacity: 0;
}
.c-multi-select__selected:hover {
  border: 1px solid #F06C01 !important;
}
.c-multi-select__selected:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-multi-select__outer-wrapper {
  margin: 0px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  max-width: calc(100vw - 30px);
}

.c-multi-select__select-wrapper {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.c-multi-select__select-wrapper label {
  display: block;
}

.c-multi-select__buttons {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 40px;
}
.c-multi-select__buttons > button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 40px;
}
.c-multi-select__buttons > button:hover, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-multi-select__buttons > button:focus-visible, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-multi-select__buttons > button + button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button + button, .c-multi-select__buttons > button + .c-notebook-notifications__row-secondary-button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button + .c-notebook-notifications__row-secondary-button {
  margin-top: 5px;
}

.c-multi-select__search {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  margin: 10px 0;
}
.c-multi-select__search:hover {
  border: 1px solid #F06C01 !important;
}
.c-multi-select__search:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-multi-select--wide-contents {
  overflow-x: auto !important;
}
.c-multi-select--wide-contents > option {
  overflow: visible !important;
}

@media only screen and (max-width: 500px) {
  .c-multi-select__outer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-multi-select__select-wrapper {
    min-height: 216px;
  }
  .c-multi-select__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin: 5px 0;
    min-height: 40px;
  }
  .c-multi-select__buttons > button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .c-multi-select__buttons > button + button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button + button, .c-multi-select__buttons > button + .c-notebook-notifications__row-secondary-button, .c-multi-select__buttons > .c-notebook-notifications__row-secondary-button + .c-notebook-notifications__row-secondary-button {
    margin-left: 5px;
  }
}
.c-my-menu__page-menu {
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  background-color: #EEF2F7;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 3;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .c-my-menu__page-menu {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: 17px;
  }
}

.c-my-menu__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print {
  .c-my-menu__page-menu {
    display: none;
  }
}
.c-my-menu__filter-menu {
  padding: 0 10px 0 15px;
  height: 45px;
  font-size: 12px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .c-my-menu__filter-menu {
    padding: 0 13px;
  }
}
.c-my-menu__filter-menu input[type=text],
.c-my-menu__filter-menu input[type=number],
.c-my-menu__filter-menu input[type=checkbox],
.c-my-menu__filter-menu input[type=radio],
.c-my-menu__filter-menu select,
.c-my-menu__filter-menu textarea {
  border: 1px solid white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
.c-my-menu__filter-menu input:focus {
  outline: 0;
}
.c-my-menu__filter-menu input[type=checkbox] {
  background: white;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
}
.c-my-menu__filter-menu input[type=checkbox]:focus-visible {
  outline: 1px solid rgb(43, 118, 205);
  outline-offset: -1px;
}
.c-my-menu__filter-menu select::-ms-expand,
.c-my-menu__filter-menu input::-ms-check {
  opacity: 0;
}
.c-my-menu__filter-menu input[type=checkbox]:checked {
  background: white url("../images/Icons/tick.svg") center center no-repeat;
  background-size: 8px auto;
}
.c-my-menu__filter-menu input[type=checkbox]:checked:focus-visible {
  border: 1px solid #2b76cd;
}

.c-my-menu__item {
  text-align: center;
  display: inline-block;
}
.c-my-menu__item:focus-visible {
  outline: none;
}
.c-my-menu__item:focus-within {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
}
@media screen and (max-width: 768px) {
  .c-my-menu__item {
    padding: 0 22px 0 0;
  }
}
.c-my-menu__item > a {
  display: inline-block;
  padding: 0 11px;
  min-height: 40px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  color: #286EBF;
}
.c-my-menu__item > a:focus-visible {
  outline: 1px solid rgb(43, 118, 205);
  outline-offset: -1px;
}

.c-my-menu__item:hover > a {
  color: #F06C01;
}

.c-my-menu__item--selected > a {
  position: relative;
  color: #286EBF;
}
.c-my-menu__item--selected > a::after {
  position: absolute;
  bottom: 1px;
  content: "";
  display: block;
  width: calc(100% - 22px);
  height: 3px;
  background: rgb(43, 118, 205);
}

.c-my-menu__page-menu-extra-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: #e4e8ec;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .c-my-menu__page-menu-extra-items {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    white-space: nowrap;
  }
}
.c-my-menu__page-menu-extra-items .c-widget__rich-title-settings-icon {
  margin: 0 6px;
  padding: 4px;
  border-radius: 3px;
}

.c-my-menu__expand-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.c-my-menu__expand-button > svg {
  width: 18px;
  height: 15px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-my-menu__expand-button:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-my-menu__expand-button:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-my-menu__expand-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .c-my-menu__expand-button {
    margin-right: 15px;
  }
}
.c-my-menu__expand-button > svg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-my-menu__expand-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
  border-radius: 0;
}

/*.c-app__content--tabs-show .c-my-menu__expand-button {
    > svg {
        transform: rotate(180deg);
    }
}*/
.c-app__content--tabs-hide .c-my-menu__expand-button > svg {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

/*.c-mypage__header {
    vertical-align: middle;
    height: 100%;
}*/
.c-mypage__person-details {
  position: relative;
}
.c-mypage__person-details__arrow-down {
  background-image: url("../images/icons/down-arrow-grey.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -26px;
  bottom: 0;
}
.c-mypage__person-details:hover .c-mypage__person-details__arrow-down {
  display: none;
}

.c-mypage__widget-slicers {
  position: relative;
  z-index: 11;
}

.c-mypage__widget-title-icons-bg,
.c-mypage__widget-title-icons-bg.c-mypage__widget-title-icons--down {
  background-color: white;
  width: 100%;
  height: 25px;
  top: -5px;
}

.c-mypage__avatar-img {
  /*position: absolute;
  top: -13px;
  left: -35px;*/
  border-radius: 15px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
}

@media only screen and (max-width: 768px) {
  .c-mypage__avatar-img {
    display: none;
  }
}
.c-mypage__summary-title {
  padding: 30px 0 20px 0;
}

.c-mypage__overview-table {
  display: table;
  position: relative;
  width: 100%;
}

.c-mypage__overview-row {
  display: table-row;
}

.c-mypage__overview-tabs {
  position: fixed;
  left: -200px;
  margin-left: 200px;
  width: 200px;
  top: 100px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 0;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
@media screen and (max-width: 1004px) {
  .c-mypage__overview-tabs {
    z-index: 2;
  }
}

.c-mypage__overview-sections {
  padding: 29px 25px 15px 25px;
  border-radius: 4px;
  min-height: calc(100vh - 220px);
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  margin-left: 200px;
}
@media (max-width: 768px) {
  .c-mypage__overview-sections {
    padding: 50px 0 25px 0;
    height: auto;
  }
}

.c-app.is-appPanel-expanded .c-app__content--tabs-hide .c-mypage__overview-sections {
  margin-left: 200px;
}

.c-app__content--tabs-hide .c-mypage__overview-sections {
  margin-left: 0;
}

@media screen and (max-width: 900px) {
  .c-mypage__rhs-panel {
    margin-left: 200px;
    display: block;
    width: auto !important;
    border-radius: 4px;
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
  }
  .c-schedule-summary {
    border-radius: 4px 4px 0 0;
  }
  .c-app__content--tabs-hide .c-mypage__rhs-panel {
    margin-left: 0;
    padding-bottom: 10px;
  }
}
.c-app__content--tabs-hide .c-mypage__overview-tabs {
  margin-left: 0;
}

.c-mypage__summary-tab {
  width: 200px;
  border-left: 4px solid transparent;
  padding: 8px 0 8px 25px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  background-color: #fff;
  text-align: left;
  border: none;
  margin: 1px 0;
  color: #2b76cd;
}
.c-mypage__summary-tab:hover {
  color: #F06C01;
}
.c-mypage__summary-tab:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
}

.c-mypage__summary-tab--selected {
  padding: 8px 0 8px 21px;
  background-color: rgb(255, 255, 255);
  border-left-color: rgb(40, 110, 191);
  border-width: 0 0 0 3px;
  border-style: solid;
  color: rgb(40, 110, 191);
  position: relative;
  margin-left: 1px;
}
.c-mypage__summary-tab--selected:focus-visible {
  width: calc(100% - 1px);
}

/* Today At-A-Glance Tiles at the top of the Overview section */
.c-mypage__overview-tiles-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-gap: 15px;
}

.c-mypage__overview-tile {
  padding: 20px 20px 10px 20px;
  background: white;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.c-mypage__overview-summary-widget {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.c-mypage__entity-section-wrapper {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 30px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
}
.c-mypage__entity-section-wrapper .c-cards__group-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-mypage__entity-section-header {
  padding-bottom: 0;
  margin-top: 40px;
  margin-bottom: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.js-section-expander--open .c-mypage__entity-section-header {
  padding-bottom: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}

.c-mypage__rhs-panel .c-mypage__entity-section-header {
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .c-mypage__rhs-panel .c-mypage__entity-section-header {
    margin-bottom: 30px;
  }
}
.c-mypage__rhs-panel .c-mypage__entity-section-wrapper {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.c-mypage__entity-header:hover {
  color: #F06C01;
  cursor: pointer;
}

.c-mypage__overview-controls {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 670px) and (orientation: portrait) {
  .c-mypage__overview-controls {
    left: 0;
  }
}

.c-mypage__overview-control {
  display: inline-block;
  padding: 10px 14px 10px 36px;
  cursor: pointer;
  background-color: transparent;
  border-width: 0;
  border-radius: 5px;
  background-position: left 10px center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-color: rgb(239, 239, 239);
  outline: 0;
  min-width: 103px;
}
.c-mypage__overview-control:hover {
  color: rgb(40, 110, 191);
}

.c-mypage__overview-control--sunburst {
  background-image: url("../images/visualisations/sunburst.svg");
  background-size: 20px 20px;
}

.c-mypage__overview-control--details {
  background-image: url("../images/visualisations/table.svg");
  background-size: 20px 20px;
}

.c-mypage__widget-title-icons {
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  z-index: 2;
}

.c-mypage__widget-title-icons-inline {
  position: relative;
  height: 30px;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
}

.c-mypage__entity-section {
  position: relative;
}

.c-mypage__overview-detail-entity-wrapper {
  position: relative;
  margin-bottom: 20px;
}

.c-mypage__detail-entity-wrapper {
  position: relative;
}

#my-page-summary-overviews, .c-mypage__details {
  margin-top: 30px;
}

@media (max-width: 456px) {
  #my-page-summary-overviews {
    margin-top: 20px;
  }
}
@media (max-width: 1004px) {
  .c-mypage__return-to-summary {
    text-align: center;
    margin-bottom: 25px;
  }
  .c-mypage__overview-control--return {
    background-image: url("../images/Icons/back.svg");
  }
  .c-mypage__widget-title-icons {
    display: block;
    text-align: right;
    position: relative;
    height: 30px;
  }
}
@media (min-width: 1005px) {
  .c-mypage__return-to-summary {
    display: none;
  }
  .c-mypage__widget-title-icons {
    position: relative;
    top: -24px;
    right: 0;
    display: inline-block;
    float: right;
  }
}
@media (max-width: 1024px) {
  .c-mypage__widget-title-icons {
    position: absolute;
    top: -2px;
    right: -8px;
  }
}
.c-widget__rich-title-panel {
  margin: 15px;
  padding: 0;
}

.c-widget__rich-title-panel-control,
.c-widget__rich-title-panel-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 7px;
  margin-right: 7px;
  cursor: pointer;
}

.c-widget__rich-title-panel-divider {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 7px;
  margin-right: 7px;
  cursor: default;
  height: 20px;
  width: 0px;
  border-left: 1px solid #AEB1B5;
}

.c-widget__rich-title-panel-control {
  line-height: 45px;
}

.c-widget__rich-title-panel-label {
  font-size: 10px;
  letter-spacing: 2px;
}

.c-mypage__rhs-panel .c-widget__rich-title-image {
  display: none;
}
.c-mypage__rhs-panel .c-widget__rich-title-button-panel {
  right: 27px;
}
.c-mypage__rhs-panel .c-widget__rich-title-button-panel:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-mypage__rhs-panel .c-widget__rich-title {
  padding: 20px 15px;
}
.c-mypage__rhs-panel .slicercontrol-radiobuttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.c-mypage__rhs-panel .c-slicer__wrapper {
  width: 100% !important;
  margin-right: 0;
}

.toggle {
  cursor: pointer;
  top: 0;
}

.toggle input {
  opacity: 0;
}

.toggle input:not(:checked):focus-visible + .toggle__switch > .c-mypage__overview-controls--details {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
}

.toggle input:checked:focus-visible + .toggle__switch > .c-mypage__overview-controls--summary {
  outline: 1px solid #2b76cd;
  outline-offset: -1px;
}

.toggle__switch {
  position: absolute;
  width: 164px;
  height: 29px;
  cursor: pointer;
  top: -6px;
  right: -4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 4px;
  padding: 6px 0;
}
@media screen and (max-width: 670px) and (orientation: portrait) {
  .toggle__switch {
    top: 54px;
    right: 0;
    width: 100%;
  }
}

.c-mypage__overview-controls--summary {
  background: rgb(255, 255, 255);
  padding: 6px 15px;
  border-radius: 4px 0 0 4px;
  width: 80px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 670px) and (orientation: portrait) {
  .c-mypage__overview-controls--summary {
    width: 50%;
  }
}

.c-mypage__overview-controls--details {
  background: rgb(255, 255, 255);
  padding: 6px 15px;
  border-radius: 0 4px 4px 0;
  width: 80px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 670px) and (orientation: portrait) {
  .c-mypage__overview-controls--details {
    width: 50%;
  }
}

.toggle input:not(:checked) + .toggle__switch > .c-mypage__overview-controls--summary, .toggle input:checked + .toggle__switch > .c-mypage__overview-controls--details {
  background: rgb(40, 110, 191);
  color: white;
  width: 80px;
}
@media screen and (max-width: 670px) and (orientation: portrait) {
  .toggle input:not(:checked) + .toggle__switch > .c-mypage__overview-controls--summary, .toggle input:checked + .toggle__switch > .c-mypage__overview-controls--details {
    width: 50%;
  }
}

@media screen and (max-width: 670px) and (orientation: portrait) {
  #my-page-summary-title, #my-page-details-title {
    margin-bottom: 82px;
    overflow: hidden;
  }
  .c-built-in__header-2 {
    max-width: 170px;
  }
  .c-employee-selector__text {
    display: none;
  }
  .inphase {
    display: none;
  }
  .c-employee-selector__avatar {
    width: 25px;
    height: 25px;
  }
}
.c-switch {
  position: relative;
  width: auto;
  height: 16px;
  cursor: pointer;
}

.c-switch__label {
  vertical-align: middle;
}

.c-switch__checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.c-switch__checkbox:focus-visible + .c-switch__slider {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
}

.c-switch__slider {
  position: absolute;
  top: 1px;
  bottom: -15px;
  right: -11px;
  width: 29px;
  height: 16px;
  background-color: #99AFC7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 20px;
}

.c-switch__slider:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: #DFE3E8;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  vertical-align: middle;
}

input:checked + .c-switch__slider {
  background: #2B76CD;
}

input:checked + .c-switch__slider:before {
  -webkit-transform: translateX(13px);
      -ms-transform: translateX(13px);
          transform: translateX(13px);
  background: #fff;
}

.c-mypage__rhs-panel .c-slicer__clear {
  margin-top: 15px;
  margin-left: inherit;
}

/*-------------------------------------*
   (COMPONENT) Book Thumbnails
*-------------------------------------*/
/* --- Collapsed Book View --- */
.c-book-preview-list {
  text-align: center;
  background: #F2F5F7;
}
.c-book-preview-list .c-book-preview-grid-wrapper {
  position: relative;
}
.c-book-preview-list .bookThumbnailWrapper {
  display: inline-block;
  border-radius: 3px;
  padding: 5px;
  margin: 0 auto 4px auto;
}
.c-book-preview-list .bookThumbnailWrapper.selected {
  background: #c4e0f5;
}
.c-book-preview-list .bookThumbnail {
  display: inline-block;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  padding: 10px 10px 8px 10px;
  text-align: left;
}
.c-book-preview-list .thumbnailImg {
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  width: 178px;
  height: 143px;
}
.c-book-preview-list .thumbnailImg--loading {
  background: url(../images/progress.gif) center center no-repeat;
  background-size: contain;
}
.c-book-preview-list .thumbnailImg img {
  width: 100%;
  height: 100%;
}
.c-book-preview-list .thumbnailText {
  color: #465463;
  padding-top: 8px;
}
.c-book-preview-list .thumbnailText span {
  font-size: 12px;
  font-weight: 600;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  letter-spacing: 0.2px;
}

/*-------------------------------------*
   (COMPONENT) Page Preview List
*-------------------------------------*/
/*.c-page-preview-list-wrapper {
    background: #F2F5F7;
}*/
.c-page-preview-list {
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
  /*.pageThumbnailWrapper .thumbnailImg {
      border: 1px solid #d5d7d9;
      border-radius: 2px;
      margin-bottom: 6px;
  }*/
  /*.thumbnailImg img {
      width: 100%;
      height: 100%;
  }*/
}
.c-page-preview-list h2 {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  margin: 30px 0 12px 0;
  padding: 0;
}
.c-page-preview-list__subscribe {
  margin-left: 10px;
}
.c-page-preview-list__subscribe:focus-visible {
  outline: 1px solid #2b76cd;
}
.c-page-preview-list:first-child h2 {
  margin-top: 0;
}
.c-page-preview-list h2 span {
  font-size: 20px;
  color: #286EBF;
  font-weight: 300;
  letter-spacing: -0.5px;
}
.c-page-preview-list .c-page-preview-list__page-scroller {
  overflow-x: auto;
  min-height: 155px;
  background-color: transparent;
}
.c-page-preview-list .c-page-preview-list__page-scroller > div {
  vertical-align: top;
  white-space: nowrap;
}
.c-page-preview-list .pageThumbnailWrapper {
  display: inline-block;
  vertical-align: top;
  background: transparent;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}
.c-page-preview-list .pageThumbnail {
  background: white;
  padding: 12px 15px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}
.c-page-preview-list .pageThumbnail.highlight {
  border: solid 2px #F06C01;
}
.c-page-preview-list .pageThumbnail:focus-visible {
  outline: 1px solid #2b76cd;
  border: none;
}
.c-page-preview-list .thumbnailImg {
  /*background: #f6f6f6;
  border: 1px solid #f6f6f6;*/
  width: 112px;
  height: 90px;
  border-style: none;
}
.c-page-preview-list .thumbnailImg--loading {
  background: url(../images/progress.gif) center center no-repeat;
  background-size: contain;
}
.c-page-preview-list .thumbnailText {
  width: 106px;
  color: #1F2941;
  font-size: 13px;
  font-weight: 400;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.2px;
  margin-bottom: 15px;
}

/*-------------------------------------*
   #THEME MENU
*-------------------------------------*/
.c-theme-menu__navbar,
.c-theme-menu__sub-navbar,
.c-theme-menu__lozenge-sub-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-theme-menu__navbar {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  font-size: 0px; /* get rid of space between inline-block elements within the navbar */
}

.c-theme-menu__sub-navbar {
  border-width: 1px;
  border-style: solid;
  margin-top: 6px;
  border-radius: 5px;
}

/* --- Items --- */
.c-theme-menu__navbar > li,
.c-theme-menu__sub-navbar > li {
  font-size: 11px;
  display: inline-block;
  zoom: 1;
  *display: inline; /* IE Quirks inline-block hack */
  margin: 0;
  padding: 0;
}

.c-theme-menu__navbar > li > a {
  display: block;
  position: relative;
  vertical-align: middle;
  padding: 0 16px 0 15px; /* The left padding is slightly smaller to ensure consistent spacing on each side when using the faux border */
  line-height: 38px;
  text-decoration: none;
}
.c-theme-menu__navbar > li > a:after {
  /* This is a "faux" border, it enables us to have a border that doesn't extend the full height of the link */
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 34px;
}

.c-theme-menu__navbar > li:last-child > a {
  border-radius: 5px;
}
.c-theme-menu__navbar > li:last-child > a:after {
  display: none;
}

.c-theme-menu__navbar__item--selected > a {
  /* In the selected state use regular full height borders as the partial borders look odd with the changed background colours */
  border-left: 1px solid;
  border-right: 1px solid;
  margin-left: -1px; /* Shift left to overlay the previous link's faux border */
  padding-right: 15px !important; /* Reduce the padding to compensate for the border */
}
.c-theme-menu__navbar__item--selected > a:after {
  display: none !important;
}

.c-theme-menu__sub-navbar > li > a {
  display: block;
  line-height: 28px;
  padding: 0 15px;
  text-decoration: none;
}

.c-theme-menu__navbar > li:first-child > a,
.c-theme-menu__sub-navbar > li:first-child > a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.c-theme-menu__navbar > li:last-child > a:active,
.c-theme-menu__sub-navbar > li:last-child > a:active {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* --- FlexMenu Plugin ---- */
/* 
    Displays overflow content in a dropdown menu 
    All flex* class names come from the plugin itself so aren't in BEM format

    We may need to abstract this out to make it available to other types of menu
*/
.flexMenu-popup {
  right: 0;
  display: inline-block;
}
.flexMenu-popup > li > a {
  text-align: left !important;
  display: block !important;
}

.c-theme-menu__navbar,
.c-theme-menu__sub-navbar {
  /* The "More" list item which is inserted into the standard menu */
  /* The drop down list */
}
.c-theme-menu__navbar .flexMenu-viewMore > a,
.c-theme-menu__sub-navbar .flexMenu-viewMore > a {
  position: relative;
  padding-right: 25px;
}
.c-theme-menu__navbar .flexMenu-viewMore > a:after,
.c-theme-menu__sub-navbar .flexMenu-viewMore > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top-width: 4px;
  border-top-style: solid;
  margin-top: -2px;
  background: none !important;
}
.c-theme-menu__navbar .flexMenu-popup,
.c-theme-menu__sub-navbar .flexMenu-popup {
  list-style-type: none;
  border-width: 1px;
  border-style: solid;
  z-index: 5;
}
.c-theme-menu__navbar .flexMenu-popup > li > a,
.c-theme-menu__sub-navbar .flexMenu-popup > li > a {
  display: block;
  padding: 0.7em 7px;
  line-height: 1.5em;
  text-decoration: none;
}

/** SILVER THEME
================================================*/
.c-theme-menu--silver .c-theme-menu__navbar {
  border-color: #ceced3;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  background: #fcfffd; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfffd), color-stop(98%, #e5e8f0));
  background: linear-gradient(to bottom, #fcfffd 0%, #e5e8f0 98%);
}
.c-theme-menu--silver .c-theme-menu__navbar > li > a {
  color: #19445f;
  background: #fcfffd; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfffd), color-stop(98%, #e5e8f0));
  background: linear-gradient(to bottom, #fcfffd 0%, #e5e8f0 98%);
}
.c-theme-menu--silver .c-theme-menu__navbar > li > a:hover {
  background: #feeeb3; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeb3), color-stop(3%, #ffeaa0), color-stop(25%, #ffe892), color-stop(40%, #ffe791), color-stop(53%, #feeba1), color-stop(55%, #feeca6), color-stop(58%, #ffefb1), color-stop(80%, #fff3bd), color-stop(95%, #fff7c9), color-stop(98%, #fff9cf), to(#ffffff));
  background: linear-gradient(to bottom, #feeeb3 0%, #ffeaa0 3%, #ffe892 25%, #ffe791 40%, #feeba1 53%, #feeca6 55%, #ffefb1 58%, #fff3bd 80%, #fff7c9 95%, #fff9cf 98%, #ffffff 100%);
  color: #19445f;
}
.c-theme-menu--silver .c-theme-menu__navbar > li > a:after {
  background: #ceced3;
}
.c-theme-menu--silver .c-theme-menu__navbar .c-theme-menu__navbar__item--selected > a {
  background: #4c93c9; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#4c93c9), to(#6da8d4));
  background: linear-gradient(to bottom, #4c93c9 0%, #6da8d4 100%);
  color: #fff;
  border-color: #ceced3;
}
.c-theme-menu--silver .c-theme-menu__navbar .flexMenu-viewMore > a:after {
  border-top-color: #19445f;
}
.c-theme-menu--silver .c-theme-menu__navbar .flexMenu-popup {
  background-color: #fcfffd;
  border-color: #ceced3;
}
.c-theme-menu--silver .c-theme-menu__navbar .flexMenu-popup > li > a {
  color: #19445f;
}
.c-theme-menu--silver .c-theme-menu__navbar .flexMenu-popup > li > a:hover {
  background-color: #feeeb3;
  color: #2d3b47;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar {
  background: #e0e4ea;
  border-color: #c0c5ca;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar > li > a {
  color: #2d3b47;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar > li > a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfffd), color-stop(98%, #e5e8f0));
  background: linear-gradient(to bottom, #fcfffd 0%, #e5e8f0 98%); /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeb3), color-stop(3%, #ffeaa0), color-stop(25%, #ffe892), color-stop(40%, #ffe791), color-stop(53%, #feeba1), color-stop(55%, #feeca6), color-stop(58%, #ffefb1), color-stop(80%, #fff3bd), color-stop(95%, #fff7c9), color-stop(98%, #fff9cf), to(#ffffff));
  background: linear-gradient(to bottom, #feeeb3 0%, #ffeaa0 3%, #ffe892 25%, #ffe791 40%, #feeba1 53%, #feeca6 55%, #ffefb1 58%, #fff3bd 80%, #fff7c9 95%, #fff9cf 98%, #ffffff 100%);
  color: #2d3b47;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar .c-theme-menu__sub-navbar__item--selected > a {
  color: #fff;
  background: #6da8d4;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar .flexMenu-viewMore > a:after {
  border-top-color: #2d3b47;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar .flexMenu-popup {
  background-color: #e0e4ea;
  border-color: #c0c5ca;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar .flexMenu-popup > li > a {
  color: #2d3b47;
}
.c-theme-menu--silver .c-theme-menu__sub-navbar .flexMenu-popup > li > a:hover {
  background-color: linear-gradient(to bottom, #fcfffd 0%, #e5e8f0 98%);
  color: #2d3b47;
}

/** BLACK THEME
================================================*/
.c-theme-menu--black .c-theme-menu__navbar {
  border-color: #000;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  background: #434243; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#434243), color-stop(51%, #444244), color-stop(54%, #181818), to(#181819));
  background: linear-gradient(to bottom, #434243 0%, #444244 51%, #181818 54%, #181819 100%);
}
.c-theme-menu--black .c-theme-menu__navbar > li > a {
  color: #fff;
  background: #434243; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#434243), color-stop(51%, #444244), color-stop(54%, #181818), to(#181819));
  background: linear-gradient(to bottom, #434243 0%, #444244 51%, #181818 54%, #181819 100%);
}
.c-theme-menu--black .c-theme-menu__navbar > li > a:hover {
  background: #656365; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#656365), color-stop(51%, #646364), color-stop(54%, #3a3a3a), to(#3a393a));
  background: linear-gradient(to bottom, #656365 0%, #646364 51%, #3a3a3a 54%, #3a393a 100%);
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__navbar > li > a:after {
  background: #636363;
}
.c-theme-menu--black .c-theme-menu__navbar .c-theme-menu__navbar__item--selected > a {
  background: #eb780d;
  color: #fff;
  border-color: #636363;
}
.c-theme-menu--black .c-theme-menu__navbar .flexMenu-viewMore > a:after {
  border-top-color: #fff;
}
.c-theme-menu--black .c-theme-menu__navbar .flexMenu-popup {
  background-color: #434243;
  border-color: #000;
}
.c-theme-menu--black .c-theme-menu__navbar .flexMenu-popup > li > a {
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__navbar .flexMenu-popup > li > a:hover {
  background-color: #656365;
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__sub-navbar {
  background: #6b757e; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#6b757e), to(#535d66));
  background: linear-gradient(to bottom, #6b757e 0%, #535d66 100%);
  border-color: #43474b;
}
.c-theme-menu--black .c-theme-menu__sub-navbar > li > a {
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__sub-navbar > li > a:hover {
  background: #444244;
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__sub-navbar .c-theme-menu__sub-navbar__item--selected > a {
  color: #fff;
  background: #eb780d;
}
.c-theme-menu--black .c-theme-menu__sub-navbar .flexMenu-viewMore > a:after {
  border-top-color: #fff;
}
.c-theme-menu--black .c-theme-menu__sub-navbar .flexMenu-popup {
  background-color: #6b757e;
  border-color: #43474b;
}
.c-theme-menu--black .c-theme-menu__sub-navbar .flexMenu-popup > li > a {
  color: #fff;
}
.c-theme-menu--black .c-theme-menu__sub-navbar .flexMenu-popup > li > a:hover {
  background-color: #444244;
  color: #fff;
}

/** BLUE THEME
================================================*/
.c-theme-menu--blue .c-theme-menu__navbar {
  border-color: #025c83;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  background: #2979a3; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#2979a3), color-stop(51%, #2979a3), color-stop(54%, #256d92), to(#256d93));
  background: linear-gradient(to bottom, #2979a3 0%, #2979a3 51%, #256d92 54%, #256d93 100%);
}
.c-theme-menu--blue .c-theme-menu__navbar > li > a {
  color: #fff;
  background: #2979a3; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#2979a3), color-stop(51%, #2979a3), color-stop(54%, #256d92), to(#256d93));
  background: linear-gradient(to bottom, #2979a3 0%, #2979a3 51%, #256d92 54%, #256d93 100%);
}
.c-theme-menu--blue .c-theme-menu__navbar > li > a:hover {
  background: #256d93; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#256d93), color-stop(46%, #256d92), color-stop(49%, #2979a3), to(#2979a3));
  background: linear-gradient(to bottom, #256d93 0%, #256d92 46%, #2979a3 49%, #2979a3 100%);
  color: #fff;
}
.c-theme-menu--blue .c-theme-menu__navbar > li > a:after {
  background: #025c83;
}
.c-theme-menu--blue .c-theme-menu__navbar .c-theme-menu__navbar__item--selected > a {
  background: #8eb500;
  color: #fff;
  border-color: #025c83;
}
.c-theme-menu--blue .c-theme-menu__navbar .flexMenu-viewMore > a:after {
  border-top-color: #fff;
}
.c-theme-menu--blue .c-theme-menu__navbar .flexMenu-popup {
  background-color: #2979a3;
  border-color: #025c83;
}
.c-theme-menu--blue .c-theme-menu__navbar .flexMenu-popup > li > a {
  color: #fff;
}
.c-theme-menu--blue .c-theme-menu__navbar .flexMenu-popup > li > a:hover {
  background-color: #256d93;
  color: #fff;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar {
  background: #b0cce1;
  border-color: #a3c4dd;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar > li > a {
  color: #003950;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar > li > a:hover {
  background: #2979a3; /* For older browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#2979a3), color-stop(51%, #2979a3), color-stop(54%, #256d92), to(#256d93));
  background: linear-gradient(to bottom, #2979a3 0%, #2979a3 51%, #256d92 54%, #256d93 100%);
  color: #fff;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar .c-theme-menu__sub-navbar__item--selected > a {
  color: #fff;
  background: #8eb500;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar .flexMenu-viewMore > a:after {
  border-top-color: #003950;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar .flexMenu-popup {
  background-color: #b0cce1;
  border-color: #a3c4dd;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar .flexMenu-popup > li > a {
  color: #003950;
}
.c-theme-menu--blue .c-theme-menu__sub-navbar .flexMenu-popup > li > a:hover {
  background-color: #2979a3;
  color: #fff;
}

.c-theme-menu__lozenge-sub-nav > li {
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  margin-right: 5px;
  border-color: #a3c4dd;
}

.c-theme-menu__lozenge-sub-nav > li > a:hover {
  border-radius: 3px !important;
  background-image: none !important;
  background: #6da8d4 !important;
  color: #fff !important;
}

.c-theme-menu--silver .c-theme-menu__lozenge-sub-nav-a:hover {
  border-radius: 5px !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #feeeb3 !important;
}

.c-theme-menu--silver .c-theme-menu__lozenge-sub-nav-li:hover {
  border-color: #feeeb3;
}

.c-theme-menu__lozenge-sub-nav {
  background-color: transparent !important;
  border: none;
}

.c-notebook__widget {
  height: 100%;
  position: relative;
  background-color: rgb(255, 255, 255);
  /*Move out into jquery-UI theme*/
}
.c-notebook__widget li {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 687px) {
  .c-notebook__widget li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.c-notebook__widget div + .c-notebook__require-field {
  margin-left: -17px;
  margin-right: 11px;
}
@media screen and (max-width: 687px) {
  .c-notebook__widget div + .c-notebook__require-field {
    position: absolute;
    right: 10px;
    margin-top: 13px;
  }
}
.c-notebook__widget .dateField {
  border-style: none;
  background-color: transparent;
  color: black;
}
.c-notebook__widget .loadingScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.5;
  text-align: center;
}
.c-notebook__widget .loadingScreen > img {
  position: relative;
  top: 100px;
}

/* Add left and right margins to notebook dialog, whilst avoiding affecting pages featuring notebooks */
.ui-dialog .c-notebook__widget {
  margin-left: 17px;
  margin-right: 17px;
}

.c-notebook__tabs {
  display: inline-block;
  min-width: 590px;
  background-color: rgb(247, 247, 247);
  width: 100%;
  height: 30px;
  white-space: nowrap;
}
.c-notebook__tabs > li {
  display: inline-block;
  margin-right: 20px;
  height: 30px;
  background-color: rgb(247, 247, 247);
  color: rgb(36, 66, 98);
  cursor: pointer;
  border-style: none solid;
  border-width: 0;
  font-size: 13px;
  line-height: 23px;
}
.c-notebook__tabs > li:hover {
  color: rgb(40, 110, 191);
}
.c-notebook__tabs > li.selected {
  color: rgb(40, 110, 191);
  border-bottom: 3px solid #2b76cd;
}

.c-notebook__content-scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.c-notebook__legend + .c-notebook__content-scroll {
  top: 30px;
}

.c-notebook__tabs-container + .c-notebook__content-scroll {
  top: 30px;
}

.c-notebook__legend + .c-notebook__tabs-container + .c-notebook__content-scroll {
  top: 60px;
}

/*.c-notebook__content-scroll--legend-displayed {
    top: $notebook__tabs-height + $notebook__legend-height;
}*/
.c-notebook__content {
  padding-bottom: 10px;
  min-width: 590px;
}
@media screen and (max-width: 687px) {
  .c-notebook__content {
    min-width: 100%;
  }
}
.c-notebook__content select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
  width: 210px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-notebook__content select {
    padding: 5px;
  }
}
.c-notebook__content select:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook__content select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook__content select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-notebook__content select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
@media screen and (max-width: 687px) {
  .c-notebook__content select {
    width: 100%;
  }
}
.c-notebook__content select[multiple=multiple] {
  width: 411px;
  padding-right: 9px;
  margin: 0;
}
@media screen and (max-width: 687px) {
  .c-notebook__content select[multiple=multiple] {
    width: 100%;
  }
}
.c-notebook__content select::-ms-expand {
  opacity: 0;
}

.c-notebook__content-summary,
.c-notebook__content-edit {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background: transparent;
}

.c-notebook__content-questionnaire {
  height: 100%;
}

.c-notebook__content-questionnaire-wrapper {
  height: 100%;
}

.c-notebook__form-select-row {
  background-color: rgb(255, 255, 255);
  height: 49px;
  padding-top: 4px;
  border-bottom: solid 1px rgb(217, 217, 217);
  margin-bottom: 20px;
}
.c-notebook__form-select-row span {
  font-weight: bold;
}

.c-notebook__require-field-description {
  margin-bottom: 15px;
  margin-left: 165px;
}
@media screen and (max-width: 687px) {
  .c-notebook__require-field-description {
    margin-left: 0;
  }
}
.c-notebook__require-field-description .c-notebook__require-field {
  margin-right: 9px;
}

.c-notebook__category > *:last-child {
  margin-bottom: 12px;
}

.c-notebook__category-name {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 13px;
  color: rgb(36, 66, 98);
  padding-left: 27px;
  background: #F7F7F7 url(../images/Icons/arrow--down.svg) no-repeat;
  background-size: 25px 25px;
  background-position: 3px 6px;
  cursor: pointer;
}

.c-notebook__category-name--collapsed {
  background: #F7F7F7 url(../images/Icons/arrow--right.svg) no-repeat;
  background-size: 25px 25px;
  background-position: 3px 6px;
}

.c-notebook__field-list {
  list-style-type: none;
  width: 100%;
}
.c-notebook__field-list > li + li {
  margin-top: 5px;
}
.c-notebook__field-list li > div {
  vertical-align: top;
}
.c-notebook__field-list .c-notebook__field-list-title {
  width: 160px;
  margin-right: 20px;
  text-align: right;
  color: #696969;
}
@media screen and (max-width: 687px) {
  .c-notebook__field-list .c-notebook__field-list-title {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
  }
}
.c-notebook__field-list .c-notebook__field-list-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 17px;
  max-width: calc(100% - 180px);
  /* Vertically center checkboxes and radio buttons with their labels, and add some space between them */
}
.c-notebook__field-list .c-notebook__field-list-value ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
  margin-bottom: 3px;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=checkbox],
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio] {
  margin-top: 0;
  margin-right: 8px;
  margin-bottom: 0;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio] {
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]:hover, .c-notebook__field-list .c-notebook__field-list-value ul li label input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
@media screen and (max-width: 687px) {
  .c-notebook__field-list .c-notebook__field-list-value {
    width: 100%;
  }
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__text-field, .c-notebook__field-list .c-notebook__field-list-value textarea {
  width: 440px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
  padding: 5px;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__text-field:hover, .c-notebook__field-list .c-notebook__field-list-value textarea:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__text-field:focus-visible, .c-notebook__field-list .c-notebook__field-list-value textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
@media screen and (max-width: 687px) {
  .c-notebook__field-list .c-notebook__field-list-value .c-notebook__text-field, .c-notebook__field-list .c-notebook__field-list-value textarea {
    width: 100%;
  }
}
.c-notebook__field-list .c-notebook__field-list-value input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-notebook__field-list .c-notebook__field-list-value input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]:hover, .c-notebook__field-list .c-notebook__field-list-value input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-notebook__field-list .c-notebook__field-list-value input [type=radio] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
}
.c-notebook__field-list .c-notebook__field-list-value input [type=radio]:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-list-value input [type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-list-value textarea {
  min-height: 82px;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__date-field {
  width: 125px;
  width: 181px;
  border-style: none;
  margin: 0;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__date-field:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__date-field:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
@media screen and (max-width: 687px) {
  .c-notebook__field-list .c-notebook__field-list-value .c-notebook__date-field {
    width: 100%;
  }
}
.c-notebook__field-list .c-notebook__field-list-value button, .c-notebook__field-list .c-notebook__field-list-value .c-notebook-notifications__row-secondary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 2px;
  vertical-align: top;
  height: 27px;
}
.c-notebook__field-list .c-notebook__field-list-value button:hover, .c-notebook__field-list .c-notebook__field-list-value .c-notebook-notifications__row-secondary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-notebook__field-list .c-notebook__field-list-value button:focus-visible, .c-notebook__field-list .c-notebook__field-list-value .c-notebook-notifications__row-secondary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__coordinates {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__coordinates:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook__field-list .c-notebook__field-list-value .c-notebook__coordinates:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook__field-list .c-notebook__field-history-icon {
  vertical-align: middle;
}

.c-notebook__export-task-icon {
  cursor: pointer;
}

.c-notebook__field-history-icon {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.c-notebook__require-field {
  color: #ff6961;
}

.c-notebook__legend {
  height: 30px;
  padding: 7px 10px 0 10px;
}

.c-notebook__summary-list-documents > li {
  background: url(../images/icons/FileTypes/genericDocument.svg) no-repeat left center;
  padding-left: 22px;
  line-height: 20px;
}

.c-notebook__field-history {
  padding: 0 20px 20px 20px;
}
.c-notebook__field-history__details {
  color: #9EA09E;
}
.c-notebook__field-history h3 {
  margin-bottom: 20px;
}
.c-notebook__field-history ul {
  padding: 5px;
  overflow: auto;
  max-width: 414px;
  max-height: 400px;
}
.c-notebook__field-history li {
  list-style-image: url(../images/Bullets/greenSquare5.png);
  margin-left: 15px;
}

.c-notebook__risk {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #4a3c8c;
  width: 100%;
}

.c-notebook__risk-rm02-title {
  /*width: 75px;*/
  text-align: center;
  margin-left: 65px;
}

.c-notebook__risk-rm03-title {
  /*width: 75px;*/
  text-align: center;
  position: absolute;
  top: 120px;
  left: 10px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
}

.c-notebook__risk-matrix-container {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.c-notebook__risk-matrix {
  margin: 0 0 10px 40px;
  border-collapse: collapse;
  min-width: 150px;
  max-width: 200px;
  min-height: 150px;
  max-height: 200px;
}
.c-notebook__risk-matrix td {
  width: 18px;
  height: 18px;
  border: solid 1px #4a3c8c;
  text-align: center;
}
.c-notebook__risk-matrix td:first-child {
  border: none;
}
.c-notebook__risk-matrix tr:last-child > td {
  border: none;
}
.c-notebook__risk-matrix .c-notebook__risk-matrix-rating {
  font-weight: bold;
}
.c-notebook__risk-matrix .c-notebook__risk-current-value {
  font-weight: bold;
  background-color: #e7e7ff;
}

.c-notebook__risk-field-list {
  /*display: inline-block;*/
  vertical-align: top;
}

.c-notebook__risk-field-list ul {
  list-style: none;
}
.c-notebook__risk-field-list ul li {
  margin-bottom: 3px;
}
.c-notebook__risk-field-list ul li:nth-child(1) {
  margin-bottom: 5px;
}
.c-notebook__risk-field-list-rating {
  font-weight: bold;
}

.c-notebook__risk-field-list-title {
  font-weight: 600;
  color: black;
  margin-top: 4px;
  margin-right: 2px;
  margin-bottom: 4px;
}

.c-notebook__risk-field-list-value {
  font-weight: 400;
  color: black;
}

.c-notebook__dialog-footer {
  border-top: solid 1px #A6C0D6;
  /*padding-top: 5px;*/
  padding: 10px 17px;
  text-align: right;
}

.c-notebook-om-value-entry__item {
  display: inline-block;
}
.c-notebook-om-value-entry__item > div > input,
.c-notebook-om-value-entry__item > div > select {
  width: 55px;
}

.c-notebook__action-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: auto;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 27px;
}
.c-notebook__action-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-notebook__action-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-notebook__action-button > svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: #fff;
  pointer-events: none;
}
.c-notebook__action-button > svg {
  margin-right: 5px;
}

.c-notebook-documents__inline-document {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  background-color: white;
  display: none;
}
.c-notebook-documents__inline-document .c-notebook-documents__close-button {
  margin: 10px;
}
.c-notebook-documents__inline-document .c-notebook-documents__doc-iframe-div,
.c-notebook-documents__inline-document .c-notebook-documents__doc-video {
  /*position: absolute;*/
  /*top: 35px;*/
  /*left: 0;
  bottom: 3px;*/
  width: 100%;
  height: calc(100% - 44px);
  display: none;
  /*Needed for iPad IFrame scrolling*/
  /*Adds extra scrollbars to other browsers*/
  /*-webkit-overflow-scrolling: touch;
  overflow: auto;*/
  /*Needed for iPad IFrame scrolling*/
}
.c-notebook-documents__inline-document .c-notebook-documents__doc-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.c-notebook__measure {
  border-bottom: solid 1px #EAEBEF;
  line-height: 18px;
  padding: 20px;
  /*let the background colour of the row go to the edges*/
  min-width: 825px;
}
.c-notebook__measure img {
  vertical-align: middle;
}

.c-notebook__measure:nth-child(even) {
  background-color: #F8FAFD;
}

.c-notebook__measure-field-list {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.c-notebook__measure-field-list .c-notebook__measure-field-title, .c-notebook__measure-field-list .c-notebook__measure-field-title--heading,
.c-notebook__measure-field-list .c-notebook__measure-field-value {
  display: inline-block;
}
.c-notebook__measure-field-list .c-notebook__measure-field-title, .c-notebook__measure-field-list .c-notebook__measure-field-title--heading {
  font-weight: 600;
  width: 95px;
}
.c-notebook__measure-field-list .c-notebook__measure-field-title--heading {
  padding: 5px 0 5px 0;
}
.c-notebook__measure-field-list .c-notebook__measure-field-value {
  color: #252f4e;
}
.c-notebook__measure-field-list-unit, .c-notebook__measure-field-list-pattern {
  margin-right: 70px;
}

.c-notebook__measure-buttons {
  width: 180px;
  text-align: right;
}
.c-notebook__measure-buttons > li > div {
  display: inline-block;
  width: 29px;
}
.c-notebook__measure-buttons > li > img:last-child {
  padding-right: 20px;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 5px;
}

.c-notebook__measure-summary {
  width: 180px;
  margin-right: 30px;
}

.c-notebook__measure-universal-icon {
  margin-left: 5px;
}

.c-notebook__measure-perf-bands {
  margin-top: 3px;
  padding-left: 95px;
}
.c-notebook__measure-perf-bands li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
}
.c-notebook__measure-perf-bands > li > p {
  display: inline-block;
  position: relative;
  top: -21px;
  width: 30px;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 0;
}

.c-notebook__measure-perf-band-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 57px;
}
.c-notebook__measure-perf-band-icon img {
  width: 18px;
  height: 18px;
}

.c-notebook__measure-perf-bands li + li .c-notebook__measure-perf-band-icon {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}

.c-notebook__measure-perf-scheme-type {
  display: inline-block;
  margin-left: 10px;
}

.c-notebook__measure-extras {
  margin-top: 13px;
  margin-left: 180px;
}

.c-notebook__measure-extras > ul > li {
  margin: 4px 0;
}

.c-notebook__measure-extras-section-heading {
  display: inline-block;
  cursor: pointer;
  background: url(../images/icons/arrow--right.svg) no-repeat left center;
  background-size: 21px 23px;
  padding-left: 20px;
  color: dimgray;
}

.c-notebook__measure-extras-section-heading--expanded {
  background: url(../images/icons/arrow--down.svg) no-repeat left center;
  background-size: 21px 23px;
}

.c-notebook__measure-extras-section-summary {
  color: #252f4e;
  padding-left: 15px;
}

.c-notebook__measure-extras-text {
  display: none;
  white-space: pre-wrap;
  border: solid 1px #EAEBEF;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 20px;
  padding: 4px 6px;
}

.c-notebook-notifications__expander {
  background: url(../images/icons/arrow--right.svg) no-repeat left center;
  background-size: 20px 23px;
  padding-left: 19px;
  cursor: pointer;
}
.c-notebook-notifications__expander > img {
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 3px;
}

.c-notebook-notifications__expander--expanded {
  background-image: url(../images/icons/arrow--down.svg);
  background-size: 20px 23px;
  padding-left: 19px;
}

.c-notebook-notifications__collapsible {
  display: none;
  margin-left: 44px;
}

.c-notebook-notifications__history-details {
  display: none;
}

.c-notebook-notifications__recipient:nth-child(n+4) {
  display: none;
}

.c-notebook-notifications__history {
  margin-left: 5px;
}

.c-notebook-notifications__history-error {
  padding: 10px;
}

.c-notebook-notifications__row {
  line-height: 30px;
}

.c-notebook-notifications__indent {
  margin-left: 80px;
}

.c-notebook-notifications__notification-name {
  width: calc(100% - 80px);
  max-width: 380px;
  margin-left: 40px;
  margin-bottom: 10px;
}

.c-notebook-notifications__sub-options > ul {
  line-height: 30px;
}

select.c-notebook-notifications__email-type {
  width: calc(100% - 80px);
  max-width: 380px;
  margin-bottom: 10px;
}

select.c-notebook-notifications__vs {
  width: calc(100% - 81px);
  max-width: 380px;
  margin-left: 6px;
  margin-bottom: 10px;
}

select.c-notebook-notifications__variance {
  width: 173px;
}

select.c-notebook-notifications__variance-type {
  width: 140px;
}

.c-notebook-notifications__numeric-input {
  width: 50px;
  margin: 5px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-notebook-notifications__numeric-input:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook-notifications__numeric-input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-notebook-notifications__row input[type=text] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-notebook-notifications__row input[type=text]:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook-notifications__row input[type=text]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-notebook-notifications__row label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}

.c-notebook-notifications__row img {
  width: 18px;
}

.c-notebook-notifications__row input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-notebook-notifications__row input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook-notifications__row input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook-notifications__row input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-notebook-notifications__row input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-notebook-notifications__row input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-notebook-notifications__row input[type=checkbox]:hover, .c-notebook-notifications__row input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.c-notebook-notifications__add-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  padding: 0;
}

.c-notebook-notifications__recipients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-notebook-notifications__object-owner {
  margin-bottom: 20px;
}

.c-notebook-notifications__other-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

.c-notebook-notifications__row .select2.select2-container.select2-container--employee-selector,
.c-notebook-notifications__other-email-address {
  width: calc(100% - 30px) !important;
}

.c-notebook-notifications__employee-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 10px;
}

.c-notebook-notifications__row-divider {
  margin: 15px 0;
  height: 1px;
  background-color: #EAEBEF;
  border: none;
}

.c-notebook-notifications__row-divider--recipients {
  margin: 20px 0;
  height: 1px;
  background-color: #EAEBEF;
  border: none;
}

.c-notebook-notifications__action-row {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-notebook-notifications__action-row button + button, .c-notebook-notifications__action-row .c-notebook-notifications__row-secondary-button + button, .c-notebook-notifications__action-row button + .c-notebook-notifications__row-secondary-button, .c-notebook-notifications__action-row .c-notebook-notifications__row-secondary-button + .c-notebook-notifications__row-secondary-button {
  margin-left: 15px;
}

.c-notebook-notifications__row-primary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1.5;
}
.c-notebook-notifications__row-primary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-notebook-notifications__row-primary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}

.c-notebook-notifications__row-secondary-button {
  background: rgb(255, 255, 255);
  color: rgb(43, 118, 205);
  border: 1px solid rgb(43, 118, 205);
  border-radius: 3px;
  line-height: 1.5;
}
.c-notebook-notifications__row-secondary-button:hover {
  border: 1px solid #F06C01;
  color: #F06C01;
}
.c-notebook-notifications__row-secondary-button:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

@media screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  select {
    color: #244263;
  }
  .c-notebook-notifications__create-notification {
    vertical-align: middle !important;
  }
  input[type=checkbox] {
    margin-right: 7px;
  }
  .c-notebook-notifications__add-address > * + * {
    margin-left: 5px;
  }
}
.c-obj-select__container {
  padding: 10px 30px;
}
.c-obj-select__container li {
  list-style: none;
}
.c-obj-select__container li input[type=text] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  margin-right: 20px;
}
.c-obj-select__container li input[type=text]:hover {
  border: 1px solid #F06C01 !important;
}
.c-obj-select__container li input[type=text]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-obj-select__container li select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-obj-select__container li select {
    padding: 5px;
  }
}
.c-obj-select__container li select:hover {
  border: 1px solid #F06C01 !important;
}
.c-obj-select__container li select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-obj-select__container li select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-obj-select__container li select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-obj-select__container li select[multiple=multiple] {
  width: 300px;
  height: 150px;
  vertical-align: middle;
  margin: 10px 0;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
  padding-right: 5px;
  background: white;
}
.c-obj-select__container li select[multiple=multiple] > option {
  margin: 3px 0;
}
.c-obj-select__container li select[multiple=multiple]:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.c-obj-select__container li select[multiple=multiple]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-obj-select__filters {
  margin-bottom: 20px;
}
.c-obj-select__filters li {
  display: inline-block;
  margin-bottom: 15px;
}
.c-obj-select__filters label {
  display: inline-block;
  margin-right: 5px;
}
.c-obj-select__filters .c-ob-filters__filter-buttons {
  display: block;
}
.c-obj-select__filters button, .c-obj-select__filters .c-notebook-notifications__row-secondary-button {
  margin-right: 10px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-obj-select__filters button:hover, .c-obj-select__filters .c-notebook-notifications__row-secondary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-obj-select__filters button:focus-visible, .c-obj-select__filters .c-notebook-notifications__row-secondary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}

.c-obj-select__field-list li {
  margin-bottom: 10px;
}
.c-obj-select__field-list li label {
  width: 200px;
}

.c-obj-select__buttons {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.c-obj-select__buttons > button, .c-obj-select__buttons > .c-notebook-notifications__row-secondary-button {
  display: block;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-obj-select__buttons > button:hover, .c-obj-select__buttons > .c-notebook-notifications__row-secondary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-obj-select__buttons > button:focus-visible, .c-obj-select__buttons > .c-notebook-notifications__row-secondary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-obj-select__buttons > button + button, .c-obj-select__buttons > .c-notebook-notifications__row-secondary-button + button, .c-obj-select__buttons > button + .c-notebook-notifications__row-secondary-button, .c-obj-select__buttons > .c-notebook-notifications__row-secondary-button + .c-notebook-notifications__row-secondary-button {
  margin-top: 5px;
}

.c-obj-select__select-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.c-obj-select__select-wrapper label {
  display: block;
}

.c-notebook-om-value-entry {
  white-space: nowrap;
  line-height: 20px;
  padding: 0 17px;
}

.c-notebook-om-value-entry__title {
  font-size: 14px;
}

.c-notebook-om-value-entry__item > div {
  text-align: center;
}

.c-notebook-om-value-entry__date-navigation {
  padding: 10px 0;
  text-align: right;
}
.c-notebook-om-value-entry__date-navigation > a + a {
  margin-left: 10px;
}

.c-notebook__resource-type-header {
  background-color: rgb(162, 167, 177);
  color: rgb(255, 255, 255);
  min-height: 30px;
  vertical-align: middle;
  line-height: 30px;
  padding-left: 10px;
}

.c-notebook__resource-header {
  background-color: rgb(232, 235, 242);
  min-height: 20px;
  vertical-align: middle;
  line-height: 20px;
}

.c-notebook__resources-wrapper {
  /* When Notebook is in a  page, do not need padding */
  /*padding: 0px 50px 0px 50px;*/
}
.c-notebook__resources-radio {
  vertical-align: middle;
}

span.c-notebook__resources-radio {
  font-weight: bold;
}

/*Summary*/
.c-notebook__summary-table, .c-notebook__summary-measures-table { /*Also used by keywords tab*/
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  width: 100%;
}
.c-notebook__summary-table > thead tr, .c-notebook__summary-measures-table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook__summary-table > tbody > tr:nth-child(even), .c-notebook__summary-measures-table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook__summary-table > thead > tr > th, .c-notebook__summary-measures-table > thead > tr > th, .c-notebook__summary-table > thead > tr > td, .c-notebook__summary-measures-table > thead > tr > td, .c-notebook__summary-table > tbody > tr > th, .c-notebook__summary-measures-table > tbody > tr > th, .c-notebook__summary-table > tbody > tr > td, .c-notebook__summary-measures-table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook__summary-table > thead > tr > th a, .c-notebook__summary-measures-table > thead > tr > th a, .c-notebook__summary-table > tbody > tr > th a, .c-notebook__summary-measures-table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook__summary-table th, .c-notebook__summary-measures-table th, .c-notebook__summary-table td, .c-notebook__summary-measures-table td {
  padding: 10px;
  font-weight: 600;
}
.c-notebook__summary-table td, .c-notebook__summary-measures-table td {
  font-weight: normal;
}
.c-notebook__summary-table img, .c-notebook__summary-measures-table img {
  vertical-align: middle;
  margin-right: 3px;
}
.c-notebook__summary-table .c-notebook__summary-measures-table-tasks-row, .c-notebook__summary-measures-table .c-notebook__summary-measures-table-tasks-row {
  display: none;
}

.c-notebook__summary-measures-table > tbody > tr:nth-child(even) {
  background-color: inherit;
}
.c-notebook__summary-measures-table > tbody > tr:nth-child(4n+3) {
  background-color: #F8FAFD;
}
.c-notebook__summary-measures-table .c-notebook__summary-measures-table-tasks-row {
  display: none;
}
.c-notebook__summary-measures-table .c-notebook__summary-measures-table-tasks-row > td {
  /*border-style: none;*/
}
.c-notebook__summary-measures-table .c-notebook__summary-measures-table-tasks-expander {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url(../images/BTH/Plus.gif);
  cursor: pointer;
}
.c-notebook__summary-measures-table .c-notebook__summary-measures-table-tasks-expander--expanded {
  background-image: url(../images/BTH/Minus.gif);
}

.c-notebook__task-table p + p {
  margin-left: 20px;
}

.c-notebook__summary-table-keywords {
  margin: 20px;
  width: calc(100% - 40px);
}

.c-notebook__category .c-notebook__summary-table-keywords {
  margin: 0;
  width: 100%;
}

.c-notebook__summary-table-keywords td img {
  height: 20px;
  width: 32px;
}

/*Measures*/
.c-notebook__measure-extras-table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  display: none;
  margin: 5px 0 15px 20px;
}
.c-notebook__measure-extras-table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook__measure-extras-table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook__measure-extras-table > thead > tr > th, .c-notebook__measure-extras-table > thead > tr > td, .c-notebook__measure-extras-table > tbody > tr > th, .c-notebook__measure-extras-table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook__measure-extras-table > thead > tr > th a, .c-notebook__measure-extras-table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook__measure-extras-table th, .c-notebook__measure-extras-table td {
  padding: 2px 4px;
  line-height: 14px;
}

/*Relationships*/
.c-notebook-relationships__table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  margin: 20px;
  width: calc(100% - 40px);
}
.c-notebook-relationships__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook-relationships__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook-relationships__table > thead > tr > th, .c-notebook-relationships__table > thead > tr > td, .c-notebook-relationships__table > tbody > tr > th, .c-notebook-relationships__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook-relationships__table > thead > tr > th a, .c-notebook-relationships__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook-relationships__table th, .c-notebook-relationships__table td {
  padding: 10px;
  font-weight: 600;
}
.c-notebook-relationships__table td {
  font-weight: normal;
}

/*Competencies*/
.c-notebook-competencies__table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  margin: 20px;
  width: calc(100% - 40px);
}
.c-notebook-competencies__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook-competencies__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook-competencies__table > thead > tr > th, .c-notebook-competencies__table > thead > tr > td, .c-notebook-competencies__table > tbody > tr > th, .c-notebook-competencies__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook-competencies__table > thead > tr > th a, .c-notebook-competencies__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook-competencies__table th, .c-notebook-competencies__table td {
  padding: 10px;
  font-weight: 600;
}
.c-notebook-competencies__table td {
  font-weight: normal;
}
.c-notebook-competencies__table > thead > tr > td, .c-notebook-competencies__table > tbody > tr > td {
  text-align: right;
}

/*Documents*/
.c-notebook-documents__table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  margin: 20px;
  width: calc(100% - 40px);
}
.c-notebook-documents__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook-documents__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook-documents__table > thead > tr > th, .c-notebook-documents__table > thead > tr > td, .c-notebook-documents__table > tbody > tr > th, .c-notebook-documents__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook-documents__table > thead > tr > th a, .c-notebook-documents__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook-documents__table th, .c-notebook-documents__table td {
  padding: 10px;
  font-weight: 600;
}
.c-notebook-documents__table td {
  font-weight: normal;
}
.c-notebook-documents__table input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-notebook-documents__table input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-notebook-documents__table input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-notebook-documents__table input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-notebook-documents__table input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-notebook-documents__table input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-notebook-documents__table input[type=checkbox]:hover, .c-notebook-documents__table input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

/*Notifications*/
.c-notebook-notifications__table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  margin: 20px;
  width: calc(100% - 40px);
}
.c-notebook-notifications__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-notebook-notifications__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-notebook-notifications__table > thead > tr > th, .c-notebook-notifications__table > thead > tr > td, .c-notebook-notifications__table > tbody > tr > th, .c-notebook-notifications__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-notebook-notifications__table > thead > tr > th a, .c-notebook-notifications__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-notebook-notifications__table th, .c-notebook-notifications__table td {
  padding: 10px;
  font-weight: 600;
}
.c-notebook-notifications__table td {
  font-weight: normal;
}
.c-notebook-notifications__table > tbody > tr > td {
  vertical-align: top;
}

.c-notebook-notifications__table-header-row {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}

.c-notebook-tasks__task-list {
  padding: 20px;
}
.c-notebook-tasks__task-list table, .c-notebook-tasks__task-list tr {
  border: 1px solid #E9EDF2;
  border-collapse: collapse;
}
.c-notebook-tasks__task-list thead {
  font-weight: 600;
  background: #E9EDF2;
}
.c-notebook-tasks__task-list thead td {
  padding: 10px 0;
}
.c-notebook-tasks__task-list thead td:first-of-type {
  padding-left: 15px;
}
.c-notebook-tasks__task-list tbody td {
  padding: 15px 0;
}
.c-notebook-tasks__task-list tbody td:first-of-type {
  padding-left: 15px;
}
.c-notebook-tasks__task-list tbody td:last-of-type {
  padding-right: 15px;
}
.c-notebook-tasks__task-list img.o-button-img {
  padding: 0;
}

.c-notebook-tasks__task {
  color: #252f4e;
  line-height: 14px;
}

.c-notebook-tasks__task-name,
.c-notebook__task-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-notebook-tasks__task-name {
  margin-left: -10px;
}

.c-notebook__task-buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-notebook-tasks__field,
.c-notebook-tasks__description {
  line-height: 20px;
}

.c-notebook-tasks__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 20px;
}

.c-notebook-tasks__label {
  font-weight: 600;
  display: block;
}

img.c-notebook-tasks__expander {
  cursor: pointer;
  width: 20px;
  height: 23px;
}

img.c-notebook-tasks__expander--expanded {
  width: 20px;
  height: 23px;
}

.c-notebook-tasks__task-summary {
  background-color: #f7f7f7;
  border-top: solid 1px #eaebef;
  padding: 4px 4px;
}
.c-notebook-tasks__task-summary > img {
  vertical-align: middle;
  margin-right: 5px;
}
.c-notebook-tasks__task-summary > div {
  display: inline-block;
  vertical-align: middle;
}

.c-notebook-tasks__perf-image-wrapper {
  width: 24px;
  text-align: center;
}
.c-notebook-tasks__perf-image-wrapper > img {
  vertical-align: middle;
}

.c-notebook-tasks__dummy-button-img {
  padding: 3px;
  border: solid 1px transparent;
}

.c-notebook-tasks__task-details {
  display: none;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
  background: #F7F7F7;
}

.c-notebook-tasks__assoc-om-pairs {
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.c-notebook-tasks__assoc-om-pairs > ul > li > div {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  padding: 4px 0;
}

.c-notebook-tasks__assoc-om-pairs-title {
  padding: 4px 0;
  color: #99AFC7;
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.c-notebook-tasks__assoc-om-pairs-heading {
  font-weight: 600;
}

.c-notebook-tasks__task-details-left { /* Is this needed anymore? */ }
.c-notebook-tasks__task-details-left > div, .c-notebook-tasks__task-details-left > ul {
  display: block;
  vertical-align: top;
}
.c-notebook-tasks__task-details-left > div > li > .c-notebook-tasks__label, .c-notebook-tasks__task-details-left > ul > li > .c-notebook-tasks__label {
  display: inline-block;
  width: 100px;
  text-align: right;
}

.c-horizontal-number-fill {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.c-horizontal-number-fill__section {
  display: inline-block;
  height: 100%;
}
.c-horizontal-number-fill__wrapper {
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  position: relative;
}

.c-vertical-number-fill {
  height: 100%;
  width: 80%;
  display: inline-block;
}
.c-vertical-number-fill__section {
  border: solid 1px rgb(100, 100, 100);
  display: block;
  width: 100%;
}
.c-vertical-number-fill__section--filled {
  background-color: rgb(119, 193, 42);
}
.c-vertical-number-fill__wrapper {
  padding: 1px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  height: 100%;
  position: relative;
}

/*-------------------------------------*
    (COMPONENT) Object Priority
 *-------------------------------------*/
.c-object-priority {
  margin: 2px;
  border-radius: 8px;
  padding: 0 2px 0 2px;
  border: 1px solid rgb(132, 149, 173);
  color: rgb(132, 149, 173);
  overflow: hidden;
  width: 100%;
  max-width: 60px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  display: inline-block;
}

/*-------------------------------------*
    (COMPONENT) Task Edit
 *-------------------------------------*/
.c-om-select__container {
  margin: 10px 10px 10px 10px;
}

.c-om-select__field-list-header {
  padding-top: 3px;
  padding-bottom: 3px;
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}

.c-om-select__field-list {
  list-style: none;
  border: solid 1px #c0c0c5;
  padding-bottom: 5px;
}
.c-om-select__field-list > li {
  padding-left: 5px;
  padding-right: 5px;
}
.c-om-select__field-list > li + li {
  margin-top: 5px;
}
.c-om-select__field-list input[type=checkbox] {
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.c-om-select__field-list input[type=text], .c-om-select__field-list select {
  width: 200px;
}

.c-om-select__field-label {
  display: inline-block;
  width: 110px;
}

.c-om-select__buttons {
  text-align: right;
}
.c-om-select__buttons > button > img, .c-om-select__buttons > .c-notebook-notifications__row-secondary-button > img {
  vertical-align: middle;
  margin-right: 2px;
}
.c-om-select__buttons > button > span, .c-om-select__buttons > .c-notebook-notifications__row-secondary-button > span {
  vertical-align: middle;
}

.c-om-select__om-list-wrapper {
  margin-top: 10px;
  width: 378px;
  border: solid 1px #c0c0c5;
}

.c-om-select__om-list-header {
  width: 100%;
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}

.c-om-select__om-list-scroll {
  height: 350px;
  overflow: auto;
}

.c-om-select__om-list {
  border-collapse: collapse;
  table-layout: fixed;
}
.c-om-select__om-list th, .c-om-select__om-list td {
  text-align: left;
  border-top: solid 1px #eaebef;
  border-bottom: solid 1px #eaebef;
  padding: 2px;
  font-weight: normal;
}
.c-om-select__om-list th:first-child, .c-om-select__om-list td:first-child {
  width: 189px;
  border-right: solid 1px #eaebef;
}

.c-om-select__om-list-body {
  width: 100%;
}

.c-om-select__om-list .ui-selecting {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 246, 217)), color-stop(13%, rgb(253, 244, 209)), color-stop(35%, rgb(253, 241, 197)), color-stop(57%, rgb(253, 241, 197)), color-stop(84%, rgb(253, 243, 205)), color-stop(98%, rgb(254, 246, 216)));
  background: linear-gradient(to bottom, rgb(253, 246, 217) 0%, rgb(253, 244, 209) 13%, rgb(253, 241, 197) 35%, rgb(253, 241, 197) 57%, rgb(253, 243, 205) 84%, rgb(254, 246, 216) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.c-om-select__om-list .ui-selected {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 237, 179)), color-stop(13%, rgb(250, 232, 162)), color-stop(35%, rgb(250, 226, 138)), color-stop(57%, rgb(250, 226, 137)), color-stop(84%, rgb(251, 231, 153)), color-stop(98%, rgb(252, 237, 178)));
  background: linear-gradient(to bottom, rgb(250, 237, 179) 0%, rgb(250, 232, 162) 13%, rgb(250, 226, 138) 35%, rgb(250, 226, 137) 57%, rgb(251, 231, 153) 84%, rgb(252, 237, 178) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.c-org__edit-wrapper {
  padding: 20px;
}

.c-org__org-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-org__org-input > :not(label) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-org__org-input > label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
}

.c-org__org-input + .c-org__org-input {
  padding-top: 10px;
}

.c-org__employee-list-container {
  max-height: 300px;
  overflow: auto;
  background-color: rgb(255, 255, 255);
}

.c-org-graph-emp-picker {
  position: absolute;
  top: 20px;
  right: 229px;
  z-index: 1000;
  width: 0;
  height: 33px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  pointer-events: painted;
  background: rgb(255, 255, 255);
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

.c-org-graph-emp-picker__select,
.c-org-graph-org-picker__select {
  position: absolute;
  right: 2px;
  top: 2px;
}

.c-org-graph-org-picker {
  position: absolute;
  top: 20px;
  right: 229px;
  z-index: 1000;
  width: 0;
  height: 33px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  pointer-events: painted;
  background: rgb(255, 255, 255);
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

.c-org-graph-emp-picker--visible,
.c-org-graph-org-picker--visible {
  display: block;
  width: 271px;
}

/*-------------------------------------*
   (COMPONENT) Measure Details Header
*-------------------------------------*/
.c-baseline-request__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-baseline-request__header {
  page-break-inside: avoid;
  margin-top: 0;
  position: relative;
  background-color: transparent;
  padding: 18px 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-baseline-request__header-text {
  color: #244262;
  vertical-align: middle;
  font-family: "Inter UI";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.5px;
}

.c-baseline-request__baseline-widget {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  position: relative;
  overflow: hidden;
  min-width: 700px;
}

.c-baseline-request__impact-widget {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  position: relative;
  overflow: hidden;
  min-width: 700px;
}

.c-baseline-request__gantt-widget {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  min-width: 700px;
}

/*-------------------------------------*
   (COMPONENT) Measure Details Header
*-------------------------------------*/
.c-measure-detail__header {
  page-break-inside: avoid;
  margin-top: 0;
  margin-right: 0px;
  position: relative;
  background-color: transparent;
  padding: 0px 0px 18px 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.c-measure-detail__header-image {
  width: 34px;
  height: 34px;
  vertical-align: middle;
  margin-right: 5px;
}

.c-measure-detail__header-text {
  color: #244262;
  vertical-align: middle;
  font-family: "Inter UI";
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.5px;
}

.c-measure-detail__sub-header {
  page-break-inside: avoid;
  margin-top: 10px;
  margin-right: 10px;
  position: relative;
  background-color: transparent; /*white;*/
  padding: 7px 0 5px 0;
}

.c-measure-detail__sub-header-text {
  color: rgb(53, 64, 82);
  font-size: 15px;
  vertical-align: middle;
  font-weight: 600;
}

.c-measure-detail__icon {
  display: inline-block;
  vertical-align: middle;
}

.c-measure-detail__header-range-wrapper {
  position: relative;
  min-height: 30px;
  margin-top: 25px;
  margin-bottom: 5px;
}

.c-measure-detail__header-range select {
  background-color: rgb(245, 245, 245); /* Matches My Page */
  border-radius: 4px;
  border: solid 1px rgb(210, 210, 210);
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-measure-detail__header-range select {
    padding: 5px;
  }
}
.c-measure-detail__header-range select:hover {
  border: 1px solid #F06C01 !important;
}
.c-measure-detail__header-range select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-measure-detail__header-range select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-measure-detail__header-range select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-measure-detail__header-range input, .c-measure-detail__header-range select, .c-measure-detail__header-range div, .c-measure-detail__header-range span {
  color: #566576 !important;
}

.s-dialog__width-narrow .c-measure-detail__header-reponsive-comments .o-button-img[data-action=comments] {
  display: none;
}

.c-measure-detail__print-wrapper {
  margin-top: 10px;
}

/*-------------------------------------*
    (COMPONENT) Measure Details Widget
 *-------------------------------------*/
.c-measure-details__wrapper {
  margin-left: 37px;
  margin-right: 37px;
  padding-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .c-measure-details__wrapper {
    margin-left: 17px;
    margin-right: 17px;
  }
}

.c-measure-detail__wrapper {
  page-break-inside: avoid;
  page-break-before: auto;
  margin-top: 33px;
  margin-left: 2px;
}

.c-measure-detail__wrapper--task {
  margin-top: 0;
}

.c-measure-detail__message {
  text-align: center;
  padding-top: 75px;
  font-size: 15px;
}

.c-measure-detail-widget {
  position: relative;
  margin: 0 2px 10px 0px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media screen and (max-Width: 414px) {
  .c-measure-detail-widget {
    overflow-x: scroll;
  }
}
.c-measure-detail-widget .c-chart__container {
  height: calc(100vh - 200px);
  height: 500px;
}
.c-measure-detail-widget .c-map__container {
  max-height: 95vh;
  height: 500px;
}
.c-measure-detail-widget .c-critical-path__wrapper {
  max-height: calc(100vh - 200px);
  overflow: hidden;
  position: relative;
  min-height: 200px;
}
.c-measure-detail-widget .c-critical-path__sizing--1 {
  height: 200px;
}
.c-measure-detail-widget .c-critical-path__sizing--2 {
  height: 380px;
}
.c-measure-detail-widget .c-critical-path__sizing--3 {
  height: 560px;
}
.c-measure-detail-widget .c-critical-path__sizing--4 {
  height: 840px;
}
.c-measure-detail-widget .c-critical-path__sizing--max {
  /*@if $print {
      height: 700px;
  }*/
  min-height: 265px;
  height: 100vh; /* Max height will cut in to this*/
}
.c-measure-detail-widget .c-card__container {
  position: relative;
}
.c-measure-detail-widget .c-comments {
  height: 600px;
  max-height: calc(100vh - 100px);
}
.c-measure-detail-widget .c-widget__trends-table {
  /*padding: 10px 30px 30px 30px;*/
  margin-bottom: 30px;
}
.c-measure-detail-widget .c-task-edit__wrapper {
  padding: 0;
  margin: 0;
  width: auto;
  background-color: transparent;
}
.c-measure-detail-widget .c-cards {
  /*padding: 0 8px 0 10px;*/
}
.c-measure-detail-widget--no-bg {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-measure-detail-widget--no-bg .c-measure-detail__side-by-side-widget {
  background-color: white;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
.c-measure-detail-widget--no-bg .c-measure-detail__side-by-side-widget-2 {
  background-color: white;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  margin-left: 38px;
  padding-left: 0;
  border-radius: 3px;
}
.c-measure-detail-widget--no-bg .c-measure-detail__side-by-side-widget-2 .c-comments__wrapper {
  border: none;
}
.c-measure-detail-widget--no-bg .c-measure-detail__side-by-side-widget-2 .c-measure-detail__header-text {
  padding-left: 20px;
}
.c-measure-detail-widget--side-by-side {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.c-measure-info {
  padding-left: 43px;
}

.c-measure-detail-widget__spacing {
  position: relative;
  /*padding-top: 25px;
  padding-bottom: 25px;*/
  padding: 25px;
  min-height: 100px;
  overflow-y: visible;
  overflow-x: hidden;
}
.c-measure-detail-widget__spacing--inline {
  padding-top: 0px;
}

.c-measure-detail-widget---performance {
  /*padding-top: 0;
  margin-bottom: 0px;
  padding-bottom: 15px;*/
}

.c-measure-detail-widget---task-details {
  padding-top: 0;
}

.c-measure-detail-widget-live {
  position: relative;
  margin: 0 0 10px 0;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  min-height: 100px;
  overflow-y: visible;
  overflow-x: hidden;
}

.c-measure-detail__print-title {
  color: rgb(53, 64, 82);
  font-family: "Inter UI", Verdana, sans-serif;
  font-size: 15px;
  vertical-align: middle;
  /*font-weight: 600;*/
  padding-bottom: 5px;
  text-align: center;
}

.c-measure-detail__print-subtitle {
  color: rgb(53, 64, 82);
  font-family: "Inter UI", Verdana, sans-serif;
  font-size: 13px;
  vertical-align: middle;
  /*font-weight: 600;*/
  padding-bottom: 5px;
  text-align: center;
}

.c-measure-detail__print-title-label {
  font-weight: bold;
  margin-right: 5px;
}

.c-measure-detail__print-range {
  color: rgb(53, 64, 82);
  font-family: "Inter UI", Verdana, sans-serif;
  font-size: 11px;
  vertical-align: middle;
  font-weight: 400;
  text-align: center;
}

.c-measure-detail__show-in-narrow {
  display: none;
}

.s-dialog__width-narrow .c-measure-detail__show-in-narrow {
  display: block;
}
.s-dialog__width-narrow .c-measure-detail__hide-in-narrow {
  display: none;
}

.c-measure-detail__side-by-side-wrapper {
  /*display: table;*/
}

.c-measure-detail__side-by-side {
  /*display: table-row;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-measure-detail__side-by-side-discussion {
  min-height: 350px;
}

.c-measure-detail__side-by-side-widget {
  /*display: table-cell;*/
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*** Widget on Right fills space of left widget ****/
.c-measure-detail__side-by-side-widget-2 {
  /*display: table-cell;*/
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 400px;
  min-height: 300px;
  position: relative;
  padding-left: 38px;
}
.c-measure-detail__side-by-side-widget-2 > div {
  overflow: hidden;
}
.c-measure-detail__side-by-side-widget-2 .c-widget__container {
  overflow: hidden;
}
.c-measure-detail__side-by-side-widget-2 .c-comments {
  height: auto;
  max-height: none;
}

/*-------------------------------------*
    (COMPONENT) Measure Info
 *-------------------------------------*/
.c-measure-info {
  clear: both;
  /*margin:0 10px 10px 20px;*/
  margin-bottom: 10px;
}

.c-measure-info__row {
  clear: both;
  position: relative;
  padding: 5px;
  display: table-row;
  line-height: 18px;
}

.c-measure-info__content {
  display: table;
  width: calc(100% - 20px);
  /*padding-top: 15px;
  padding-bottom: 15px;*/
}

.c-measure-info__content-item-desc,
.c-measure-info__content-item-detail {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 2px);
}
.c-measure-info__content-item-desc:first-child,
.c-measure-info__content-item-detail:first-child {
  padding-right: 20px;
}

.c-measure-info__content--no-desc .c-measure-info__content__item--desc {
  display: none;
}
.c-measure-info__content--no-desc .c-measure-info__content__item--detail {
  width: auto;
  padding-left: 0;
}

.c-measure-info__label {
  display: table-cell;
  width: 98px;
  min-height: 20px;
  color: rgb(105, 105, 105);
}

.c-measure-info__long-label {
  display: table-cell;
  width: 180px;
  min-height: 20px;
  color: rgb(105, 105, 105);
}

.c-measure-info__content__item--desc > .c-measure-info__label {
  min-height: 20px;
}

.c-measure-info__value {
  display: table-cell;
  margin-left: 5px;
  color: rgb(37, 47, 78);
}

.c-measure-info__full-text {
  line-height: 1.5;
  color: rgb(37, 47, 78);
  white-space: pre-line;
}

.c-measure-info__items {
  margin-top: 0;
}
.c-measure-info__items li + li {
  padding-top: 5px;
}

@media (max-width: 799px) {
  .c-page-layout-3to1__wrapper {
    padding: 5px;
  }
  .c-page-layout-3to1__col3, .c-page-layout-3to1__col1 {
    display: block;
  }
}
@media (min-width: 800px) {
  .c-page-layout-3to1__wrapper {
    padding: 5px;
    display: table;
  }
  .c-page-layout-3to1__row {
    display: table-row;
    vertical-align: top;
  }
  .c-page-layout-3to1__col3 {
    padding-right: 10px;
    display: table-cell;
    vertical-align: top;
  }
  .c-page-layout-3to1__col1 {
    display: table-cell;
    width: 25%;
    vertical-align: top;
  }
}
.c-page-layout-main-side__wrapper .c-slicers__wrapper {
  background-color: rgb(255, 255, 255);
  border: solid #e5eaee;
  border-width: 0;
  margin-bottom: 30px;
  padding: 10px 30px 30px 30px;
}

.c-page-layout-main-side__summary {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
  border-radius: 4px;
  border: solid #e5eaee;
  border-width: 0 1px 1px 1px;
}

.c-page-layout-main-side__side {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  width: 362px;
}

.c-page-layout-main-side__summary {
  display: inline-block;
  text-align: center;
  width: 196px;
  max-width: 196px;
}

@media (max-width: 475px) {
  .c-page-layout-main-side__summary {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 476px) {
  .c-page-layout-main-side__details {
    position: absolute;
    background-color: white;
    margin-right: 16px;
    z-index: 2;
  }
}
@media (max-width: 1004px) {
  .c-page-layout-main-side__wrapper {
    padding: 15px;
  }
  .c-page-layout-main-side__row {
    display: table;
    vertical-align: top;
    width: 100%;
  }
  .c-page-layout-main-side__main {
    display: table-footer-group;
  }
  .c-page-layout-main-side__side {
    display: table-header-group;
    width: 320px;
  }
  .c-page-layout-main-side__summary {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1005px) {
  .c-page-layout-main-side__wrapper {
    padding: 0;
    display: table;
    width: 100%;
  }
  .c-page-layout-main-side__row {
    display: table-row;
    vertical-align: top;
  }
  .c-page-layout-main-side__main {
    display: table-cell;
    vertical-align: top;
    position: relative;
  }
  .c-page-layout-main-side__side {
    display: table-cell;
    width: 322px;
    vertical-align: top;
  }
}
.section-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.c-people__widget {
  height: 100%;
}
.c-people__widget li {
  list-style: none;
}

.c-people__tabs {
  display: inline-block;
  min-width: 590px;
  padding: 0 17px;
  background-color: rgb(247, 247, 247);
  width: 100%;
  height: 30px;
  white-space: nowrap;
}
.c-people__tabs > li {
  display: inline-block;
  margin-right: 20px;
  height: 30px;
  background-color: rgb(247, 247, 247);
  color: rgb(36, 66, 98);
  cursor: pointer;
  border-style: none solid;
  border-width: 0;
  font-size: 13px;
  line-height: 23px;
}
.c-people__tabs > li:hover {
  color: rgb(40, 110, 191);
}
.c-people__tabs > li.selected {
  color: rgb(40, 110, 191);
  border-bottom: 3px solid #2b76cd;
}

.c-people__content {
  height: 100%;
  overflow: auto;
}

.c-people__tabs + .c-people__content {
  height: calc(100% - 22px);
}

.c-people__table {
  display: table;
  margin-left: 22px;
}

.c-people__table > div {
  display: table-row;
}

.c-people__table > div > div {
  display: table-cell;
}

.c-people__general-details-heading {
  float: left;
  padding-left: 20px;
  padding-top: 20px;
  width: 100%;
  height: 70px;
}

.c-people__general-details-heading h1 {
  color: #2b76cd;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.c-people__table-general-details table td.c-people__table-field-name {
  padding: 0 20px 10px 0;
}
.c-people__table-general-details table td.c-people__table-field-value {
  padding: 0 50px 10px 0;
}

.c-people__table-field-name {
  font-weight: 600;
  padding-right: 20px;
}

.c-people__cell-avatar {
  float: left;
  margin-right: 10px;
}
.c-people__cell-avatar img {
  border-radius: 4px;
}

.c-people__cell-details-grid {
  float: right;
}

.c-people__workflow-table-header {
  color: #070707;
  background-color: rgb(247, 243, 247);
}

.c-people__workflow-table-header > div {
  border-top: thin solid grey;
  border-bottom: thin solid grey;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 3px;
}

.c-people__table-workflow > div > div {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
  background-color: rgb(231, 231, 255);
}

.c-people__table-workflow > div > div:first-child {
  border-left: thin solid grey;
  border-right: thin solid grey;
}

.c-people__table-workflow > div > div + div {
  border-right: thin solid grey;
}

.c-people__table-workflow > div:last-child > div {
  border-bottom: thin solid grey;
}

.c-people__workflow-launch {
  cursor: pointer;
  text-decoration: underline;
}

.c-people__task-list-container {
  margin-top: 15px;
}

.c-people__task-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.c-people__task-list li {
  line-height: 140%;
  text-indent: 0px;
  background-position: 1px 4px;
  padding-left: 20px;
  background-repeat: no-repeat;
}

/* Collapsed state for list element */
.c-people__task-list .c-people__task-list-item-detail-collapsed {
  background-image: url(../images/BTH/Plus.gif);
}

/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
.c-people__task-list .c-people__task-list-item-detail-expanded {
  background-image: url(../images/BTH/Minus.gif);
}

.c-people__task-list-item {
  background-color: rgb(248, 250, 253);
}

.c-people__task-list {
  clear: both;
}

.c-people__task-list-item > span {
  margin-left: 5px;
  display: inline-block;
}

.c-people__task-value-item {
  color: cornflowerblue;
  white-space: nowrap;
}

.c-people__task-list-item-task-img {
  width: 10%;
  text-align: right;
}

.c-people__task-list-item-detail {
  height: 100px;
  width: 100%;
  display: table;
  position: relative;
}

.c-people__task-list-item-detail div {
  /*border: 1px dashed black;*/
  border-spacing: 10px 0px;
}

.c-people__task-list-item-detail > div {
  display: table-row;
}

.c-people__task-list-item-detail > div > div {
  display: table-cell;
}

.c-people__task-list-item-detail-om {
  display: table;
}

.c-people__task-list-item-detail-om > div {
  display: table-row;
}

.c-people__task-list-item-detail-om > div > div {
  display: table-cell;
}

.c-people__task-list-item-detail-scheme {
  width: 10%;
}

.c-people__task-list-item-detail-schemeName {
  width: 15%;
}

.c-people__task-list-item-detail-start {
  text-align: right;
  width: 15%;
}

.c-people__task-list-item-detail-end-date-text {
  text-align: right;
  vertical-align: top;
}

.c-people__task-list-item-detail-display-end-date span {
  margin-left: 10px;
}

.c-people__task-list-item-detail-display-end-date {
  float: left;
}

.c-people__task-list-item-detail-display-end-date span {
  width: 50px;
}

.c-people__task-list-item-detail-description {
  position: absolute;
  bottom: 0px;
  width: 40%;
  height: 50px;
  overflow-wrap: break-word;
  overflow-y: auto;
  overflow-x: hidden;
}

.c-people__task-list-item-detail-preceding-obj-name {
  margin-left: 10px;
}

/* On Time and Completed Tiles */
.c-personal-activity__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-gap: 15px;
}
@media (max-width: 400px) {
  .c-personal-activity__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .c-personal-activity__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

.c-personal-activity__item {
  position: relative;
  height: 240px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 20px 20px 0 20px;
}

.c-personal-activity__item-content {
  background-color: white;
  height: 100%;
  cursor: pointer;
}

.c-personal-activity__label {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.25px;
  min-height: 60px;
}

.c-personal-activity__value {
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}

.c-personal-activity__value-in-progress {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 38px;
  font-weight: 100;
  line-height: 94px;
  border-radius: 60px;
  width: 98px;
  height: 98px;
  letter-spacing: -2px;
  background-color: #7F96B5;
  color: rgb(255, 255, 255);
}

.c-personal-activity__badge {
  height: 130px;
}

.c-personal-activity__arc {
  background-size: 98px 98px;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: rgb(43, 118, 205);
  color: rgb(255, 255, 255);
}

.c-personal-activity__arc,
.c-personal-activity__badge {
  font-size: 19px;
  font-weight: 100;
  letter-spacing: -1.5px;
}

.c-personal-activity__badge {
  background-image: url(../images/icons/gamification/medal--blue.svg);
  background-size: 100% 100%;
}

.c-personal-activity__badge-value {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 38px;
  font-weight: 100;
  line-height: 95px;
  border-radius: 60px;
  width: 98px;
  height: 98px;
  letter-spacing: -2px;
  color: rgb(255, 255, 255);
  background-color: transparent !important; /* Needed for WCAG 2.1 AA compliance - 30/06/23 */
}

.c-personal-activity__percentage {
  position: absolute;
  top: 75px;
  left: -1px;
  right: 0;
  font-size: 38px;
  line-height: 106px;
  margin: auto;
  letter-spacing: -2px;
  font-weight: 200;
}
.c-personal-activity__percentage span {
  font-size: 20px;
  margin-left: 2px;
}

.c-personal-activity__wrapper {
  color: rgb(53, 64, 82);
}

.c-personal-changes {
  margin: 10px 3px 2px 3px;
  border: 1px solid #ebebeb;
  overflow: auto;
}
.c-personal-changes table {
  width: 100%;
}
.c-personal-changes th {
  border-bottom: 1px solid #EBEBEB;
  padding: 15px;
  text-align: left;
  color: #1B4980;
  font-weight: 500;
  background: #e9edf2;
}
.c-personal-changes td {
  padding: 15px;
  text-align: left;
  max-width: 250px;
}

.c-personal-changes__item {
  border-bottom: 1px solid #EBEBEB;
  cursor: pointer;
}
.c-personal-changes__item .c-simple-table__avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 7px;
  border: none;
}

.c-personal-changes__large-copy {
  color: rgb(43, 118, 205);
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: -0.5px;
}

.c-personal-changes__start-date,
.c-personal-changes__end-date,
.c-personal-changes__due-date,
.c-personal-changes__change {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.c-personal-changes__change {
  margin: 2px 0 3px 0;
}

.c-personal-changes__previously {
  display: block;
  font-size: 9px;
  line-height: 12px;
  color: #666;
  margin: 2px 0 3px 0;
}

.c-personal-changes__last-changed-by-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1600px) {
  .c-personal-changes__last-changed-by {
    display: none;
  }
}

.c-my-task-status__wrapper {
  color: rgb(36, 66, 98);
  padding: 10px 0px;
}

.c-my-task-status {
  font-weight: 400;
  display: table;
  background-color: transparent;
  width: 100%;
}

.c-my-task-status__item {
  background-color: transparent;
  padding: 5px 0px;
  cursor: pointer;
}
.c-my-task-status__item--no-pointer {
  cursor: default;
}
.c-my-task-status__item--bottom-space {
  padding-bottom: 15px;
}

.c-my-task-status__label {
  display: inline-block;
  width: 100px;
  text-align: left;
}

.c-my-task-status__count {
  display: inline-block;
  width: 39px;
  text-align: center;
  vertical-align: middle;
  margin-left: 13px;
}

.c-my-task-status__bar-wrapper {
  position: relative;
  top: 2px;
  display: inline-block;
  width: calc(100% - 163px);
  height: 10px;
  position: relative;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.c-my-task-status__title {
  display: inline-block;
  text-align: left;
  font-size: 15px;
  letter-spacing: -0.25px;
  color: rgb(40, 110, 191);
  line-height: 20px;
}

.c-my-task-status__title-bar-spacer {
  display: inline-block;
  width: calc(100% - 106px);
  height: 5px;
  position: relative;
}

.c-my-task-status__bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  border-radius: 5px;
}
.c-my-task-status__bar--off-track {
  background-color: #F25656;
}
.c-my-task-status__bar--late {
  background-color: #F25656;
}
.c-my-task-status__bar--on-time {
  background-color: #7BC973;
}
.c-my-task-status__bar--not-updated {
  background-color: #F06C01;
  /*background-color: #249DED;*/
}

table.c-simple-table--reponsive .c-interactive-progress__parent-container {
  display: none;
}

.c-interactive-progress--tiny {
  display: none;
}

table.c-simple-table--reponsive .c-interactive-progress--tiny {
  display: block;
}

.c-interactive-progress__parent-container {
  white-space: nowrap;
}

.c-interactive-progress--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-block;
  position: relative;
}

.c-interactive-progress__drag-wrapper {
  width: calc(100% - 16px);
  position: absolute;
  left: 8px;
  min-height: 30px;
}

.c-interactive-progress__bar-wrapper {
  width: calc(100% - 35px);
  position: relative;
  display: inline-block;
  min-height: 30px;
}

.c-interactive-progress_input {
  position: absolute;
  top: -999999px;
  left: -999999px;
  width: 0;
  height: 0;
}

.c-interactive-progress__bar {
  color: rgb(89, 176, 100);
}

input:not([disabled]) + .c-interactive-progress__bar-wrapper:hover > .c-interactive-progress__bar {
  color: rgb(240, 108, 1) !important;
}

input:not([disabled]) + .c-interactive-progress__bar-wrapper:hover > .c-interactive-progress__bar[value]::-webkit-progress-value {
  background-color: rgb(240, 108, 1) !important;
}

input:not([disabled]) + .c-interactive-progress__bar-wrapper:hover > .c-interactive-progress__bar[value]::-moz-progress-bar {
  background-color: rgb(240, 108, 1) !important;
}

input:not([disabled]) + .c-interactive-progress__bar-wrapper:hover > .c-interactive-progress__drag-wrapper > .c-interactive-progress__dragger {
  background-color: rgb(240, 108, 1);
}

.c-interactive-progress__percentage {
  position: absolute;
  top: 21px;
  display: inline-block;
  right: 0;
}

progress.c-interactive-progress__bar[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  border: none;
  border-radius: 4px;
}

progress.c-interactive-progress__bar[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
}

progress.c-interactive-progress__bar[value]::-webkit-progress-value {
  border-radius: 2px;
  background-color: rgb(89, 176, 100);
}

.c-interactive-progress__dragger {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #7AC973;
  position: absolute;
  top: 50%;
  margin-left: -8px;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  background-color: rgb(89, 176, 100);
}

.c-interactive-progress--percent {
  position: absolute;
  right: 10px;
  font-size: 14px;
  color: #2b76cd;
}

.percentage {
  position: absolute;
  right: 0;
  font-size: 10px;
  color: #2b76cd;
}

/* other browsers - firefox and ie10/11 */
.c-interactive-progress__bar::-moz-progress-bar,
.c-interactive-progress__bar::-ms-fill {
  border-radius: 2px;
  background-color: rgb(89, 176, 100);
}

.c-interactive-progress__bar--dragging::-ms-fill {
  color: rgb(240, 108, 1) !important;
}

.c-interactive-progress__dragger--dragging {
  background-color: rgb(240, 108, 1) !important;
}

.c-interactive-progress__bar--dragging::-webkit-progress-value {
  background-color: rgb(240, 108, 1) !important;
}

.c-interactive-progress__bar--dragging::-moz-progress-bar {
  background-color: rgb(240, 108, 1) !important;
}

.c-interactive-progress__bar::-moz-progress-bar {
  border-radius: 2px;
  background-color: rgb(89, 176, 100);
}

.c-progress-bar {
  background-color: rgb(238, 238, 238);
  height: 100%;
  width: 100%;
  display: inline-block;
  position: relative;
  border-radius: 5px;
}
.c-progress-bar__fill {
  background-color: rgb(119, 193, 42);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  /*border-radius: 20%;*/
}
.c-progress-bar__fill-expected {
  background-color: rgb(200, 200, 200);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  /*border-radius: 20%;*/
}
.c-progress-bar__wrapper {
  position: relative;
  display: block;
  height: 10px;
}
.c-progress-bar__text {
  text-align: right;
  font-size: 10px;
  color: rgb(119, 193, 42);
}
.c-progress-bar__animated-fill {
  -webkit-animation: progressAnimated 2s linear;
          animation: progressAnimated 2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes progressAnimated {
  from {
    stroke-dashoffset: 160;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes progressAnimated {
  from {
    stroke-dashoffset: 160;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/*-------------------------------------*
    (COMPONENT) Simple Progress
 *-------------------------------------*/
.c-simple-progress__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  opacity: 0;
}

.c-simple-progress__option {
  display: inline-block;
  overflow: hidden;
  margin: 10px 0;
}
.c-simple-progress__option:first-child {
  border-radius: 3px 0 0 3px;
}
.c-simple-progress__option:last-child {
  border-radius: 0 3px 3px 0;
}

.c-simple-progress__input + .c-simple-progress__label {
  background-color: rgb(233, 237, 242);
  display: inline-block;
  padding: 6px 10px 6px 9.5px;
  cursor: pointer;
}
.c-simple-progress__input + .c-simple-progress__label:hover {
  background-color: #FFD465;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-simple-progress__input + .c-simple-progress__label {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 900px) {
  .c-simple-progress__input + .c-simple-progress__label {
    padding: 6px 7px 6px 6px; /* Get progress buttons onto one line on mobile */
  }
}

.c-simple-progress__input:checked + .c-simple-progress__label {
  background-color: rgb(43, 118, 205);
  color: white;
}

.c-simple-progress__input:focus-visible + .c-simple-progress__label {
  outline: 1px solid #fff;
  outline-offset: -2px;
}

/* Crisis or Issue "tabs" in crisis actions quick edit panel */
.c-task-edit__types {
  margin-bottom: -10px;
}

.c-task-edit__type.c-simple-progress__option {
  border-radius: 0;
}
.c-task-edit__type .c-simple-progress__label {
  border-bottom: 3px solid white;
  background-color: white;
  margin-right: 20px;
  cursor: pointer;
  color: #2b76cd;
}
.c-task-edit__type .c-simple-progress__input + .c-simple-progress__label:hover {
  background-color: white;
}
.c-task-edit__type .c-simple-progress__label-action {
  padding: 6px 0 6px 20px;
}
.c-task-edit__type .c-simple-progress__label-crisis-action {
  padding: 6px 0 6px 20px;
}
.c-task-edit__type .c-simple-progress__label-issue {
  padding: 6px 0 6px 24px;
}
.c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label {
  border-bottom: 3px solid #F06C01;
  color: #2b76cd;
  background-color: transparent;
}
.c-task-edit__type .c-simple-progress__label-action,
.c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-action {
  background: url(../images/Icons/action.svg) left top 3px no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__type .c-simple-progress__label-action,
  .c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-action {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__type .c-simple-progress__label-crisis-action,
.c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-crisis-action {
  background: url(../images/Icons/action-crisis.svg) left top 3px no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__type .c-simple-progress__label-crisis-action,
  .c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-crisis-action {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__type .c-simple-progress__label-issue,
.c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-issue {
  background: url(../images/Icons/issue.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__type .c-simple-progress__label-issue,
  .c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label-issue {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}

.c-report__content {
  margin-left: 200px;
  background-color: rgb(247, 247, 247);
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.c-report__content .c-slicers__wrapper {
  background-color: white;
  border: solid #e5eaee;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 20px 30px;
}
.c-report__content .c-slicers__wrapper .s-slicer.slicerContents {
  min-height: initial;
}
.c-report__content .c-widget__title-button-panel {
  margin-top: 6px;
  margin-bottom: 20px;
}
.c-report__content .slicercontrol-text,
.c-report__content .slicercontrol-top,
.c-report__content .slicercontrol-bottom,
.c-report__content .slicercontrol-exactvalue {
  background: white;
}

.c-report__content.c-report__content--side-panel-hidden {
  margin-left: 0;
}

.c-report__page-type {
  padding: 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.c-report__page-name {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.c-report__entity-selector {
  float: right;
  width: 195px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.c-report__entity-selector .ui-text {
  white-space: nowrap;
  overflow: hidden;
}

.c-cards__kanban-wrapper .c-cards__header {
  padding-left: 9px;
}
.c-cards__kanban-wrapper .c-cards__header-image {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}
.c-cards__kanban-wrapper .c-cards__count js-cards__kanban-count {
  margin-right: 3px;
}

.c-report-menu {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 3;
  width: 100%;
  min-height: 50px;
  line-height: 50px;
  font-size: 13px;
  background-color: rgb(233, 237, 242);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 20px;
}
@media screen and (max-width: 1024px) {
  .c-report-menu { /* Allows second level menu in Reports to scroll on mobile and tablet devices, so menu options can be tapped on */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

.c-report-menu__item-wrapper {
  position: relative;
  max-height: 45px;
}

.c-report-menu__flex-menu {
  max-height: 50px;
  height: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}
.c-report-menu__flex-menu > li {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  height: 50px;
}
.c-report-menu__flex-menu > .flexMenu-viewMore {
  display: inline-block;
  text-align: center;
}
.c-report-menu__flex-menu > .flexMenu-viewMore > a {
  min-height: 40px;
  padding: 0 20px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  color: rgb(61, 63, 69);
}
.c-report-menu__flex-menu > .flexMenu-viewMore > ul {
  background-color: rgb(233, 237, 242);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  z-index: 2;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  max-width: 200px;
  top: 51px;
  right: -65px;
}
@media screen and (min-width: 1850px) {
  .c-report-menu__flex-menu > .flexMenu-viewMore > ul {
    right: -49px;
  }
}

.c-report-menu__item {
  text-align: center;
  display: inline-block;
}
.c-report-menu__item > a {
  min-height: 45px;
  margin: 0 12px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  color: rgb(36, 66, 98);
}

.c-report-menu__item:hover > a {
  color: #F06C01;
}

.c-report-menu__item--selected > a {
  position: relative;
  color: rgb(43, 118, 205);
  border-bottom: 3px solid rgb(43, 118, 205);
  height: 49px;
}

.c-report-menu__expand-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  padding-top: 4px;
  display: inline-block;
  cursor: pointer;
}
.c-report-menu__expand-button > svg {
  width: 18px;
  height: 15px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-report-menu__expand-button:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-report-menu__expand-button:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-report-menu__expand-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .c-report-menu__expand-button {
    margin-right: 15px;
  }
}
.c-report-menu__expand-button > svg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.c-report-menu__expand-button--open > svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-report-menu__filters {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: rgb(223, 227, 232);
  padding: 0 15px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-report-menu__label {
  font-size: 10px;
  letter-spacing: 2px;
}

.c-report-menu__item--image a > img {
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.c-report-menu__item--svg a {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.c-report-menu__item--svg a > svg {
  width: 20px;
  height: 20px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-report-menu__item--svg a:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-report-menu__item--svg a:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-report-menu__item--svg a:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-report-side-panel {
  position: fixed;
  left: 0;
  top: 99px;
  bottom: 0;
  width: 200px;
  min-height: calc(100vh - 300px);
  background-color: white;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  padding-top: 35px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
}
.c-report-side-panel > input {
  margin: 0 30px 10px 30px;
  width: 142px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #244262;
  background-color: white;
  background-image: url(../images/icons/InlineSearch-Green.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: 8px center;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  padding: 5px 5px 5px 30px;
  -webkit-appearance: none;
}
.c-report-side-panel > input::-webkit-input-placeholder {
  color: #697881 !important;
}
.c-report-side-panel > input::-moz-placeholder {
  color: #697881 !important;
}
.c-report-side-panel > input::-ms-input-placeholder {
  color: #697881 !important;
}
.c-report-side-panel > input::placeholder {
  color: #697881 !important;
}
.c-report-side-panel > input:-ms-input-placeholder {
  color: #697881;
}
.c-report-side-panel > input:hover {
  border: 1px solid #F06C01 !important;
}
.c-report-side-panel > input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-report-side-panel > input::-webkit-input-placeholder {
  color: #C8C8C8;
}
.c-report-side-panel > input::-moz-placeholder {
  color: #C8C8C8;
}
.c-report-side-panel > input::-ms-input-placeholder {
  color: #C8C8C8;
}
.c-report-side-panel > input::placeholder {
  color: #C8C8C8;
}
.c-report-side-panel > input:focus, .c-report-side-panel > input:hover {
  border: 1px solid #F06C01;
  outline: none;
}

.c-report-side-panel--hidden {
  margin-left: -200px;
}

.c-report-side-panel__section > a {
  display: block;
  margin: 15px 30px;
  color: rgb(36, 66, 98);
  text-decoration: none;
  font-size: 13px;
  margin: 1px 0 1px 1px;
  padding: 8px 30px 8px 29px;
}
.c-report-side-panel__section > a.c-report-side-panel__report--selected {
  color: rgb(40, 110, 191);
  border-left: 3px solid rgb(40, 110, 191);
  padding: 8px 30px 8px 27px;
}
.c-report-side-panel__section > a:hover {
  color: #F06C01;
}

.c-report-side-panel__section + .c-report-side-panel__section::after {
  display: block;
  content: "";
  width: calc(100% - 60px);
  height: 1px;
  background: rgb(217, 217, 217);
  margin: 10px 0 10px 30px;
}

.c-resource-costs__summary-table > tbody > tr > td {
  border: 0 !important;
}
.c-resource-costs__summary-table > tbody > tr {
  /*background-color: rgb(248,249,251);*/
  color: rgb(252, 252, 252);
}
.c-resource-costs__summary-table > tbody > tr:nth-child(odd) {
  background-color: rgb(248, 249, 250);
  color: rgb(252, 252, 252);
}
.c-resource-costs__summary-table > tbody > tr:nth-child(even) {
  background-color: rgb(255, 255, 255);
  color: rgb(252, 252, 252);
}
.c-resource-costs__summary-table > tbody > tr.c-resource-costs__total-row {
  color: rgb(255, 255, 255);
  background-color: rgb(231, 232, 234);
  font-weight: bold;
}

/*-------------------------------------*
   (COMPONENT) RIBBON HEADERS
*-------------------------------------*/
.c-ribbon {
  clear: both;
  min-height: 40px;
  display: block;
  /*margin: 0 0 0 -30px;*/
  padding: 0 0 15px 0; /* Bottom padding allows for the height of the 3D fold */
  margin-top: 4px;
}
.c-ribbon__section {
  margin: 6px 2px 8px 30px;
}

.c-ribbon__image-wrapper {
  display: inline-block;
  width: 35px;
  position: relative;
}

.c-ribbon__image {
  border: solid #d7d7d7 1px;
  display: inline-block;
  border-radius: 23px;
  background-color: white;
  width: 46px;
  height: 46px;
  top: -29px;
  position: absolute;
  left: -10px;
}

.c-ribbon__inner {
  display: block;
  float: left; /* Prevent the visible ribbon from stretching full width - size to content instead */
  position: relative;
  text-decoration: none;
  top: 0;
  margin: 0;
  padding: 0;
  overflow: visible; /* So we can see the pseudo-elements we're going to add to the anchor */
  min-width: 100%;
}
.c-ribbon__inner:before {
  /* These 4 border properties create the forked drop shadow */
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 3px;
  right: 9px;
  border-top: 19px solid rgba(0, 0, 0, 0.1);
  border-bottom: 19px solid rgba(0, 0, 0, 0.1);
  border-left: 19px solid rgba(0, 0, 0, 0.1);
  border-right: 19px solid transparent;
  z-index: -1;
}
.c-ribbon__inner:after {
  /* This adds the bottom part of the dropshadow */
  content: "";
  height: 3px;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  right: 38px; /* The width of the forked shadow*/
  left: 15px;
  margin-right: 9px;
  z-index: -1;
}

.c-ribbon__content {
  display: block;
  position: relative;
  overflow: visible;
  margin: 0 29px 0 0;
  padding: 10px 35px 10px 25px;
  /* font-size and line-height must be the same */
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  border-width: 0;
  border-radius: 3px 0 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*background-color:#249DED;
  color:white;*/
}
.c-ribbon__content:after {
  /* This creates the 3D "fold" part of the ribbon */
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0;
  border-top: 15px solid #d7d7d7;
  border-left: 15px solid transparent;
}
.c-ribbon__content:before {
  /* This creates the end "forked" part of the ribbon */
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  /* Sizes to use are the padding on the a + 9px */
  right: -19px;
  border-top: 19px solid;
  border-bottom: 19px solid;
  border-top-color: inherit;
  border-bottom-color: inherit;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-ribbon--hoverable .c-ribbon__inner {
  text-decoration: none;
  cursor: none;
}
.c-ribbon--hoverable .c-ribbon__content:hover {
  cursor: pointer;
}
.c-ribbon--small-outdent {
  margin-left: -15px;
}

.ribbonButtonHover {
  background-image: url(../images/RibbonUI/ribbonButtonHover.png);
  background-repeat: no-repeat;
  cursor: pointer;
}

.ribbonButtonSelected {
  background-image: url(../images/RibbonUI/ribbonButtonSelected.png);
  background-repeat: no-repeat;
  cursor: pointer;
}

.ribbonButtonHoverSelected {
  background-image: url(../images/RibbonUI/ribbonButtonHoverSelected.png);
  background-repeat: no-repeat;
  cursor: pointer;
}

.ribbonButton {
  font-size: 0;
  height: 22px;
  width: 22px;
  padding: 3px;
}

.c-schedule-summary {
  padding: 20px;
}
.c-schedule-summary--good-job {
  background-color: #7BC973;
}
.c-schedule-summary--nearly {
  background-color: rgb(4, 142, 201);
}
.c-schedule-summary--bad {
  background-color: rgb(251, 157, 73);
}
.c-schedule-summary__icon {
  width: 50px;
  height: 50px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.c-schedule-summary__icon--good {
  background-image: url("../images/icons/gamification/trophy.svg");
  background-position: 0 3px;
}
.c-schedule-summary__icon--nearly {
  background-image: url("../images/icons/gamification/gauge.svg");
  background-position: 0 3px;
}
.c-schedule-summary__icon--bad {
  background-image: url("../images/icons/gamification/clock.svg");
  background-position: 0 0;
}
.c-schedule-summary__contents {
  display: inline-block;
  vertical-align: middle;
  padding-left: 3px;
  width: calc(100% - 50px);
}
.c-schedule-summary__title {
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.5px;
}
.c-schedule-summary__description {
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  line-height: 14px;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  max-width: 220px;
}
.c-schedule-summary__items {
  background-color: rgb(255, 255, 255);
  padding: 4px 2px 2px 4px;
  border: solid 1px rgb(238, 238, 238);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.c-schedule-summary__expand {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 -10px -10px -20px;
}
.c-schedule-summary:hover .c-schedule-summary__expand {
  color: rgb(255, 255, 255);
}
.c-schedule-summary__expand--bad:hover {
  background-color: rgb(229, 154, 63);
}

.c-simple-schedule {
  margin: 30px 30px 0 30px;
}
.c-simple-schedule__header {
  color: rgb(36, 66, 98);
  cursor: pointer;
  font-size: 11px;
  padding-bottom: 12px;
  line-height: 20px;
}
.c-simple-schedule__header--no-pointer {
  cursor: default;
}
.c-simple-schedule__header-title {
  font-size: 13px;
}
.c-simple-schedule__contents {
  margin-bottom: 8px;
  margin: 4px 0 10px 0;
}
.c-simple-schedule__nested-contents {
  margin: 0 0 20px 11px;
}
.c-simple-schedule__item {
  padding-bottom: 10px;
  border: 1px solid transparent;
  cursor: pointer;
}
.c-simple-schedule__item-contents {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 40px);
}
.c-simple-schedule__item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 31px;
  color: rgb(53, 64, 82);
  font-weight: 600;
  margin-bottom: 1px;
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 2px;
  text-align: left;
}
.c-simple-schedule__item-name:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
}
.c-simple-schedule__item-description {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 31px;
  color: rgb(77, 90, 107);
  font-size: 11px;
  line-height: 14px;
}
.c-simple-schedule__item-type {
  margin: 3px 0 2px 0;
  color: rgb(118, 118, 118);
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.c-simple-schedule__item-icon-wrapper {
  border: 0;
  display: inline-block;
  vertical-align: top;
  min-width: 30px;
  min-height: 25px;
}
.c-simple-schedule__item-icon {
  margin: 1px 0 0 0;
  width: 26px;
  height: 26px;
  border: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  color: rgb(255, 255, 255);
  background-position: center center;
  background-repeat: no-repeat;
}
.c-simple-schedule__item-icon-text {
  font-size: 8px;
  position: absolute;
  top: 9px;
  left: 4px;
  right: 4px;
  text-align: center;
}

.c-simple-schedule__wrapper {
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
}

.c-simple-schedule__information,
.c-simple-schedule__information--tasks-updated {
  float: right;
  font-weight: normal;
  display: inline-block;
  width: 35px;
  height: 20px;
  line-height: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(239, 239, 239);
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}

.c-simple-schedule__information--tasks-updated {
  float: none;
  display: inline;
  padding: 2px 11px;
  margin-left: 10px;
}

.c-simple-schedule__overdue-count {
  background-color: #F25656;
  color: rgb(255, 255, 255);
}

.c-simple-schedule__missing-count {
  background-color: rgb(251, 157, 73);
  color: rgb(255, 255, 255);
}

.c-simple-schedule__on-time {
  background-color: #7BC973;
  color: rgb(255, 255, 255);
}

.c-simple-schedule__off-track {
  background-color: #F25656;
  color: rgb(255, 255, 255);
}

.c-bth-dialog__content {
  padding: 5px;
  overflow: auto;
}
.c-bth-dialog__content a {
  text-decoration: none !important;
  color: black;
}
.c-bth-dialog__content tr.TableValue {
  background-color: #F7F7F7;
}

.c-scorecard {
  height: 100%;
  overflow: auto;
  padding: 1px;
}
.c-scorecard__drillable {
  cursor: pointer;
}

.c-scorecard-cell__img {
  margin-top: 1px;
}

.c-scorecard__card {
  border-width: 1px;
}
.c-scorecard__card .TableCell > td {
  padding: 0 2px;
}
.c-scorecard__card tr.TableCell {
  border: inherit;
}
.c-scorecard__card tr.CardColumnHeadingRow {
  border: inherit;
}
.c-scorecard__card > tbody {
  border: inherit;
}

.CardDetailCell ul {
  margin-left: 20px;
}

.c-search__input {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #244262;
  background-color: white;
  background-image: url(../images/icons/InlineSearch-Green.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: 8px center;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  padding: 5px 5px 5px 30px;
  -webkit-appearance: none;
}
.c-search__input::-webkit-input-placeholder {
  color: #697881 !important;
}
.c-search__input::-moz-placeholder {
  color: #697881 !important;
}
.c-search__input::-ms-input-placeholder {
  color: #697881 !important;
}
.c-search__input::placeholder {
  color: #697881 !important;
}
.c-search__input:-ms-input-placeholder {
  color: #697881;
}
.c-search__input:hover {
  border: 1px solid #F06C01 !important;
}
.c-search__input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.s-inphase-dialog .c-slicers__wrapper {
  margin-bottom: 40px;
}

/*-------------------------------------*
   (COMPONENT) Section Expander
*-------------------------------------*/
.c-section-expander {
  cursor: pointer;
}

.c-section-expander__icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background-image: url(../images/icons/ArrowExpand.svg);
  background-repeat: no-repeat;
  background-position: center 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.c-section-expander__icon--open {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-section-expander__tree {
  cursor: pointer;
}
.c-section-expander__tree:hover {
  color: #F06C01;
}

.c-section-expander__tree-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 7px;
  background-image: url(../images/icons/ArrowExpand.svg);
  background-repeat: no-repeat;
  background-position: center 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  border: none;
  background-color: transparent;
  vertical-align: middle;
  padding: 0;
}
.c-section-expander__tree-icon:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 1px;
}
.c-section-expander__tree-icon--open {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-subsection-expander__icon {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url(../images/BTH/Plus.gif);
  cursor: pointer;
}
.c-subsection-expander__icon--open {
  background-image: url(../images/BTH/Minus.gif);
}

.js-section-expander__container--closed {
  display: none;
}

.c-section-expander__container--indent {
  padding-left: 20px;
}

/*-------------------------------------*
    (COMPONENT) Add Selector
 *-------------------------------------*/
.c-add-item {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  float: right;
  /*height: 20px;
  width: 20px;
  cursor: pointer;*/
  /*& > svg {
      pointer-events: none;
      width: 100%;
      height: 100%;
      fill: rgb(230,230,230);
      stroke: rgb(230,230,230);
  }*/
  /*&:hover {
      & > svg {
          fill: $base-default-selected-color;
          stroke: $base-default-selected-color;
      }
  }*/
}
.c-add-item > svg {
  width: 20px;
  height: 20px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-add-item:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-add-item:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-add-item:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

/*-------------------------------------*
    (COMPONENT) Employee Selector (theme for select2)
 *-------------------------------------*/
.select2 {
  overflow: hidden;
}

.select2-container--employee-selector > .selection > .select2-selection--single {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
  color: black;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1;
  height: auto;
  min-height: 28px;
  text-align: left;
  padding: 7px;
}
.select2-container--employee-selector > .selection > .select2-selection--single:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.select2-container--employee-selector > .selection > .select2-selection--single:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.select2-container--employee-selector > .selection > .select2-selection--single > .select2-selection__rendered {
  padding-left: 0;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .select2-container--employee-selector > .selection > .select2-selection--single {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.select2-container--employee-selector .select2-selection--single {
  position: relative;
}
.select2-container--employee-selector .select2-selection--single .select2-selection__arrow {
  border: none;
  position: absolute;
  background: transparent url(../images/Icons/arrow--down.svg) no-repeat;
  background-size: 24px 24px;
  background-position: right center;
  width: 24px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.select2-container--employee-selector .select2-dropdown {
  /*width: 250px !important;*/
  border: 1px solid #D9D9D9;
}
.select2-container--employee-selector .select2-container--employee-selector--open .select2-dropdown {
  border-color: rgb(0, 0, 0);
  /*width: 250px !important;*/
}
.select2-container--employee-selector .select2-selection--single .select2-selection__clear {
  cursor: initial;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--employee-selector .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--employee-selector[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--employee-selector[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  left: 1px;
  right: auto;
}
.select2-container--employee-selector .select2-search--dropdown .select2-search__field {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
  padding: 1px 4px;
  outline: 0;
  min-height: 24px;
}
.select2-container--employee-selector .select2-search--dropdown .select2-search__field:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.select2-container--employee-selector .select2-search--dropdown .select2-search__field:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.select2-container--employee-selector .select2-search--inline .select2-search__field {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  background: white;
  padding: 1px 4px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 24px;
}
.select2-container--employee-selector .select2-search--inline .select2-search__field:hover {
  border: 1px solid #F06C01 !important;
  outline: none;
}
.select2-container--employee-selector .select2-search--inline .select2-search__field:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.select2-container--employee-selector .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--employee-selector .select2-dropdown--below {
  border-radius: 3px;
  min-width: 240px;
  border-top-width: 1px;
}
.select2-container--employee-selector .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .select2-container--employee-selector .select2-results > .select2-results__options {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.select2-container--employee-selector .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--employee-selector .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--employee-selector .select2-results__option--highlighted[aria-selected] {
  background-color: #F06C01;
  color: white;
}
.select2-container--employee-selector .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-results__option,
.select2-results__option--inactive {
  list-style: none;
}

.select2-results__option--inactive {
  position: relative;
}
.select2-results__option--inactive img,
.select2-results__option--inactive span {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.select2-results__option--inactive::after {
  display: block;
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: 14px;
  height: 14px;
  background: #8f8f8f url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M5 1L1 5' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
  border-radius: 20px;
  border: 2px solid #fff;
}

.c-side-panel {
  display: block;
  opacity: 0;
  z-index: 2;
  width: 0;
  position: fixed;
  top: 51px;
  bottom: 0;
  right: 0px;
  -webkit-transform: translateX(372px);
      -ms-transform: translateX(372px);
          transform: translateX(372px);
  background-color: white;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 200ms linear, -webkit-transform 300ms ease;
  transition: opacity 200ms linear, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms linear;
  transition: transform 300ms ease, opacity 200ms linear, -webkit-transform 300ms ease;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  -webkit-overflow-scrolling: touch;
}
.c-side-panel--show {
  display: block;
  width: 372px;
  right: 0;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel--show {
    width: 322px;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) {
  .c-side-panel--show {
    width: 100%;
    overflow: scroll;
    z-index: 3;
  }
  .c-side-panel--show .c-dialog__widget {
    position: relative;
    width: 100%;
  }
}
.c-side-panel__internal-wrapper {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .c-side-panel__internal-wrapper {
    height: 100vh;
  }
}
.c-side-panel__header-row {
  padding-bottom: 5px;
}
@media screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
  .c-side-panel__header-row {
    max-width: 278px;
  }
}
.c-side-panel__header-row .c-side-panel__add-step {
  display: inline-grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 22px auto;
  padding: 0;
  border: none;
  background: none;
}
.c-side-panel__header-row .c-side-panel__add-step:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 4px;
  border-radius: 1px;
}
.c-side-panel__header-forward {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.c-side-panel__header-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-left: -5px;
}
.c-side-panel__create-sub-text {
  color: #2b76cd;
}
.c-side-panel .c-task-edit__wrapper {
  margin: 0px;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}
.c-side-panel .o-column-layout-2__col {
  width: 100%;
}
.c-side-panel .c-layout__container {
  position: static !important;
}
.c-side-panel .c-comments__wrapper {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .c-side-panel .c-comments__wrapper { /* Stops horizontal scrollbar appearing on iPad */
    max-width: 280px;
  }
}

.c-side-panel__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 20px;
  padding: 20px 15px 20px 20px;
  width: 100%;
  background-color: #F7F7F7;
}
@media screen and (max-width: 1024px) {
  .c-side-panel__header {
    padding: 20px;
  }
}
.c-side-panel__header-close {
  float: right;
  height: 30px;
}
.c-side-panel__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.c-side-panel__header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: rgb(40, 110, 191);
  margin-bottom: 10px;
  padding-right: 3px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__header-title {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-side-panel__header-title > textarea {
  padding: 0;
}
.c-side-panel__header .inphase-task__sidepanel-title__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-side-panel__header .inphase-task__sidepanel-textarea-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: rgb(40, 110, 191);
  margin-right: 10px;
  padding-top: 0;
  padding-right: 8px;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
  overflow-y: hidden;
  word-break: break-word;
}
.c-side-panel__header .inphase-task__sidepanel-textarea-title:hover {
  cursor: pointer;
}
.c-side-panel__header .inphase-task__sidepanel-textarea-title:disabled {
  opacity: 0.5;
}
.c-side-panel__header .inphase-task__sidepanel-textarea-title:disabled:hover {
  cursor: default;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__header .inphase-task__sidepanel-textarea-title {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-side-panel__header-buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  margin-top: -1px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-side-panel__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  overflow-y: auto;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .c-side-panel__content {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .c-side-panel__content {
    height: 0;
  }
}
.c-side-panel__content .c-task-edit__label {
  margin-top: 15px;
  margin-right: 0;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #244262;
}
.c-side-panel__content .c-task-edit__label--font-weight {
  font-weight: 600;
}
.c-side-panel__content .c-task-edit__label-bg--orange {
  background-color: rgb(251, 157, 73);
  color: #fff !important;
  padding: 5px 20px;
}
.c-side-panel__content .c-task-edit__from-subtasks {
  display: inline; /* display side by side, rather than below */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-side-panel__content .c-task-edit__period-date {
  font-size: 9px;
  letter-spacing: 1.5px;
  color: #99AFC7;
  margin-bottom: 10px;
}
.c-side-panel__content select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
  padding-left: 0;
  border-color: #fff;
  margin: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content select {
    padding: 5px;
  }
}
.c-side-panel__content select:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-side-panel__content select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-side-panel__content select:hover {
  border-color: #fff;
}
.c-side-panel__content .select2-dropdown {
  border: none;
}
.c-side-panel__content select:focus-visible,
.c-side-panel__content .select2-container--focus {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #2b76cd;
  outline: none;
  border-radius: 0;
}
.c-side-panel__content .select2-container--open .select2-dropdown--below {
  min-width: 100px;
}
.c-side-panel__content .select2-container--open .select2-dropdown {
  left: -5px !important;
  padding: 5px;
  -webkit-box-shadow: 0 0 10px lightgray;
          box-shadow: 0 0 10px lightgray;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__content .c-task-edit__employee-picker {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-side-panel__content input[type=text],
.c-side-panel__content input[type=number],
.c-side-panel__content textarea {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #D9D9D9;
  border-radius: 0;
  padding: 5px 0;
}
.c-side-panel__content input:placeholder-shown {
  border-bottom: 1px solid #d9d9d9;
}
.c-side-panel__content input:-ms-input-placeholder {
  border-bottom: 1px solid #d9d9d9;
}
.c-side-panel__content textarea:placeholder-shown {
  border-bottom: 1px solid #d9d9d9;
}
.c-side-panel__content textarea:-ms-input-placeholder {
  border-bottom: 1px solid #d9d9d9;
}
.c-side-panel__content textarea:focus,
.c-side-panel__content textarea:focus-visible,
.c-side-panel__content textarea:placeholder-shown {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #2b76cd !important;
  outline: none;
}
.c-side-panel__content .select2-container--employee-selector > .selection > .select2-selection--single {
  padding: 5px 0;
  color: #244262;
  border: none;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 17px;
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right -2px center;
  background-size: 25px 25px;
}
.c-side-panel__content .select2-container--employee-selector > .selection > .select2-selection--single:hover, .c-side-panel__content .select2-container--employee-selector > .selection > .select2-selection--single:focus {
  border: none !important;
}
.c-side-panel__content .select2-container--employee-selector .select2-selection--single .select2-selection__arrow {
  display: none;
}
.c-side-panel__content input.c-notebook__date-field {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right -8px center;
  background-size: 25px 25px;
  border-bottom: none !important;
}
.c-side-panel__content input.c-notebook__date-field:hover, .c-side-panel__content input.c-notebook__date-field:focus {
  border: none !important;
}
.c-side-panel__content input:-webkit-autofill,
.c-side-panel__content input:-webkit-autofill:hover,
.c-side-panel__content input:-webkit-autofill:focus,
.c-side-panel__content input:-webkit-autofill,
.c-side-panel__content textarea:-webkit-autofill,
.c-side-panel__content textarea:-webkit-autofill:hover,
.c-side-panel__content textarea:-webkit-autofill:focus,
.c-side-panel__content select:-webkit-autofill,
.c-side-panel__content select:-webkit-autofill:hover,
.c-side-panel__content select:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
}
.c-side-panel__content .c-notebook__risk-field-list-title {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 9px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__content .c-notebook__risk-field-list-title {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__content .c-notebook__risk-field-list-value {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-side-panel__content .c-comments__text {
    max-width: 250px; /* Stop comments from causing horizontal scrollbars in IE */
  }
}
.c-side-panel__content .c-task-edit__action-max-comments {
  margin-left: 5px;
  padding-right: 0;
}
.c-side-panel__content .c-task-edit__input-wrapper {
  overflow-x: visible;
  width: calc(100% - 102px);
}
.c-side-panel__content .c-task-edit__input-wrapper input[type=text] {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #244262;
  padding: 5px 0;
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right -3px center;
  background-size: 25px 25px;
  border: none;
  cursor: pointer;
}
.c-side-panel__content .c-task-edit__input-wrapper input[type=text]:hover, .c-side-panel__content .c-task-edit__input-wrapper input[type=text]:focus {
  border: none !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-wrapper input[type=text]:focus-visible {
  border-bottom: 1px solid #2b76cd;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-wrapper input[type=text] + button.ui-datepicker-trigger, .c-side-panel__content .c-task-edit__input-wrapper input[type=text] + .ui-datepicker-trigger.c-notebook-notifications__row-secondary-button {
  display: none;
}
.c-side-panel__content .c-task-edit__input-wrapper > select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  background-position: right -3px center !important;
  border: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content .c-task-edit__input-wrapper > select {
    padding: 5px;
  }
}
.c-side-panel__content .c-task-edit__input-wrapper > select:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-wrapper > select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-wrapper > select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-side-panel__content .c-task-edit__input-wrapper > select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-side-panel__content .c-task-edit__input-wrapper > select:hover, .c-side-panel__content .c-task-edit__input-wrapper > select:focus {
  border: none;
}
.c-side-panel__content .c-task-edit__input-wrapper > select:focus-visible {
  border-bottom: 1px solid #2b76cd;
  border-radius: 0;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-wrapper > input[type=button] {
  width: auto;
}
.c-side-panel__content .c-task-edit__input-wrapper .c-employee-selector-avatar {
  margin-right: 6px;
}
.c-side-panel__content .c-task-edit__input-wrapper .select2-container--employee-selector {
  width: calc(100% - 37px) !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper {
  overflow-x: visible;
  width: calc(100% - 102px);
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=text]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=number]:hover {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #f06c01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=text]:focus, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=number]:focus, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=text]:focus-visible, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=number]:focus-visible {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #2b76cd !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  border-width: 0 0 1px 0;
  width: 100%;
  padding: 5px 0;
  border-radius: 0;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > input {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=text]:hover {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #f06c01;
  border-left-color: #fff;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=text]:focus-visible {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #2b76cd;
  border-left-color: #fff;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=checkbox]:focus {
  border-color: #d9d9d9 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio] {
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=radio]:focus {
  border-color: #d9d9d9 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > input[type=button] {
  width: auto;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select {
  width: 100%;
  max-width: 225px;
  background-position: right -8px center !important;
  text-overflow: ellipsis;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select:hover {
  border-color: #fff;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select:focus-visible {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #2b76cd;
  border-left-color: #fff;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] {
  width: calc(100% - 30px);
  background-color: transparent;
  overflow-y: auto;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] > option {
  pointer-events: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + button, .c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + .c-notebook-notifications__row-secondary-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  float: right;
  margin: 0;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + button:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + .c-notebook-notifications__row-secondary-button:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + button:focus-visible, .c-side-panel__content .c-task-edit__input-fit-wrapper > select[multiple=multiple] + .c-notebook-notifications__row-secondary-button:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > textarea {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  height: 100px;
  padding: 0px;
  border-radius: 0;
  border-width: 0 0 1px 0;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > textarea {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > textarea:hover {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #F06C01;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > textarea:focus, .c-side-panel__content .c-task-edit__input-fit-wrapper > textarea:focus-visible {
  border-width: 0 0 1px 0 !important;
  border-style: solid;
  border-color: #2b76cd !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul {
  list-style-type: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox] {
  margin-top: 1px;
  margin-bottom: 3px;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio] {
  margin-top: 1px;
  margin-bottom: 3px;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]:hover, .c-side-panel__content .c-task-edit__input-fit-wrapper > ul li input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-side-panel__content .c-task-edit__input-fit-wrapper input[type=text]:placeholder-shown:hover,
.c-side-panel__content .c-task-edit__input-fit-wrapper textarea:placeholder-shown:hover,
.c-side-panel__content .c-task-edit__input-fit-wrapper textarea:placeholder-shown:focus {
  border-width: 0 0 1px 0 !important;
  border-bottom-color: #d9d9d9 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper input[type=text]:-ms-input-placeholder:hover,
.c-side-panel__content .c-task-edit__input-fit-wrapper textarea:-ms-input-placeholder:hover,
.c-side-panel__content .c-task-edit__input-fit-wrapper textarea:-ms-input-placeholder:focus {
  border-width: 0 0 1px 0 !important;
  border-bottom-color: #d9d9d9 !important;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-icon {
  width: 20px;
  height: auto;
  margin-left: 0px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-icon--editable {
  cursor: pointer;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-icon--editable-hidden {
  display: none;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-icon:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 2px;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-picker-wrapper {
  position: absolute;
  top: 0;
  opacity: 0.01;
  width: 100%;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-picker-wrapper select {
  width: 100%;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-picker-wrapper:focus {
  opacity: 1;
}
.c-side-panel__content .c-task-edit__input-fit-wrapper > .c-task-edit__quality-picker-wrapper:hover {
  opacity: 1;
}

.c-side-panel__footer {
  display: none;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 75px;
  padding: 25px 25px 25px 20px;
  background-color: #F7F7F7;
  text-align: center;
  z-index: 9;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .c-side-panel__footer {
    position: static;
  }
}
.c-side-panel__footer .o-button-primary {
  background-color: rgb(40, 110, 191);
  min-width: auto;
  margin-left: 0;
  line-height: normal;
}
.c-side-panel__footer .o-button-delete {
  background-color: #F25656;
  line-height: normal;
}
.c-side-panel__footer .o-button-link {
  background-color: #99AFC7;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  padding: 0 9px;
  line-height: normal;
  color: #fff;
  border: none;
  border-radius: 3px;
}
.c-side-panel__footer-action-close:focus-visible {
  outline: 1px solid #2b76cd;
}
.c-side-panel__footer-action-close svg {
  width: 12px;
  height: 12px;
}

.sidepanel-hidden-content {
  display: none;
}

.is-sidepanel-docked-no-scroll {
  overflow: hidden;
}

#inphase-slider__task-progress {
  background: #E9EDF2;
  height: 4px;
  vertical-align: middle;
  width: calc(100% - 60px);
  margin: 13px 24px 12px 7px;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  #inphase-slider__task-progress {
    width: calc(100% - 76px);
  }
}
#inphase-slider__task-progress .ui-slider-handle {
  top: -9px;
  width: 22px;
  height: 22px;
  border-radius: 27px;
  background-color: #59b064;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  border: none;
  outline: none;
}
#inphase-slider__task-progress .ui-slider-handle:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
}

.inphase-task__sidepanel-title-completion {
  opacity: 0;
  position: absolute;
}
.inphase-task__sidepanel-title-completion:focus-visible + label {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
}
.inphase-task__sidepanel-title-completion + label {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: transparent url("../images/Icons/circle-unticked.svg") no-repeat;
  background-size: 100% 100%;
  margin-top: 2px;
  margin-right: 7px;
}
.inphase-task__sidepanel-title-completion:checked + label {
  background: transparent url("../images/Icons/circle-ticked.svg") no-repeat;
  background-size: 20px 20px;
}
.inphase-task__sidepanel-title-completion + label:hover, .inphase-task__sidepanel-title-completion:checked + label:hover {
  background: transparent url("../images/Icons/circle-hover-tick.svg") no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.inphase-task__sidepanel-title-completion:focus-visible + label {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 20px;
}
.inphase-task__sidepanel-title-completion:disabled + label, .inphase-task__sidepanel-title-completion:disabled:checked + label, .inphase-task__sidepanel-title-completion:disabled + label:hover, .inphase-task__sidepanel-title-completion:disabled:checked + label:hover {
  opacity: 0.5;
  cursor: default;
}

.c-quick-edit__no-content {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-quick-edit__no-content__msg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  text-align: center;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #8495ad;
  margin-top: 10px;
  max-width: 120px;
}

.c-task-edit__action {
  border: none;
  padding: 5px 0 5px 23px;
  display: inline-block;
  color: #2b76cd;
  margin-left: 10px;
}
.c-task-edit__action:first-of-type {
  margin-left: 0;
}

.c-task-edit__action-pause {
  background: transparent url(../images/Icons/Actions/pause.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-pause {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-pause:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-task-edit__action-cancel {
  background: transparent url(../images/Icons/Task-Cancel.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-cancel {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-cancel:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-task-edit__action-resume {
  background: transparent url(../images/Icons/Actions/resume.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-resume {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-resume:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-task-edit__action-escalate {
  background: transparent url(../images/Icons/Actions/escalate.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-escalate {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-escalate:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-task-edit__action-deescalate {
  background: transparent url(../images/Icons/Actions/de-escalate.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-deescalate {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-deescalate:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-task-edit__action-take-ownership {
  background: transparent url(../images/Icons/Actions/take-ownership.svg) left center no-repeat;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__action-take-ownership {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
.c-task-edit__action-take-ownership:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 3px;
  border-radius: 3px;
}

.c-side-panel .c-task-edit__row {
  padding-left: 20px;
  padding-right: 20px;
}

.c-task-edit__row-side-by-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 0;
}
.c-task-edit__row-side-by-side .c-task-edit__label {
  width: 95px;
  margin-top: 4px;
  margin-right: 5px;
  margin-bottom: 0;
}
@media screen and (max-width: 900px) {
  .c-task-edit__row-side-by-side .c-task-edit__label {
    margin-top: 6px;
  }
}
.c-task-edit__row-side-by-side .c-task-edit__input-wrapper {
  width: calc(100% - 102px);
}
.c-task-edit__row-side-by-side .c-task-edit__input-wrapper-with-image {
  width: calc(100% - 133px);
  margin-left: 8px;
}
.c-task-edit__row-side-by-side .select2-container--employee-selector {
  width: 100% !important;
}
.c-task-edit__row-side-by-side select.c-task-edit__quality-select,
.c-task-edit__row-side-by-side select.c-task-edit__quality-select:focus {
  width: 100%;
  border-width: 0 !important;
}
.c-task-edit__row-side-by-side .c-task-edit__quality-img {
  margin-left: 9px;
}
@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-task-edit__row-side-by-side {
    font-size: 16px !important;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 900px) {
  .c-task-edit__row-side-by-side {
    margin: 20px 0;
  }
}

.c-comments__wrapper--maximised .c-comments__subjects {
  padding: 0;
}

.c-side-panel__content textarea:placeholder-shown:hover {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #F06C01;
}

.c-side-panel__child-mandatory {
  position: absolute;
  top: 1500px;
  width: 100%;
  height: 100%;
  max-height: 0;
  background-color: white;
  z-index: 2;
  padding-top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.c-side-panel__child-mandatory--show {
  max-height: 100%;
  margin-top: -40px;
}
@media screen and (max-width: 768px) {
  .c-side-panel__child-mandatory--show {
    margin-top: 12px;
  }
}

@media screen and (min-width: 768px) {
  /*.is-sidepanel-docked > #appHeaderBar,
  #appPage.is-sidepanel-docked, */
  .is-sidepanel-docked .c-my-menu__page-menu,
  .is-sidepanel-docked .c-report-menu {
    width: calc(100vw - 372px);
  }
  .is-sidepanel-docked > .c-app__content {
    width: calc(100vw - 372px);
    overflow: auto;
    height: calc(100vh - 50px);
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .c-side-panel {
    top: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .is-sidepanel-docked > #appHeaderBar {
    /*width: calc(100vw - 322px);*/
    /*overflow: hidden;*/
  }
  #appPage.is-sidepanel-docked {
    width: calc(100vw - 322px);
  }
  .is-sidepanel-docked .c-my-menu__page-menu {
    width: calc(100vw - 322px);
  }
  .is-sidepanel-docked .c-report-menu {
    width: calc(100vw - 322px);
  }
  .is-sidepanel-docked > .c-app__content {
    width: calc(100vw - 322px);
    overflow: auto;
    height: calc(100vh - 50px);
  }
}
/*-------------------------------------*
    (COMPONENT) Minimal Tables
 *-------------------------------------*/
.c-minimal-table__widget-wrapper {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-minimal-table__slicers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 50vh;
}
@media screen and (max-width: 1023px) {
  .c-minimal-table__slicers {
    max-height: initial;
  }
}

.c-minimal-table__contents-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  position: relative;
}

.c-minimal-table__header {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-minimal-table__paging {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-minimal-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 5px;
}
.c-minimal-table__wrapper {
  overflow: auto;
  margin-bottom: 20px;
}
.c-minimal-table__sort-wrapper {
  position: relative;
}
.c-minimal-table__sort {
  position: absolute;
  top: 0;
  line-height: normal !important;
  font-size: 13px !important;
}
.c-minimal-table__sort-left {
  position: absolute;
  top: 0;
  right: 2px;
  line-height: normal !important;
  font-size: 13px !important;
}
.c-minimal-table > thead {
  border: 1px solid rgb(230, 234, 238);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c-minimal-table > thead > tr > th {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
  padding-right: 2px;
}
.c-minimal-table > tbody > tr {
  background-color: rgb(255, 255, 255);
}
.c-minimal-table > tbody > tr > td:first-child {
  border-radius: 10px 0 0 10px;
  padding-left: 5px;
}
.c-minimal-table > tbody > tr > td:last-child {
  border-radius: 0 10px 10px 0;
  padding-right: 5px;
}
.c-minimal-table > tbody > tr > td {
  padding: 5px 3px;
  min-height: 12px;
  border-top: 2px solid rgb(230, 234, 238);
  color: rgb(36, 66, 98);
  vertical-align: top;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 12px;
  position: relative;
}
@media screen and (max-width: 900px) {
  .c-minimal-table > tbody > tr > td { /* Make font size larger on task names for mobile devices */
    font-size: 15px;
  }
}
.c-minimal-table__header {
  cursor: pointer;
}
.c-minimal-table__stamp {
  border-radius: 4px;
  color: rgb(255, 255, 255);
  overflow: hidden;
  width: 100%;
  max-width: 60px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.c-minimal-table__icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.c-minimal-table__percentage-text {
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}
.c-minimal-table__row--dragging {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.c-minimal-table__row--droppable-hover {
  background-color: rgb(202, 233, 199);
  display: table-row;
  height: 110px;
}
.c-minimal-table__row--droppable-hover .c-minimal-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}
.c-minimal-table__row:hover {
  cursor: pointer;
  background: #f7f7f7;
}
.c-minimal-table__row:hover .c-minimal-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}
.c-minimal-table__placeholder--droppable-hover {
  background-color: rgb(247, 247, 247);
  display: table-row;
  height: 110px;
}
.c-minimal-table__draggable--child::after {
  position: absolute;
  top: 25px;
  left: 5px;
  content: " ";
  width: 30px;
  height: 30px;
  background: url("../images/Icons/InPhaseEntities/childObject.svg") center center no-repeat;
}
.c-minimal-table-name {
  color: rgb(53, 64, 82);
}
.c-minimal-table__cell-contents {
  display: inline-block;
  width: 100%;
}
.c-minimal-table__cell-contents > input {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-minimal-table__cell-contents > input:hover {
  border: 1px solid #F06C01 !important;
}
.c-minimal-table__cell-contents > input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-minimal-table__cell-contents > textarea {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  resize: vertical;
}
.c-minimal-table__cell-contents > textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-minimal-table__cell-contents > textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-minimal-table__cell-contents > select {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-minimal-table__cell-contents > select {
    padding: 5px;
  }
}
.c-minimal-table__cell-contents > select:hover {
  border: 1px solid #F06C01 !important;
}
.c-minimal-table__cell-contents > select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-minimal-table__cell-contents > select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-minimal-table__cell-contents > select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-minimal-table__cell-contents > select [multiple=multiple] {
  width: calc(100% - 20px);
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-minimal-table__cell-contents > select [multiple=multiple] {
    padding: 5px;
  }
}
.c-minimal-table__cell-contents > select [multiple=multiple]:hover {
  border: 1px solid #F06C01 !important;
}
.c-minimal-table__cell-contents > select [multiple=multiple]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-minimal-table__cell-contents > select [multiple=multiple]:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-minimal-table__cell-contents > select [multiple=multiple]:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-minimal-table__cell-contents img {
  max-width: 40px;
  max-height: 40px;
}
.c-minimal-table__cell-img-contents {
  /*display: inline-block;
  margin-top: -1px;*/
}
.c-minimal-table__cell-img-contents > img {
  vertical-align: middle;
}
.c-minimal-table__avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
.c-minimal-table__thDragChild:hover {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.c-minimal-table__col--min-width {
  min-width: 300px;
}

.c-minimal-table__inline-add-icon {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
  line-height: 1;
}
.c-minimal-table__inline-add-icon:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-minimal-table__inline-add-icon:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-minimal-table__inline-add-icon > svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: #fff;
  pointer-events: none;
}
.c-minimal-table__inline-add-icon > svg {
  margin-right: 5px;
}

.c-minimal-table__overdue-icon {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  margin: -5px 0;
  position: relative;
  top: -1px;
  stroke: #ff4040;
  fill: #ff4040;
  /*margin-left: 10px;*/
}
.c-minimal-table__overdue-icon > svg {
  width: 100%;
  height: 100%;
}

.c-minimal-table__default {
  /*background-color: rgb(255,255,255);*/
  /*border: 1px solid rgb(229,234,238);*/
}

.c-minimal-table__header-default {
  text-align: left;
  padding: 0 3px;
  background-color: rgb(233, 237, 242);
  color: rgb(36, 66, 98);
  vertical-align: middle;
  height: 35px;
  font-size: 11.5px;
  font-weight: 600;
}

.c-minimal-table__cell-default {
  text-align: left;
}

.c-minimal-table__name-default {
  color: rgb(53, 64, 82);
  font-weight: 600;
}

.c-minimal-table__sub-name-default {
  color: rgb(132, 149, 173);
}

.c-minimal-table__text-clip {
  color: rgb(132, 149, 173);
  position: relative;
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  display: -webkit-box; /* Has to be the webkit-specific version for line clamp to work */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.c-minimal-table__text-fade {
  position: absolute;
  top: 50px;
  left: 80%;
  right: 0;
  height: 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 100%);
}

.c-minimal-table__header-centre {
  text-align: center;
  background-color: rgb(233, 237, 242);
  color: rgb(36, 66, 98);
  vertical-align: middle;
  height: 25px;
  font-weight: 600;
  font-size: 11.5px;
}

.c-minimal-table__cell-centre {
  text-align: center;
}

.c-minimal-table__cell-emphasize-name .c-minimal-table__default-name,
.c-minimal-table__cell-emphasize-name .c-minimal-table__name-centre {
  font-weight: bold;
}

input.c-minimal-table__default-name {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
input.c-minimal-table__default-name:hover {
  border: 1px solid #F06C01 !important;
}
input.c-minimal-table__default-name:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

textarea.c-minimal-table__default-sub-name {
  width: 100%;
  margin-top: 10px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
textarea.c-minimal-table__default-sub-name:hover {
  border: 1px solid #F06C01 !important;
}
textarea.c-minimal-table__default-sub-name:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-minimal-table__name-centre {
  color: rgb(53, 64, 82);
  /*font-weight:bold;*/
}

.c-minimal-table__sub-name-centre {
  color: rgb(132, 149, 173);
}

c-simple-table__header-right {
  text-align: right;
  background-color: rgb(244, 247, 249);
  color: rgb(118, 137, 163);
  vertical-align: middle;
  height: 25px;
  font-weight: 600;
  font-size: 11.5px;
}

.c-minimal-table__cell-right {
  text-align: right;
}

.c-minimal-table__name-right {
  color: rgb(53, 64, 82);
  /*font-weight:bold;*/
}

.c-minimal-table__sub-name-right {
  color: rgb(132, 149, 173);
}

.c-minimal-table__group-header {
  margin: 0;
  padding: 12px 7px 11px 29px;
  font-size: 14px;
  font-weight: 300;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .c-minimal-table__group-header {
    margin: 0 15px;
    padding: 12px 7px 11px 20px;
  }
}

.c-minimal-table__group-header-img {
  vertical-align: top;
  width: 27px;
  height: 27px;
  margin: -5px 2px -5px 0;
  border-radius: 50%;
  background-color: #fff;
}

.c-minimal-table__chart-cell {
  position: relative;
  padding: 0 !important;
  vertical-align: middle !important;
}

.c-minimal-table__sparkline {
  height: 40px;
  left: 2px;
  right: 2px;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}

.c-minimal-table__cell_with_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-minimal-table__cell_with_icons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.c-minimal-table__cell_with_icons > :last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  word-break: break-word;
}

.c-minimal-table__dd {
  min-width: 28px;
}

.c-minimal-table__icon {
  padding-right: 5px;
  min-width: 28px;
}

.c-minimal-table__row.c-quick-edit__selected {
  cursor: pointer;
  background: #f7f7f7;
}
.c-minimal-table__row.c-quick-edit__selected .c-minimal-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}

.c-minimal-table__row.c-minimal-table__row--child > td {
  border-top: none;
}

@supports (text-overflow: ellipsis) {
  .c-minimal-table__text-fade {
    display: none;
  }
}
/*@media screen and (max-width: 768px) {  the js code is now in charge of this as sidepanel complicates the picture beyond what css breakpoints can handle */
.c-simple-table--hide-desktop-cols .c-minimal-table__desktop {
  display: none;
}

/*}*/
.c-simple-table__cell-contents > input[type=checkbox] {
  opacity: 0;
}

/*-------------------------------------*
    (COMPONENT) Simple Tables
 *-------------------------------------*/
@media screen {
  .c-simple-table__widget-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
}
@media print {
  .c-simple-table__widget-wrapper {
    /** Print Engine doesn't like the flex, will cut out rows */
    overflow: visible;
    height: auto;
  }
}

.c-simple-table__slicers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 50vh;
}
@media screen and (max-width: 1023px) {
  .c-simple-table__slicers {
    max-height: initial;
  }
}

.c-simple-table__contents-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  position: relative;
}
@media screen {
  .c-simple-table__contents-wrapper {
    overflow: auto;
  }
}
@media print {
  .c-simple-table__contents-wrapper {
    /** Ensure content not cut on print **/
    overflow: visible;
    height: auto;
  }
}

.c-simple-table__header {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-simple-table__paging {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.c-simple-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.c-simple-table__wrapper {
  overflow: auto;
  margin-bottom: 20px;
}
.c-simple-table__sort-wrapper {
  position: relative;
}
.c-simple-table__sort {
  position: absolute;
  top: 0;
  line-height: normal !important;
  font-size: 13px !important;
}
.c-simple-table__sort-left {
  position: absolute;
  top: 0;
  right: 2px;
  line-height: normal !important;
  font-size: 13px !important;
}
.c-simple-table > thead {
  border: 1px solid rgb(230, 234, 238);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c-simple-table > thead > tr > th {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
  padding-right: 2px;
  border-left: 1px solid rgb(218, 221, 225);
}
.c-simple-table > thead > tr > th:first-of-type {
  border-left: none;
}
.c-simple-table > tbody {
  border: 1px solid rgb(230, 234, 238);
  background-color: rgb(255, 255, 255);
}
.c-simple-table > tbody > tr > td {
  padding: 20px 3px;
  min-height: 50px;
  border-bottom: 1px solid rgb(230, 234, 238);
  color: rgb(36, 66, 98);
  vertical-align: top;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 17px;
  position: relative;
}
.c-simple-table > tbody > tr > td p:first-of-type {
  margin-top: 0;
}
.c-simple-table > tbody > tr.c-simple-table__row--child > td {
  border-top: none;
}
.c-simple-table__header {
  cursor: pointer;
}
.c-simple-table__stamp {
  border-radius: 4px;
  color: rgb(255, 255, 255);
  overflow: hidden;
  width: calc(100% - 12px);
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.c-simple-table__icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.c-simple-table__percentage-text {
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}
.c-simple-table__action-svg-icon {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 10px;
}
.c-simple-table__action-svg-icon--svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
}
.c-simple-table__action-svg-icon--svg > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-simple-table__action-svg-icon--svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-simple-table__action-svg-icon--svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-simple-table__action-svg-icon--svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-simple-table__row {
  background-color: white;
}
.c-simple-table__row--dragging {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.c-simple-table__row--droppable-hover {
  background-color: rgb(202, 233, 199);
  display: table-row;
  height: 110px;
}
.c-simple-table__row--droppable-hover .c-simple-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}
.c-simple-table__row:hover {
  cursor: pointer;
  background: #f7f7f7;
}
.c-simple-table__row:hover .c-simple-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}
.c-simple-table__placeholder--droppable-hover {
  background-color: rgb(247, 247, 247);
  display: table-row;
  height: 110px;
}
.c-simple-table__draggable--child::after {
  position: absolute;
  top: 25px;
  left: 5px;
  content: " ";
  width: 30px;
  height: 30px;
  background: url("../images/Icons/InPhaseEntities/childObject.svg") center center no-repeat;
}
.c-simple-table-name {
  color: rgb(53, 64, 82);
}
.c-simple-table__cell-contents {
  display: inline-block;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
.c-simple-table__cell-contents > input {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-simple-table__cell-contents > input:hover {
  border: 1px solid #F06C01 !important;
}
.c-simple-table__cell-contents > input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-simple-table__cell-contents > textarea {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  resize: vertical;
}
.c-simple-table__cell-contents > textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-simple-table__cell-contents > textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-simple-table__cell-contents > select {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-simple-table__cell-contents > select {
    padding: 5px;
  }
}
.c-simple-table__cell-contents > select:hover {
  border: 1px solid #F06C01 !important;
}
.c-simple-table__cell-contents > select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-simple-table__cell-contents > select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-simple-table__cell-contents > select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-simple-table__cell-contents > select [multiple=multiple] {
  width: calc(100% - 20px);
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-simple-table__cell-contents > select [multiple=multiple] {
    padding: 5px;
  }
}
.c-simple-table__cell-contents > select [multiple=multiple]:hover {
  border: 1px solid #F06C01 !important;
}
.c-simple-table__cell-contents > select [multiple=multiple]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-simple-table__cell-contents > select [multiple=multiple]:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-simple-table__cell-contents > select [multiple=multiple]:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-simple-table__cell-contents img {
  max-width: 30px;
  max-height: 30px;
}
.c-simple-table__cell-contents ul {
  padding-left: 16px;
}
.c-simple-table__cell-img-contents {
  /*display: inline-block;
  margin-top: -1px;*/
}
.c-simple-table__cell-img-contents > img {
  vertical-align: middle;
}
.c-simple-table__avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
.c-simple-table__thDragChild:hover {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.c-simple-table__col--min-width {
  min-width: 300px;
}

.c-simple-table__inline-add-icon {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
  line-height: 1;
}
.c-simple-table__inline-add-icon:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-simple-table__inline-add-icon:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-simple-table__inline-add-icon > svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: #fff;
  pointer-events: none;
}
.c-simple-table__inline-add-icon > svg {
  margin-right: 5px;
}

.c-simple-table__overdue-icon {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  stroke: #ff4040;
  fill: #ff4040;
}
.c-simple-table__overdue-icon > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-simple-table__overdue-icon:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-simple-table__overdue-icon:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-simple-table__overdue-icon:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-simple-table__overdue-icon > svg {
  width: 100%;
  height: 100%;
}
.c-simple-table__overdue-icon:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 2px;
}

.c-simple-table__default {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(229, 234, 238);
}

.c-simple-table__header-default {
  text-align: left;
  padding: 0 3px;
  background-color: rgb(233, 237, 242);
  color: rgb(36, 66, 98);
  vertical-align: middle;
  height: 35px;
  font-size: 11.5px;
  font-weight: 600;
}

.c-simple-table__cell-default {
  text-align: left;
}

.c-simple-table__name-default {
  color: rgb(53, 64, 82);
  font-weight: 600;
}

.c-simple-table__sub-name-default {
  color: rgb(132, 149, 173);
}

.c-simple-table__text-clip {
  color: #697881;
  position: relative;
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; /* Has to be the webkit-specific version for line clamp to work */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.c-simple-table__text-fade {
  position: absolute;
  top: 50px;
  left: 80%;
  right: 0;
  height: 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 100%);
}

.c-simple-table__header-centre {
  text-align: center;
  background-color: rgb(233, 237, 242);
  color: rgb(36, 66, 98);
  vertical-align: middle;
  height: 25px;
  font-weight: 600;
  font-size: 11.5px;
}

.c-simple-table__cell-centre {
  text-align: center;
}

.c-simple-table__cell-emphasize-name .c-simple-table__default-name,
.c-simple-table__cell-emphasize-name .c-simple-table__name-centre {
  font-weight: bold;
}

input.c-simple-table__default-name {
  width: 100%;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
input.c-simple-table__default-name:hover {
  border: 1px solid #F06C01 !important;
}
input.c-simple-table__default-name:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

textarea.c-simple-table__default-sub-name {
  width: 100%;
  margin-top: 10px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
textarea.c-simple-table__default-sub-name:hover {
  border: 1px solid #F06C01 !important;
}
textarea.c-simple-table__default-sub-name:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-simple-table__name-centre {
  color: rgb(53, 64, 82);
  /*font-weight:bold;*/
}

.c-simple-table__sub-name-centre {
  color: rgb(132, 149, 173);
}

.c-simple-table__header-right {
  text-align: right;
  background-color: rgb(233, 237, 242);
  color: rgb(36, 66, 98);
  vertical-align: middle;
  height: 25px;
  font-weight: 600;
  font-size: 11.5px;
}

.c-simple-table__cell-right {
  text-align: right;
}

.c-simple-table__name-right {
  color: rgb(53, 64, 82);
  /*font-weight:bold;*/
}

.c-simple-table__sub-name-right {
  color: rgb(132, 149, 173);
}

.c-simple-table__group-header {
  margin: 0;
  padding: 12px 7px 11px 29px;
  font-size: 14px;
  font-weight: 300;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #FFFFFF;
  background-color: #249DED;
}

.c-simple-table__group-header-img {
  vertical-align: top;
  width: 27px;
  height: 27px;
  margin: -5px 2px -5px 0;
  border-radius: 50%;
  background-color: #fff;
}

.c-simple-table__chart-cell {
  position: relative;
  padding: 10px 0 5px 0 !important;
  vertical-align: top !important;
}

.c-simple-table__sparkline {
  height: 40px;
  left: 2px;
  right: 2px;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}

.c-mini-chart__dial-value {
  position: absolute;
  bottom: 0;
  left: 50%;
}
.c-mini-chart__dial-value > .c-mini-chart__dial-text {
  position: relative;
  left: -50%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}

.c-simple-table__cell_with_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-simple-table__cell_with_icons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.c-simple-table__cell_with_icons > :last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  word-break: break-word;
}

.c-simple-table__dd {
  min-width: 28px;
}

.c-simple-table__icon {
  padding-right: 5px;
  min-width: 28px;
}

.c-simple-table__row.c-quick-edit__selected {
  cursor: pointer;
  background: #f7f7f7;
}
.c-simple-table__row.c-quick-edit__selected .c-simple-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}

@supports (text-overflow: ellipsis) {
  .c-simple-table__text-fade {
    display: none;
  }
}
.c-simple-table__col-resize {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  cursor: ew-resize;
}
.c-simple-table__col-resize:hover {
  visibility: visible;
  background-color: rgb(248, 174, 48);
}

/*table.c-simple-table--fixed {
    width: auto;
    table-layout:fixed;
}*/
.c-simple-table--last-header-as-row {
  border-bottom-width: 2px !important;
}

tbody.c-simple-table__row-span:hover {
  cursor: pointer;
  background: #f7f7f7;
}
tbody.c-simple-table__row-span:hover > tr.c-simple-table__row {
  background: #f7f7f7;
}
tbody.c-simple-table__row-span:hover > tr.c-simple-table__row > td {
  background: #f7f7f7;
}
tbody.c-simple-table__row-span:hover .c-simple-table__text-fade {
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.1)), to(rgb(247, 247, 247)));
  background: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, rgb(247, 247, 247) 100%);
}

.c-simple-thermometer {
  height: 100%;
  width: 100%;
  position: relative;
}

.c-simple-thermometer--no-data {
  background-color: white;
  border: 1px solid rgb(220, 220, 220);
  border-radius: 5px;
}
.c-simple-thermometer--no-data > .c-simple-thermometer__band {
  border-color: rgb(220, 220, 220);
}

.c-simple-thermometer__bar {
  bottom: 0;
  width: 100%;
  position: absolute;
}

.c-simple-thermometer__band {
  position: absolute;
  height: 0px;
  width: 100%;
  font-size: 0;
  border-top: 1px solid rgb(255, 255, 255);
}

.c-slicers__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  vertical-align: top;
  text-align: left;
  padding-bottom: 20px;
}

.c-slicer__wrapper {
  position: relative;
  display: inline-block;
  margin: 12px 15px 0 0;
  vertical-align: top;
  text-align: left;
  color: rgb(53, 64, 82);
  font-weight: normal;
}
.c-slicer__clear {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  vertical-align: bottom;
  margin-top: 20px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-slicer__clear:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-slicer__clear:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-slicer__search {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  vertical-align: bottom;
  margin-top: 20px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-slicer__search:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-slicer__search:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-slicer__label-text {
  margin-bottom: 5px;
}

.c-slicer__range-from {
  width: 80px !important;
  margin-right: 10px;
}

.c-slicer__range-to {
  width: 80px !important;
  margin-left: 10px;
}

.c-slicer__range-wrapper {
  white-space: nowrap;
}

.c-slicer__wrapper .ui-multiselect:hover {
  background: white url(../images/Icons/arrow--down.svg) no-repeat center right;
}

@media (max-width: 1115px) and (-webkit-min-device-pixel-ratio: 2) { /*  */
  .c-slicer__wrapper button, .c-slicer__wrapper .c-notebook-notifications__row-secondary-button {
    margin: 0;
  }
}
.slicerContents {
  float: left;
  position: relative;
  cursor: move;
  padding: 1px;
  margin: 0;
  border: 1px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 3px solid transparent;
}

.slicerTitle {
  padding: 0 0 4px 0;
}

/** jQuery Multi-Select Plugin & jQuery UI Overrides
    ================================================*/
.ui-multiselect.ui-state-default {
  position: relative;
  margin: 0;
  padding: 5px 3px 5px 5px;
  text-align: left;
  cursor: default;
  background: white url(../images/Icons/arrow--down.svg) no-repeat center right;
  background-size: 25px 25px;
  border: 1px solid #D9D9D9;
}

.ui-multiselect.ui-state-default:hover {
  border: 1px solid #F06C01;
}

.ui-multiselect.ui-state-default:focus-visible {
  border: 1px solid #286EBF;
  outline: none;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding-left: 5px;
}

.ui-multiselect-textbox {
  border-radius: 3px;
}
.ui-multiselect-textbox:hover {
  border-color: #F06C01;
}
.ui-multiselect-textbox:focus-visible {
  border-color: #286EBF;
  outline: none;
}

.ui-multiselect-menu .ui-helper-reset a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}

.ui-multiselect span.ui-icon {
  position: absolute;
  top: 5px;
  right: 0;
}

.ui-multiselect span.ui-icon.ui-icon-triangle-2-n-s { /* Remove jQuery UI dropdown arrow on fake select element and implement standard InPhase one */
  background-image: none;
}

.ui-multiselect span.ui-text {
  display: block;
  zoom: 1;
  padding-right: 17px;
}

.ui-multiselect-close .ui-icon.ui-icon-circle-close {
  background: url(../images/Icons/close.svg) top 5px right 5px no-repeat;
  background-size: 10px 10px;
}

.ui-multiselect-close .ui-icon.ui-icon-done {
  background: url(../images/Icons/arrow-right-line.svg) top 3px right 5px no-repeat;
  background-size: 14px 14px;
}

.ui-widget-header.ui-multiselect-header { /* Remove background and border from multiselect widget header */
  background: none;
  border: none;
}

.slicerMenu {
  cursor: pointer;
}

.s-slicer {
  /* stop items jumping on hover */
}
.s-slicer.ui-multiselect-menu {
  border-radius: 3px;
}
.s-slicer .ui-multiselect-all .ui-icon-check {
  background: url(../images/Icons/tick.svg) bottom center no-repeat;
  background-size: 12px 12px;
  margin-right: 3px;
}
.s-slicer .ui-multiselect-none .ui-icon-closethick {
  background: url(../images/Icons/Close-Cancel.svg) bottom center no-repeat;
  background-size: 10px 10px;
  margin-right: 3px;
}
.s-slicer .ui-multiselect-checkboxes label {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid transparent;
  cursor: default;
  margin-bottom: 3px;
}
.s-slicer .ui-multiselect-checkboxes label:hover {
  background: none;
}
.s-slicer .ui-multiselect-checkboxes label input {
  margin: 0 7px 0 0;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.s-slicer .ui-multiselect-checkboxes label input:hover {
  border: 1px solid #F06C01 !important;
}
.s-slicer .ui-multiselect-checkboxes label input:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.s-slicer .ui-multiselect-checkboxes label input:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.s-slicer .ui-multiselect-checkboxes label input::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .s-slicer .ui-multiselect-checkboxes label input {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .s-slicer .ui-multiselect-checkboxes label input:hover, .s-slicer .ui-multiselect-checkboxes label input:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.s-slicer .ui-multiselect-checkboxes label span {
  margin-top: 1px;
}
.s-slicer .ui-multiselect-checkboxes li {
  clear: both;
  font-size: 1em;
  padding-right: 3px;
  width: 100%;
  overflow: hidden;
}
.s-slicer .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #dddddd;
}
.s-slicer .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px 3px 1px 4px;
  margin: 1px 0;
  text-decoration: none;
  color: #a0acd2;
}
.s-slicer .ui-multiselect-textbox {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #CCC;
  outline: none;
  width: 100%;
}
.s-slicer .ui-multiselect-textbox:focus-visible {
  border-color: #286EBF;
}
.s-slicer .ui-widget-content .ui-multiselect-checkboxes .ui-state-hover {
  font-weight: normal;
  border: none;
}
.s-slicer .ui-multiselect-checkboxes .ui-state-hover {
  background: none;
}
.s-slicer.slicerContents {
  min-height: 55px;
}

/** Select List
================================================*/
.slicercontrol-selectlist,
#selectlist,
#selectlistpreview {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
}

.slicercontrol-selectlist li,
#selectlist li,
#selectlistpreview li {
  padding: 0.4em 1em 0.4em 1em;
  margin-bottom: 1px;
}

.slicercontrol-selectlist li.ui-selecting,
#selectlist li.ui-selecting,
#selectlistpreview li.ui-selecting {
  background: #FFF0BC;
}

.slicercontrol-selectlist li.ui-selected,
#selectlist li.ui-selected,
#selectlistpreview li.ui-selected {
  /*background: #ffeba5;*/
  /* This should be a copy of  jQuery UI's .ui-state-active class */
  border: 1px solid #286EBF;
  background: #fff;
  font-weight: normal;
  color: #286EBF;
}

/** Image List
================================================*/
.slicercontrol-selectlistimages,
#selectlistimages,
#horizontalselectlistimagespreview,
#verticalselectlistimagespreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  cursor: pointer;
}

.slicercontrol-selectlistimages li,
#selectlistimages li,
#horizontalselectlistimagespreview li,
#verticalselectlistimagespreview li {
  padding: 1em;
  font-size: 1.1em;
  margin-right: 1px;
  margin-bottom: 1px;
  text-align: center;
  width: 88px;
  overflow-wrap: anywhere;
}

#selectlistimages li,
#horizontalselectlistimagespreview li {
  float: left;
}

.slicercontrol-selectlistimages li.ui-selecting,
#selectlistimages li.ui-selecting,
#horizontalselectlistimagespreview li.ui-selecting,
#verticalselectlistimagespreview li.ui-selecting {
  background: #FFF0BC;
}

.slicercontrol-selectlistimages li.ui-selected,
#selectlistimages li.ui-selected,
#horizontalselectlistimagespreview li.ui-selected,
#verticalselectlistimagespreview li.ui-selected {
  background: #FFF0BA;
}

/** Slider
================================================*/
.slicercontrol-horizontalslidertext,
.slicercontrol-verticalslidertext,
#horizontalsliderpreview-amount,
#verticalsliderpreview-amount,
#slider-amount {
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: 8pt;
  border: 0;
  color: #3b4b7c;
}

.slicercontrol-horizontalslidertext {
  float: right;
  margin-top: -18px;
}

.slicercontrol-horizontalsliderrange,
#slider-range,
#horizontalsliderpreview-range {
  position: relative;
  top: 5px;
  margin-left: 5px;
  margin-right: 16px;
}

.slicercontrol-verticalsliderrange,
#verticalsliderpreview-range {
  margin-top: 8px;
  margin-bottom: 8px;
}

.ui-slider-horizontal .ui-slider-range,
.ui-slider-vertical .ui-slider-range {
  position: relative;
  top: 8px;
  height: 4px;
  border: 1px solid #D9D9D9;
}

.slicercontrol-horizontalsliderrange .ui-slider-handle,
.slicercontrol-verticalsliderrange .ui-slider-handle {
  width: 27px;
  height: 27px;
  background-color: white;
  border-radius: 50%;
  border: none;
  border: 1px solid #D9D9D9;
  background-image: none;
  outline: none;
}
.slicercontrol-horizontalsliderrange .ui-slider-handle:hover,
.slicercontrol-verticalsliderrange .ui-slider-handle:hover {
  border: 1px solid #F06C01;
}
.slicercontrol-horizontalsliderrange .ui-slider-handle:focus-visible,
.slicercontrol-verticalsliderrange .ui-slider-handle:focus-visible {
  border: 1px solid #286EBF;
  outline: none;
}

.slicercontrol-text,
.slicercontrol-exactvalue,
.slicercontrol-bottom,
.slicercontrol-top,
.slicercontrol-daterange,
.slicercontrol-numberrange,
.slicercontrol-date {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  width: 100%;
  line-height: 1;
}
.slicercontrol-text:hover,
.slicercontrol-exactvalue:hover,
.slicercontrol-bottom:hover,
.slicercontrol-top:hover,
.slicercontrol-daterange:hover,
.slicercontrol-numberrange:hover,
.slicercontrol-date:hover {
  border: 1px solid #F06C01 !important;
}
.slicercontrol-text:focus-visible,
.slicercontrol-exactvalue:focus-visible,
.slicercontrol-bottom:focus-visible,
.slicercontrol-top:focus-visible,
.slicercontrol-daterange:focus-visible,
.slicercontrol-numberrange:focus-visible,
.slicercontrol-date:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.slicercontrol-text:hover,
.slicercontrol-exactvalue:hover,
.slicercontrol-bottom:hover,
.slicercontrol-top:hover,
.slicercontrol-daterange:hover,
.slicercontrol-numberrange:hover,
.slicercontrol-date:hover {
  border-color: #F06C01;
}
.slicercontrol-text:focus-visible,
.slicercontrol-exactvalue:focus-visible,
.slicercontrol-bottom:focus-visible,
.slicercontrol-top:focus-visible,
.slicercontrol-daterange:focus-visible,
.slicercontrol-numberrange:focus-visible,
.slicercontrol-date:focus-visible {
  border-color: #286EBF;
  outline: none;
}

.slicercontrol-daterange,
.slicercontrol-numberrange {
  width: 88px;
}

.slicercontrol-daterangetext {
  color: #3b4b7c;
  font-size: 8pt;
  line-height: 23px;
  padding: 0 2px;
}

.slicercontrol-text input, .slicercontrol-exactvalue input, .slicercontrol-top input, .slicercontrol-bottom input {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}
.slicercontrol-text input:hover, .slicercontrol-text input:focus, .slicercontrol-exactvalue input:hover, .slicercontrol-exactvalue input:focus, .slicercontrol-top input:hover, .slicercontrol-top input:focus, .slicercontrol-bottom input:hover, .slicercontrol-bottom input:focus {
  border: none;
  outline: none;
}

.c-slicer-suggestion-box {
  border: none;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: white;
  color: black;
  font-size: 12px;
  font-family: "open sans";
  padding: 0px;
  display: block;
  position: absolute;
  z-index: 9999;
  max-height: 0px;
  overflow-y: hidden;
  -webkit-box-shadow: 0px 4px 10px 0px rgb(170, 170, 170);
          box-shadow: 0px 4px 10px 0px rgb(170, 170, 170);
}
.c-slicer-suggestion-box.visible {
  border: 1px solid #888;
  border-top: 1px #CCC solid;
  max-height: 600px;
  -webkit-transition: max-height ease-out 1s;
  transition: max-height ease-out 1s;
}
.c-slicer-suggestion-box__row {
  text-align: left;
  width: 100%;
  padding: 2px 5px 2px 15px;
  cursor: default;
  text-indent: -10px;
}
.c-slicer-suggestion-box__row:hover, .c-slicer-suggestion-box__row.highlight {
  background-color: #EEE;
}

/** Exclude Resource Measures Toggle
    ================================================*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.c-slicer__hide-resources-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
}
.c-slicer__hide-resources-wrapper label {
  margin-right: 5px;
}
.c-slicer__hide-resources-wrapper input#slicerHideResources {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  margin-top: 2px;
}
.c-slicer__hide-resources-wrapper input#slicerHideResources:hover {
  border: 1px solid #F06C01 !important;
}
.c-slicer__hide-resources-wrapper input#slicerHideResources:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-slicer__hide-resources-wrapper input#slicerHideResources:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-slicer__hide-resources-wrapper input#slicerHideResources::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-slicer__hide-resources-wrapper input#slicerHideResources {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-slicer__hide-resources-wrapper input#slicerHideResources:hover, .c-slicer__hide-resources-wrapper input#slicerHideResources:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.slicercontrol-zoom-in {
  background-image: url("../images/Icons/zoom-in.svg");
  background-size: 20px 20px;
}

.slicercontrol-zoom-out {
  background-image: url("../images/Icons/zoom-out.svg");
  background-size: 20px 20px;
}

.slicercontrol-earlier {
  background-image: url("../images/Icons/previous.svg");
  background-size: 20px 20px;
}

.slicercontrol-later {
  background-image: url("../images/Icons/next.svg");
  background-size: 20px 20px;
}

/*-------------------------------------*
    (COMPONENT) Stacked Widgets
 *-------------------------------------*/
.c-stacked-widgets {
  overflow: visible;
  background-color: rgb(255, 255, 255);
}

.c-stacked-widgets__no-scroll-bar {
  margin-right: 15px;
}

.c-stacked-widgets__widget {
  width: 100%;
  position: relative;
}

.c-stacked-widgets__menu {
  width: 100%;
  position: relative;
}

/*-------------------------------------*
    (COMPONENT) Staff Dashboard
 *-------------------------------------*/
.c-app-team-capacity-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-app-team-capacity-wrapper h1 {
  font-family: Inter UI, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 27px;
  line-height: 40px;
  color: #2B76CD;
  letter-spacing: -1px;
  padding-bottom: 10px;
  padding-top: 30px;
  border-bottom: 2px solid white;
  margin: 0px 15px 30px 15px;
}
@media only screen and (max-width: 768px) {
  .c-app-team-capacity-wrapper h1 {
    margin: 0px 15px 20px 15px;
    padding-top: 20px;
  }
}
.c-app-team-capacity-wrapper .c-built-in__header-2 {
  margin: 0 15px 10px 15px;
  max-width: unset;
}
@media only screen and (max-width: 768px) {
  .c-app-team-capacity-wrapper .c-built-in__header-2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.c-app-team-capacity-wrapper .c-built-in__header-3 {
  margin: 0 15px 10px 15px;
}
@media only screen and (max-width: 768px) {
  .c-app-team-capacity-wrapper .c-built-in__header-3 {
    margin: 0 15px 10px 15px;
  }
}

.c-staff-dashboard__column-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-staff-dashboard__column {
  width: 25%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .c-staff-dashboard__column {
    width: 50%;
  }
}

.c-staff-dashboard__today-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.c-staff-dashboard__today-column {
  width: 25%;
}
.c-staff-dashboard__today-column:last-child {
  width: calc(25% - 1px);
}
@media only screen and (max-width: 768px) {
  .c-staff-dashboard__today-column {
    width: 50%;
  }
  .c-staff-dashboard__today-column:last-child {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .c-staff-dashboard__today {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .c-staff-dashboard__today svg {
    margin-left: -15px;
  }
}

.c-staff-dashboard__today-chart {
  height: 200px;
  margin-left: 15px;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .c-staff-dashboard__today-chart {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .c-staff-dashboard__today-chart {
    height: 175px;
  }
}
.c-staff-dashboard__today-chart .highcharts-background {
  fill: none;
}
.c-staff-dashboard__today-chart .c-chart-solid-perf-gauge__center-actual {
  font-family: Inter UI, Arial, Helvetica, sans-serif !important;
  font-size: 29px;
  font-weight: 300 !important;
  color: #244262 !important;
  text-shadow: none !important;
}

.c-staff-dashboard__trend-wrapper,
.c-staff-dashboard__next-level-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-staff-dashboard__trend-column,
.c-staff-dashboard__next-level-column {
  width: 25%;
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .c-staff-dashboard__trend-column,
  .c-staff-dashboard__next-level-column {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .c-staff-dashboard__trend-column,
  .c-staff-dashboard__next-level-column {
    width: 50%;
  }
}

.c-staff-dashboard__trend-chart {
  margin: 0 15px;
}

.c-crisis__info-text {
  margin: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-crisis__info-text img {
  margin-right: 7px;
}
@media only screen and (max-width: 768px) {
  .c-crisis__info-text {
    margin: 15px;
  }
}

.c-staff-dashboard__legend {
  margin: 0 15px 30px 15px;
}

.c-staff-dashboard__legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-staff-dashboard__legend-item-marker {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.c-staff-dashboard__legend-item-name {
  font-family: "Inter UI", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
}

.ip-manage-subscriptions-dialog .ui-dialog-content {
  padding: 0px 10px;
}

.c-manage-subscriptions__left-wrapper {
  position: absolute;
  left: 0px;
  width: 220px;
  top: 0px;
  bottom: 0px;
  margin-left: 20px;
  padding-top: 10px;
  padding-right: 10px;
}

.c-manage-subscriptions__right-wrapper {
  position: absolute;
  left: 250px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin-right: 20px;
  padding-top: 10px;
  padding-left: 20px;
  border-left: 1px solid #CCC;
}
.c-manage-subscriptions__right-wrapper--noleftborder {
  left: 0px;
  border-left: none;
}

.c-manage-subsriptions__dim-picker {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.c-manage-subscriptions__intructions {
  padding: 20px 0px 30px 0px;
  border-bottom: 1px solid #CCC;
}

.c-manage-subscriptions__content-container {
  height: calc(100% - 85px);
  overflow: auto;
}
.c-manage-subscriptions__content-container .c-simple-table__wrapper {
  overflow: visible;
}

.c-manage-subscriptions__content {
  position: relative;
  overflow: visible;
}
.c-manage-subscriptions__content .c-subscription--subscripted {
  overflow: hidden; /* only ONE of these two classes should have overflow:hidden or IE has a rendering glitch; it doesn't matter which class as long as it's only one of them, and we don't know why this is the case - tested in IE 9, 10, 11 and Chrome */
  background-image: url("../images/icons/TickedBox.svg");
  background-repeat: no-repeat;
}
.c-manage-subscriptions__content .c-subscription--unsubscripted {
  /*overflow: hidden;*/
  background-image: url("../images/icons/UntickedBox.svg");
  background-repeat: no-repeat;
}

.c-dialog__content-wrapper-with-footer {
  overflow: hidden;
}

/*-------------------------------------*
    (COMPONENT) Subscriptions
 *-------------------------------------*/
.c-subscription {
  height: 20px;
  width: 20px;
  cursor: pointer;
  padding-right: 0;
}
.c-subscription > svg {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.c-subscription--subscripted.o-button-img--title-svg > svg, .c-subscription--subscripted > svg {
  fill: #F06C01;
  stroke: #F06C01;
}
.c-subscription--unsubscripted > svg {
  fill: #286EBF;
  stroke: #286EBF;
}
.c-subscription:hover > svg {
  fill: #F06C01;
  stroke: #F06C01;
}
.c-subscription:focus-visible {
  outline: 1px solid #2b66cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-subscription-button {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  cursor: pointer;
  display: inline-block;
}
.c-subscription-button > svg {
  width: 16px;
  height: 16px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-subscription-button:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-subscription-button:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-subscription-button:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}
.c-subscription-button:focus-visible {
  outline-offset: 0;
}
.c-subscription-button--subscripted > svg {
  fill: #F06C01;
  stroke: #F06C01;
}
.c-subscription-button--unsubscripted > svg {
  fill: #2B76CD;
  stroke: #2B76CD;
}

.c-sunburst {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.c-sunburst__warning {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../Stylesheets/jQuery/jquery-ui-1.10.4.custom/images/ui-icons_8D98AD_256x240.png");
  background-position-x: 0px;
  background-position-y: -144px;
}

.c-sunburst__create-new > button, .c-sunburst__create-new > .c-notebook-notifications__row-secondary-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.c-sunburst__create-new > button:focus-visible, .c-sunburst__create-new > .c-notebook-notifications__row-secondary-button:focus-visible {
  outline: 1px solid #2b76cd;
}

/*data table*/
.c-data-table__table { /*Also used by keywords tab*/
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  width: 100%;
}
.c-data-table__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-data-table__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-data-table__table > thead > tr > th, .c-data-table__table > thead > tr > td, .c-data-table__table > tbody > tr > th, .c-data-table__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-data-table__table > thead > tr > th a, .c-data-table__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-data-table__table th, .c-data-table__table td {
  padding: 10px;
  font-weight: 600;
}
.c-data-table__table td {
  font-weight: normal;
}
.c-data-table__table img {
  vertical-align: middle;
  margin-right: 3px;
}

.c-tabs {
  position: relative;
}
.c-tabs > ul {
  white-space: nowrap;
  margin-bottom: 8px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.c-tabs > ul > li {
  display: inline-block;
  padding: 3px 15px;
  height: 25px;
  cursor: pointer;
  margin-right: 1px;
  font-weight: 400;
  color: rgb(36, 66, 98);
}
.c-tabs > ul > li:hover {
  color: #F06C01;
}
.c-tabs > ul > li.c-tabs__selected {
  color: rgb(43, 118, 205);
}

.c-tabs__selected-marker {
  background-color: rgb(43, 118, 205);
  height: 3px;
  width: 50px;
  position: absolute;
  bottom: -1px;
  left: 0;
  padding: 0 15px;
  -webkit-transition: left 0.5s, width 0.5s;
  transition: left 0.5s, width 0.5s;
}

.c-performance-history__content > h1 {
  font-size: 11px;
  color: #3b4b7c;
  background: url("../images/Backgrounds/dialogNavBar-29.png");
  line-height: 29px;
  padding: 0 10px;
  border-bottom: 1px solid #8ca3b1;
}

.c-performance-history__body {
  padding: 0 10px;
}

.c-performance-history__field {
  display: inline-block;
}
.c-performance-history__field span, .c-performance-history__field img {
  vertical-align: middle;
}

.c-performance-history__field--right {
  float: right;
}

.c-performance-history__field-title {
  color: dimgray;
}

.c-performance-history__field-value {
  color: black;
}

.c-performance-history__table {
  border-collapse: collapse;
  border: solid 1px #C0C0C5;
  margin: 15px 0;
  width: 100%;
}
.c-performance-history__table > thead tr {
  /*background: linear-gradient(to bottom, rgba(252,255,253,1) 0%,rgba(230,233,241,1) 100%);*/
  background: rgb(233, 237, 242);
}
.c-performance-history__table > tbody > tr:nth-child(even) {
  background-color: #F8FAFD;
}
.c-performance-history__table > thead > tr > th, .c-performance-history__table > thead > tr > td, .c-performance-history__table > tbody > tr > th, .c-performance-history__table > tbody > tr > td {
  text-align: left;
  border: solid 1px #EAEBEF;
}
.c-performance-history__table > thead > tr > th a, .c-performance-history__table > tbody > tr > th a {
  color: rgb(43, 118, 205);
  text-decoration: none;
}
.c-performance-history__table th, .c-performance-history__table td {
  padding: 10px;
  font-weight: 600;
}
.c-performance-history__table td {
  font-weight: normal;
}
.c-performance-history__table td > img {
  vertical-align: middle;
}

/* Attachments */
.c-task-edit__attachments {
  display: grid;
  gird-template-columns: 1fr;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 20px;
}
.c-task-edit__attachments__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.c-task-edit__attachments__controls:empty {
  display: none;
}
.c-task-edit__attachments__dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 99999999;
      -ms-flex: 99999999 1 auto;
          flex: 99999999 1 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E9EDF2;
  border: 1px dashed #286EBF;
  border-radius: 3px;
  padding: 30px 20px 30px 20px;
  color: #000000;
}
.c-task-edit__attachments__dropzone--active {
  border: 1px solid transparent;
  background-color: #E9EDF2;
  outline: 2px solid #286FBF;
}
.c-task-edit__attachments__dropzone--active .select-file {
  pointer-events: none;
}
.c-task-edit__attachments__dropzone .select-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.c-task-edit__attachments__dropzone .select-file > svg {
  min-width: 29px;
}
.c-task-edit__attachments__dropzone .select-file > span {
  margin-left: 10px;
  font-size: 12px;
}
.c-task-edit__attachments__button-container {
  display: grid;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-task-edit__attachments__control-button {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  padding: 11px;
}
.c-task-edit__attachments__control-button > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-task-edit__attachments__control-button > img, .c-task-edit__attachments__control-button svg {
  margin-right: 10px;
}
.c-task-edit__attachments__control-button:focus-visible {
  outline: none;
  border: 1px solid #286EBF;
}
.c-task-edit__attachments__images-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, 155px);
}
.c-task-edit__attachments__images-grid:empty {
  display: none;
}
.c-task-edit__attachments__documents-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.c-task-edit__attachments__documents-grid:empty {
  display: none;
}
.c-task-edit__attachments__links-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
.c-task-edit__attachments__links-grid:empty {
  display: none;
}
.c-task-edit__attachments__image-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  background: #F7F7F7;
}
.c-task-edit__attachments__image-card > a:focus-visible {
  outline: 1px solid #F06C01;
  outline-offset: 0px;
  border-radius: 3px 3px 0 0;
  z-index: 1;
}
.c-task-edit__attachments__image-card .image-holder {
  width: 155px;
  height: 90px;
}
.c-task-edit__attachments__image-card .image-holder > img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.c-task-edit__attachments__image-card .image-filename {
  width: 100%;
  color: #286EBF;
  padding: 10px;
  background: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 155px;
}
.c-task-edit__attachments__image-card .remove-button {
  border: none;
  background: transparent;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ffffff;
  border-radius: 3px;
  line-height: 0;
}
.c-task-edit__attachments__image-card .remove-button > svg {
  pointer-events: none;
}
.c-task-edit__attachments__image-card .remove-button:focus-visible {
  outline: 1px solid #F06C01;
  border-radius: 2px;
}
.c-task-edit__attachments__document-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  padding: 11px;
  background: #ffffff;
  color: #286EBF;
}
.c-task-edit__attachments__document-card .document-icon {
  margin-right: 10px;
}
.c-task-edit__attachments__document-card .document-name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-task-edit__attachments__document-card > a:focus-visible {
  outline: 1px solid #F06C01;
  border-radius: 1px;
}
.c-task-edit__attachments__document-card .remove-button {
  border: none;
  background: transparent;
  padding: 0;
  line-height: 0;
  margin-left: 10px;
  border-radius: 3px;
}
.c-task-edit__attachments__document-card .remove-button > svg {
  pointer-events: none;
}
.c-task-edit__attachments__document-card .remove-button:focus-visible {
  outline: 1px solid #F06C01;
  border-radius: 2px;
}
.c-task-edit__attachments__link-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  padding: 11px;
  background: #ffffff;
  color: #286EBF;
}
.c-task-edit__attachments__link-card .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 27px;
  background: url("../../../images/Icons/web-link.svg") center left no-repeat;
}
.c-task-edit__attachments__link-card .details .description {
  color: #000000;
}
.c-task-edit__attachments__link-card a:focus-visible {
  outline: none;
  color: #F06C01;
}
.c-task-edit__attachments__link-card .link-inputs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.c-task-edit__attachments__link-card .link-inputs > label {
  margin-bottom: 10px;
}
.c-task-edit__attachments__link-card .link-inputs > input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.c-task-edit__attachments__link-card .link-inputs > input:not(:last-child) {
  margin-bottom: 10px;
}
.c-task-edit__attachments__link-card .link-inputs select {
  margin-right: 10px;
}
.c-task-edit__attachments__link-card .link-inputs .url > input {
  width: 100%;
}
.c-task-edit__attachments__link-card .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-task-edit__attachments__link-card .buttons .remove-button {
  border: none;
  background: transparent;
  padding: 0;
  line-height: 0;
  margin-left: 10px;
  border-radius: 3px;
}
.c-task-edit__attachments__link-card .buttons .remove-button > svg {
  pointer-events: none;
}
.c-task-edit__attachments__link-card .buttons .remove-button:focus-visible {
  outline: 1px solid #F06C01;
  border-radius: 2px;
}

/*-------------------------------------*
   (COMPONENT) Task Edit Subtasks
*-------------------------------------*/
.c-task-edit__subtasks {
  /*table-layout: fixed;*/
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.c-task-edit__subtasks thead tr {
  border-bottom: #DDD solid 1px;
}
.c-task-edit__subtasks tbody tr {
  cursor: pointer;
  border-bottom: #DDD solid 1px;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #244262;
}
.c-task-edit__subtasks tbody tr:last-child {
  border: none;
}
.c-task-edit__subtasks tbody tr:hover {
  background-color: #FCFCFC;
}
.c-task-edit__subtasks__owner-avatar {
  vertical-align: middle;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  width: 28px;
  height: 28px;
  margin-right: 6px;
}

.c-task-edit__subtasks--contents-table {
  border-top: 0px;
}

.c-task-edit__subtask_header,
.c-task-edit__subtask_cell {
  text-align: left;
  padding: 20px 37px 20px 37px;
}

.c-task-edit__subtask_header {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: rgb(43, 118, 205);
}

.c-task-edit__subtask_cell--progress {
  font-size: 21px;
}

/*.c-task-edit__subtask_scroll {

    @if not($print) {
        max-height: 100px;
        overflow-y: auto;
    }

    overflow-x: hidden;
}*/
.c-task-edit__wrapper .c-task-edit__subtask_buttons {
  display: inline-block;
  position: absolute;
  right: 0;
}
.c-task-edit__wrapper .c-task-edit__subtask_buttons button, .c-task-edit__wrapper .c-task-edit__subtask_buttons .c-notebook-notifications__row-secondary-button {
  width: 33px;
  height: 33px;
  border: none;
  padding: 0;
}
.c-task-edit__wrapper .c-task-edit__subtask_buttons button img, .c-task-edit__wrapper .c-task-edit__subtask_buttons .c-notebook-notifications__row-secondary-button img {
  width: 33px;
  height: 33px;
}

.c-measure-detail__wrapper--task-subtasks .c-task-edit__section-wrapper {
  padding: 0;
}

.o-button-img--add-subtask svg {
  width: 23px;
  height: 23px;
}

/*-------------------------------------*
   (COMPONENT) Task Edit
*-------------------------------------*/
.c-task-edit__wrapper .c-measure-detail__header-range-wrapper > input {
  height: inherit;
}
.c-task-edit__wrapper .c-measure-detail__wrapper:first-child {
  margin-top: 0;
}
.c-task-edit__wrapper .c-measure-detail__wrapper:last-child .c-measure-detail-widget {
  margin-bottom: 2px;
}
.c-task-edit__wrapper .c-measure-detail-widget__spacing {
  padding: 20px;
}

.c-task-edit__row {
  clear: both;
  padding: 0 20px 0 22px;
}
.c-task-edit__row__progress {
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}
.c-task-edit__row .c-notebook__risk {
  text-align: center;
  color: rgb(105, 105, 105);
}
.c-task-edit__row .c-notebook__risk-rm03-title {
  left: initial;
}
.c-task-edit__row .c-notebook__risk-field-list-title {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  color: #244262;
  width: 95px;
  margin-top: 4px;
  margin-right: 5px;
  margin-bottom: 0;
  font-weight: normal;
  color: rgb(105, 105, 105);
}
.c-task-edit__row .c-notebook__risk-field-list-value {
  text-align: left;
  overflow-x: visible;
  width: calc(100% - 104px);
  color: rgb(105, 105, 105);
  display: inline-block;
}
.c-task-edit__row .c-notebook__risk-field-list-value > select {
  width: 100%;
}

.c-task-edit__tall-row {
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  clear: both;
}
.c-task-edit__tall-row .c-task-edit__label {
  margin-top: 0;
}

.c-task-edit__label {
  margin-right: 10px;
  text-align: right;
  line-height: 18px;
  color: #767676;
  position: relative;
}

.c-task-edit__from-subtasks {
  display: block;
  font-size: 80%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
@media screen and (max-width: 414px) {
  .c-task-edit__from-subtasks {
    -webkit-box-flex: 0%;
        -ms-flex: 0%;
            flex: 0%;
    font-size: inherit;
    margin-left: 4px;
  }
}

.c-task-edit__baseline {
  display: block;
  font-size: 80%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.c-task-edit__baseline-matching {
  display: block;
  font-size: 80%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.c-task-edit__row js-task-prop {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.c-task-edit__row-2-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-task-edit__row-2-cols > div {
  width: 50%;
}

.c-task-edit__simple-item {
  padding-right: 20px;
  padding-top: 20px;
  width: 148px;
}
.c-task-edit__simple-item input[type=text],
.c-task-edit__simple-item input[type=number],
.c-task-edit__simple-item input[type=checkbox],
.c-task-edit__simple-item input[type=email],
.c-task-edit__simple-item input[type=search],
.c-task-edit__simple-item input[type=password],
.c-task-edit__simple-item textarea {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-task-edit__simple-item input[type=text]:hover,
.c-task-edit__simple-item input[type=number]:hover,
.c-task-edit__simple-item input[type=checkbox]:hover,
.c-task-edit__simple-item input[type=email]:hover,
.c-task-edit__simple-item input[type=search]:hover,
.c-task-edit__simple-item input[type=password]:hover,
.c-task-edit__simple-item textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__simple-item input[type=text]:focus-visible,
.c-task-edit__simple-item input[type=number]:focus-visible,
.c-task-edit__simple-item input[type=checkbox]:focus-visible,
.c-task-edit__simple-item input[type=email]:focus-visible,
.c-task-edit__simple-item input[type=search]:focus-visible,
.c-task-edit__simple-item input[type=password]:focus-visible,
.c-task-edit__simple-item textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__simple-item select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-task-edit__simple-item select {
    padding: 5px;
  }
}
.c-task-edit__simple-item select:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__simple-item select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__simple-item select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-task-edit__simple-item select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}
.c-task-edit__simple-item select[multiple] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px;
  background: white;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
}
.c-task-edit__simple-item select[multiple] option {
  overflow: hidden;
}
.c-task-edit__simple-item select[multiple]::-ms-expand {
  opacity: 0;
}
.c-task-edit__simple-item select[multiple]:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__simple-item select[multiple]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__simple-item input[type=radio] {
  width: 17px;
  height: 17px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  margin-left: 0;
  -webkit-appearance: none;
  vertical-align: middle;
  margin-top: 1px;
  margin-bottom: 3px;
  margin-left: 0;
}
.c-task-edit__simple-item input[type=radio]:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__simple-item input[type=radio]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__simple-item input[type=radio]:checked {
  background: url(../images/Icons/circle.svg) center center no-repeat;
  background-size: 7px 7px;
}
.c-task-edit__simple-item input[type=radio]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-task-edit__simple-item input[type=radio] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-task-edit__simple-item input[type=radio]:hover, .c-task-edit__simple-item input[type=radio]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-task-edit__simple-item input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  vertical-align: middle;
  margin-top: 1px;
  margin-bottom: 3px;
  margin-left: 0;
}
.c-task-edit__simple-item input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__simple-item input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__simple-item input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-task-edit__simple-item input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-task-edit__simple-item input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-task-edit__simple-item input[type=checkbox]:hover, .c-task-edit__simple-item input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}
.c-task-edit__simple-item button, .c-task-edit__simple-item .c-notebook-notifications__row-secondary-button,
.c-task-edit__simple-item input[type=button] {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background: rgb(43, 118, 205);
  outline: none;
  border: 1px solid #2b76cd;
  border-radius: 3px;
  padding: 5px 10px;
  min-width: 29px;
  -webkit-appearance: none;
  cursor: pointer;
  max-height: 27px;
}
.c-task-edit__simple-item button:hover, .c-task-edit__simple-item .c-notebook-notifications__row-secondary-button:hover,
.c-task-edit__simple-item input[type=button]:hover {
  color: #FFFFFF;
  background: #F06C01;
  border: 1px solid #F06C01;
}
.c-task-edit__simple-item button:focus-visible, .c-task-edit__simple-item .c-notebook-notifications__row-secondary-button:focus-visible,
.c-task-edit__simple-item input[type=button]:focus-visible {
  color: #FFFFFF;
  background: #286EBF;
  outline: 1px solid white;
  outline-offset: -2px;
  border-color: transparent;
}
.c-task-edit__simple-item [data-task-setting=Owner] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-task-edit__simple-item .c-employee-selector-avatar {
  margin-right: 5px;
}
.c-task-edit__simple-item--wrap .c-task-edit__input-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-task-edit__simple-item .c-task-edit__input-wrapper {
  overflow-x: hidden;
  color: rgb(37, 47, 78);
}
.c-task-edit__simple-item .c-task-edit__input-wrapper > select, .c-task-edit__simple-item .c-task-edit__input-wrapper > [type=text], .c-task-edit__simple-item .c-task-edit__input-wrapper > [type=number] {
  width: 128px;
}
.c-task-edit__simple-item .c-task-edit__input-wrapper > textarea {
  width: 100%;
  min-height: 82px;
}
.c-task-edit__simple-item .c-task-edit__input-fit-wrapper {
  overflow-x: hidden;
  color: rgb(37, 47, 78);
}
.c-task-edit__simple-item .c-task-edit__input-fit-wrapper > input, .c-task-edit__simple-item .c-task-edit__input-fit-wrapper > select {
  width: 128px;
}
.c-task-edit__simple-item .c-task-edit__value-wrapper {
  font-size: 15px;
  line-height: normal;
  color: #244262;
  margin: 0;
  padding: 0;
}
.c-task-edit__simple-item .c-task-edit__value-wrapper.c-task-edit__description {
  font-size: 12px;
}
.c-task-edit__simple-item .c-task-edit__input-fit-wrapper, .c-task-edit__simple-item .c-task-edit__input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  line-height: normal;
  margin: 0;
}
.c-task-edit__simple-item .c-task-edit__overdue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-task-edit__simple-item .c-task-edit__overdue img {
  height: 12px;
  margin-left: 5px;
}
.c-task-edit__simple-item img.c-task-edit__avatar {
  vertical-align: middle;
  border: none;
  border-radius: 50%;
  overflow: hidden;
}
.c-task-edit__simple-item img.c-task-edit__avatar--owner {
  width: 18px;
  height: 18px;
  margin-top: -1px;
  margin-right: 3px;
}
.c-task-edit__simple-item img.c-task-edit__avatar--created-by {
  width: 52px;
  height: 52px;
}
.c-task-edit__simple-item .c-task-edit__depends-list {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 15px;
  line-height: normal;
  color: #244262;
  margin: 0;
  padding: 0;
}
.c-task-edit__simple-item .c-task-edit__depends-list--edit {
  font-size: 12px;
}
.c-task-edit__simple-item__label {
  font-size: 10px;
  line-height: 12px;
  color: #767676;
  padding-bottom: 6px;
  width: 100%;
}
.c-task-edit__simple-item .c-task-edit__simple-item__icon {
  margin-bottom: 10px;
}
.c-task-edit__simple-item .c-task-edit__simple-item__icon img {
  height: 42px;
  width: auto;
}
.c-task-edit__simple-item .is-hidden {
  display: none;
}
@media screen and (max-width: 414px) {
  .c-task-edit__simple-item {
    width: 100%;
  }
  .c-task-edit__simple-item .c-task-edit__input-fit-wrapper select {
    width: 100%;
  }
  .c-task-edit__simple-item .c-task-edit__input-fit-wrapper input:not([type=button]) {
    width: 100%;
  }
  .c-task-edit__simple-item .c-task-edit__input-wrapper select,
  .c-task-edit__simple-item .c-task-edit__input-wrapper [type=text],
  .c-task-edit__simple-item .c-task-edit__input-wrapper input[type=number] {
    width: 100%;
  }
  .c-task-edit__simple-item .c-task-edit__input-wrapper .select2-container {
    width: 100% !important;
  }
}
.c-task-edit__simple-item--auto-size {
  width: 100%;
}
.c-task-edit__simple-item--auto-size input, .c-task-edit__simple-item--auto-size textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.c-task-edit__value-wrapper {
  overflow: hidden;
  color: rgb(37, 47, 78);
  margin-top: 4px;
}

.c-task-edit__fit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
  color: rgb(37, 47, 78);
}
.c-task-edit__fit-wrapper > input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.c-task-edit__fit-wrapper > input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-task-edit__fit-wrapper > input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-task-edit__fit-wrapper > input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-task-edit__fit-wrapper > input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-task-edit__fit-wrapper > input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-task-edit__fit-wrapper > input[type=checkbox]:hover, .c-task-edit__fit-wrapper > input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

/* Task Associations */
.c-task-edit__associations {
  table-layout: fixed;
  border-collapse: collapse;
  color: rgb(37, 47, 78);
  width: 100%;
}

.c-task-edit__associations--contents-table {
  border-top: 0px;
}

.c-task-edit__association_header {
  background-color: rgb(255, 255, 255);
  background-image: url("../images/TableBgGradient.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  width: 50%;
  color: #6b6f79;
  border: #c0c0c5 solid 1px;
  min-height: 20px;
}

.c-task-edit__association_cell {
  width: 50%;
  height: 75px;
  color: rgb(37, 47, 78);
  border-top: #c0c0c5 solid 1px;
  padding: 2px;
}

.c-task-edit__association_cell:first-child {
  padding-left: 30px;
}

.c-task-edit__association_cell:first-child {
  padding-right: 30px;
}

.c-task-edit__associations > tbody > tr:first-child > .c-task-edit__association_cell {
  border-top: none;
}

.c-task-edit__association_cell--parent-task {
  background-image: url("../images/Icons/InPhaseEntities/Task.svg");
  background-position: 3px center;
  background-repeat: no-repeat;
  padding-left: 22px;
}

.c-task-edit__association_cell--indented {
  padding-left: 22px;
}

.c-task-edit__association-icon,
.c-task-edit__association-name {
  vertical-align: middle;
}

.c-task-edit__association-icon {
  margin-right: 10px;
}

.c-task-edit__association_scroll {
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}

.c-task-edit__association_buttons {
  display: inline-block;
  float: right;
}

.c-task-edit__depends-list {
  line-height: 18px;
  margin-right: 5px;
}

.c-task-edit__delete-icon {
  float: right;
}

.c-task-edit__section-wrapper {
  padding: 5px 25px 25px 25px;
}

.c-task-edit__section-wrapper--attachments {
  padding-top: 25px;
}

.c-task-edit__section-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: -22px;
}

.c-task-edit__section-row:first-child {
  padding-top: 0px;
}

.c-task-edit__escalation {
  margin-bottom: 20px;
}

.c-task-edit__escalation .c-task-edit__label {
  color: #F06C01;
  font-weight: normal;
  margin-bottom: 7px;
}

.c-task-edit__escalation div button, .c-task-edit__escalation div .c-notebook-notifications__row-secondary-button {
  border-radius: 4px;
}

.c-task-edit__action-take-ownership {
  color: #fff;
  background: #59b064 url(../images/Icons/Actions/take-ownership-white.svg) 5px center no-repeat;
  padding: 6px 10px 7px 26px;
}

.c-task-edit__action-deescalate {
  background: transparent url(../images/Icons/Actions/de-escalate.svg) 0px center no-repeat;
  background-color: transparent;
  padding: 6px 10px 7px 21px;
}

.side-panel__create-sub:hover {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .c-task-edit__escalation {
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .c-task-edit__escalation div button, .c-task-edit__escalation div .c-notebook-notifications__row-secondary-button {
    margin: 5px 0;
  }
  .c-task-edit__escalation div .c-task-edit__action-add-field--dis-block {
    float: none;
    margin-left: auto;
    display: block;
  }
}
@media screen and (max-width: 765px) {
  .c-task-edit__escalation div button, .c-task-edit__escalation div .c-notebook-notifications__row-secondary-button {
    margin: 5px;
    font-size: 15px;
  }
  .c-task-edit__escalation div .o-button-img--title-svg {
    margin: 5px 0;
  }
  .c-task-edit__escalation div .o-button-img--title-svg svg:nth-of-type(1) {
    margin-right: 0;
  }
}
@media screen and (max-width: 348px) {
  .c-task-edit__escalation div button, .c-task-edit__escalation div .c-notebook-notifications__row-secondary-button {
    margin: 5px 0px;
  }
}
/* Configurable side panel introduced in V17.6 */
.c-task-edit__button-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-task-edit__button-list-add {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DFDFDF;
}
.c-task-edit__button-list-add svg:nth-of-type(1) {
  margin-right: 4px;
}

.c-task-edit__button-list-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: 0;
  width: calc(100% - 105px);
}

.c-task-edit__action-add-field {
  min-height: 18px;
  margin: 0;
  background: transparent;
  float: right;
  margin-top: -1px;
  cursor: pointer;
  padding-left: 4px;
}
.c-task-edit__action-add-field:focus-visible {
  outline: 1px solid #2b76cd;
  border-radius: 3px;
}

.c-simple-progress__options {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.c-task-edit__type .c-simple-progress__label {
  margin-right: 0;
}

.c-task-edit__type .c-simple-progress__label-crisis-action,
.c-task-edit__type .c-simple-progress__label-issue,
.c-task-edit__type .c-simple-progress__label-action {
  background: none;
  padding: 6px 15px;
  border-bottom: none;
}

.c-task-edit__type .c-simple-progress__input + .c-simple-progress__label:hover {
  background-color: transparent;
}

.c-task-edit__type .c-simple-progress__input:checked + .c-simple-progress__label {
  background-color: transparent;
  background-color: #2b76cd !important;
  border-radius: 30px;
  color: white;
  padding: 6px 15px;
  border-bottom: none;
}

.c-task-edit__row.c-task-edit__types {
  margin-left: 0;
  margin-right: 0;
}

.c-task-edit__row-progress {
  margin-bottom: 10px;
}

.c-priority__btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.c-priority__btn-row .c-priority__btn:nth-of-type(1) {
  border-radius: 4px 0 0 4px;
}
.c-priority__btn-row .c-priority__btn:last-child {
  border-radius: 0 4px 4px 0;
}

/*display: flex;
flex-direction: row;
justify-content: space-between;*/
.c-priority__btn {
  text-align: center;
  color: white;
  overflow: hidden;
  min-width: 47px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  padding: 3px 3px 4px 3px;
  border-color: transparent;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

input[type=radio].c-priority__btn-radio:not(:checked) + .c-priority__btn {
  background-color: #B3C1CA !important;
}

input[type=radio].c-priority__btn-radio {
  position: absolute;
  opacity: 0;
}

.c-priority__btn-radio:focus-visible + label {
  outline: 1px solid #fff;
  outline-offset: -2px;
}

.c-priority__btn:focus {
  outline: none;
}

.c-task-edit__isolation-wrapper {
  overflow-y: hidden;
  height: 100%;
}

.c-task-edit__wrapper {
  width: calc(100% - 34px);
  height: 100%; /*calc(100% - 20px);*/
  overflow: auto;
  padding: 20px 30px 5px 22px;
  background-color: transparent;
  margin: 0 17px;
  border-radius: 4px;
}
@media screen and (max-width: 900px) {
  .c-task-edit__wrapper {
    width: calc(100% - 16px);
    padding: 20px 20px 5px 0px;
  }
}
.c-task-edit__wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}
.c-task-edit__wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.c-task-edit__wrapper-constrained {
  max-width: 1020px;
  overflow: auto;
}

.c-task-performance-edit__wrapper {
  width: 100%;
  padding-bottom: 5px;
  overflow-y: auto;
}

.c-task-edit-performance__print-heading {
  display: none;
  background-color: transparent;
  color: #244262;
  width: 85px;
  text-align: center;
  padding: 2px 2px 14px 2px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

.c-task-performance-edit__table {
  table-layout: fixed;
  /*border: #c0c0c5 solid 1px;*/
  border-collapse: collapse;
  color: #6b6f79;
}
.c-measure-detail__wrapper--task .c-measure-detail__side-by-side-discussion {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}

.c-measure-detail__wrapper--task .c-measure-detail__sub-header {
  margin-top: 0;
  padding: 3px 0 18px 0;
}

.c-measure-detail__wrapper--task .c-measure-detail__side-by-side .c-comments__wrapper {
  border: none;
}

.c-measure-detail__wrapper--task .c-measure-detail__side-by-side-discussion {
  min-height: 0;
}

.c-task-performance-edit__header > div {
  /*background-color: rgb(255,255,255);
  background-image: url("../images/TableBgGradient.png");
  background-position: left bottom;
  background-repeat: repeat-x;*/
  /*color: #6b6f79;*/
  /*border: #c0c0c5 solid 1px;*/
  background-color: transparent;
  color: #244262;
  /*min-height: 20px;*/
  width: 85px;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  font-size: 12px;
}

.c-task-performance-edit__cell {
  color: #6b6f79;
  /*border: #c0c0c5 solid 1px;*/
  padding: 12px 2px 2px 2px;
  text-align: center;
}
.c-task-performance-edit__cell select {
  width: auto;
}

.c-task-performance-edit__indicator {
  min-height: 22px;
  vertical-align: middle;
  cursor: pointer;
  padding: 2px;
  background: transparent;
  border: none;
}

.c-task-performance .c-measure-detail-widget {
  padding-top: 17px;
}

.c-task-edit__input-wrapper select,
.js-task-edit-performance-select > select {
  -webkit-appearance: none;
  font-family: "Inter UI", Arial, Helvetica, sans-serif;
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  height: auto;
}
.c-task-edit__input-wrapper select:focus-visible,
.js-task-edit-performance-select > select:focus-visible {
  border: 1px solid #2b76cd;
  outline: none;
}

.c-task-select__container {
  padding: 0px 10px 5px 10px;
}

.c-task-select__task-select {
  width: 100%;
}

.c-task-select__content-list > li {
  padding: 8px 0;
}

.c-task-select__title {
  border-bottom: 1px solid black;
}

.c-task__completion-input {
  position: absolute;
  top: 0;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  opacity: 0;
}
.c-task__completion-input:focus-visible + label {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 20px;
}
.c-task__completion-input + label {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background: transparent url("../images/Icons/circle-unticked.svg") no-repeat;
  background-size: 100% 100%;
  margin-right: 9px;
  margin-left: 7px;
  cursor: pointer;
}
.c-task__completion-input:checked + label {
  background: transparent url("../images/Icons/circle-ticked.svg") no-repeat;
  background-size: 18px 18px;
}
.c-task__completion-input:not([disabled]) + label:hover, .c-task__completion-input:checked:not([disabled]) + label:hover {
  background: transparent url("../images/Icons/circle-hover-tick.svg") no-repeat;
  background-size: 18px 18px;
}

.c-task__completion-input--submitting + label {
  background: transparent url("../images/Icons/circle-unticked-saving.svg") no-repeat !important;
  background-size: 18px 18px !important;
}
.c-task__completion-input--submitting:checked + label {
  background: transparent url("../images/Icons/circle-ticked-saving.svg") no-repeat !important;
  background-size: 18px 18px !important;
}

.c-app-crisis-wrapper .c-task__completion-input + label { /* Additional left margin added to My page list view tick to complete buttons, but needs to be reset for Crisis page or buttons will be clipped */
  margin-left: 0;
}

.c-cell__data-bar {
  min-height: 10px;
}

.c-cell__data-bar-container {
  width: 100%;
  min-height: 10px;
  clear: both;
}

/* File Created: June 7, 2012 */
.c-cube__viewer-container {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.cubeTable {
  cursor: default;
  padding: 0;
  margin: 0;
}

.cubeTable td {
  background-repeat: repeat-x;
  background-position: left bottom;
  cursor: pointer;
}

td.cubeContents {
  padding: 0;
}

table.cubeColHeaders {
  /*margin-bottom:0.5px;*/
}

.nestedExternalTableContainer {
  z-index: 1; /* Required by iPad to allow nested tables to expand over contents area*/
}

td.cubeRowHeaders {
  overflow: hidden;
}

.valueContentsWrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div.rowHeaderContents, div.colHeaderContents, div.colRowHeaderContents, div.valueContents {
  overflow-y: hidden;
  overflow-x: hidden;
}

.colHeaderContents {
  text-align: center;
}

div.valueContents {
  height: 100%;
  background-color: transparent;
  padding: 2px;
}
div.valueContents ul {
  margin-left: 20px;
}
div.valueContents > a {
  color: #0066CC !important;
}

div.colHierarchyContents {
  background-color: White;
}

table.colHierarchy {
  display: block;
}

.valueContents p {
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* File Created: Dec 13, 2012 */
/*  td.selectedCell, */
/*td.selectedCell, td.selectedCell div.valueContents {
    background-color: #B7DBFF;
}*/
td.selectedCell {
  outline: 1px solid #f8b14b;
  outline-offset: -1px;
}

/*  td.selectedCell div.valueContents
     {
background-color:#B7DBFF;
border: 1px dotted red;
     }*/
td.cubeContents {
  border-top-width: 0;
  border-top-style: none;
  border-left-width: 0;
  border-left-style: none;
  border-bottom-color: #9fb2c7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #9fb2c7;
  border-right-style: solid;
  border-right-width: 1px;
  color: #002060;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  vertical-align: top;
}

td.cubeRowHeaders {
  padding: 0;
  margin: 0;
  border: none 0 black;
}

td.rowHeaderContents {
  border-top-width: 0;
  border-top-style: none;
  border-left-width: 0;
  border-left-style: none;
  border-bottom-color: #9fb2c7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #9fb2c7;
  border-right-style: solid;
  border-right-width: 1px;
  color: #002060;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  padding: 0;
  vertical-align: top;
}

td.cubeColHeaderContents {
  border-top-width: 0;
  border-top-style: none;
  border-left-width: 0;
  border-left-style: none;
  border-bottom-color: #9fb2c7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #9fb2c7;
  border-right-style: solid;
  border-right-width: 1px;
  color: #002060;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  vertical-align: top;
  vertical-align: middle;
}

.c-cube__cell--too-thin {
  padding: 0 !important;
  border: 0 !important;
}

.c-cube__cell--too-short {
  padding: 0 !important;
  border: 0 !important;
}

.c-cube__cell--hidden > div.valueContentsWrapper {
  display: none;
}

.c-cube__cell--hidden > div.valueContents {
  display: none;
}

th.c-cube__col-sizer-cell,
td.c-cube__col-sizer-cell {
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

td.cubeContents div.cubeContents {
  padding-right: 2px;
  -webkit-overflow-scrolling: touch;
}

.IPChart_placeHolder {
  padding: 1px;
}

.cubeColMapping, .cubeColMappingTitle {
  display: none;
}

hr.cubeCommentsContentsLineHorizontal {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  border: none;
  background: #ddd;
}

.cubeCommentsContentsLineVertical {
  color: #ddd;
  margin-right: 5px;
  margin-left: 5px;
}

div.valueContentsWrapper .valueContents img {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

div.valueContentsWrapper .valueContentsLeft img {
  display: inline-block;
  margin-left: 0 !important;
  margin-right: auto;
  vertical-align: middle;
}

div.valueContentsWrapper .valueContentsRight img {
  display: inline-block;
  margin-left: auto;
  margin-right: 0 !important;
  vertical-align: middle;
}

.valueContents-table {
  display: table;
  table-layout: fixed;
}

.valueContentsMiddle-cell {
  display: table-cell;
  vertical-align: middle;
}

.valueContentsBottom-cell {
  display: table-cell;
  vertical-align: bottom;
}

.autoSizing div.valueContentsWrapper {
  height: auto !important;
  overflow: visible;
}

.autoSizing div.c-gantt-cell {
  height: auto !important;
  overflow: visible;
}

.autoSizingWidths .colHeaderContents {
  white-space: nowrap !important;
}

.rowHeaderContents > table {
  width: 100%;
}

td.rowHeader--selected {
  background-image: url("../images/Backgrounds/formatting.gif") !important;
  background-repeat: no-repeat !important;
  background-position: top right;
}

.c-gantt-cell {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  pointer-events: none;
  position: relative;
  /*@if not($print){
      &--today::before{
          content: ' ';
          background-color: $blue-light;
          height: 100%;
          width:100%;
          position:absolute;
          top:0;
          left:0;
      }
  }*/
}
.c-gantt-cell--complete {
  background-image: url(../images/taskganttCompleted.gif) !important;
}

.c-gantt-cell-historic__line {
  position: absolute;
  top: 50%;
  margin-top: 3px;
  height: 12px;
  font-size: 0;
  background-color: rgb(240, 108, 1);
  max-height: 100%;
  border: 2px solid;
  border-right: none;
  border-left: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: all;
}
.c-gantt-cell-historic__line--start {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: solid 2px;
}
.c-gantt-cell-historic__line--end {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-right: solid 2px;
}
.c-gantt-cell-historic__line--state-Historic {
  border-color: rgb(240, 108, 1);
  color: rgb(240, 108, 1);
  background-color: rgb(240, 108, 1);
}

.c-gantt-cell__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  opacity: 0.5;
  pointer-events: none;
}

.c-gantt-cell-baseline__line {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  height: 14px;
  font-size: 0;
  background-color: rgb(30, 30, 30);
  max-height: 100%;
  border: 2px solid;
  border-right: none;
  border-left: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: all;
}
.c-gantt-cell-baseline__line--start {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-left: solid 2px;
}
.c-gantt-cell-baseline__line--end {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: solid 2px;
}
.c-gantt-cell-baseline__line--state-Baseline {
  border-color: rgb(30, 30, 30);
  color: rgb(30, 30, 30);
  background-color: rgb(30, 30, 30);
}

.c-gantt-cell__today {
  background-color: rgb(216, 240, 255);
  height: 100%;
  position: absolute;
  top: 0;
  min-width: 4px;
}

.c-gantt-cell__line {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  font-size: 0;
  background-color: rgb(190, 200, 207);
  max-height: 100%;
  border: 2px solid;
  border-right: none;
  border-left: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: all;
}
.c-gantt-cell__line--start {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-left: solid 2px;
}
.c-gantt-cell__line--start-parent {
  border-left: solid 2px;
}
.c-gantt-cell__line .c-gantt-cell__line-parent-start {
  position: absolute;
  bottom: -9px;
  width: 0;
  height: 0;
  left: -2px;
  border-right: 10px solid transparent;
}
.c-gantt-cell__line--end {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-right: solid 2px;
}
.c-gantt-cell__line--end-parent {
  border-right: solid 2px;
}
.c-gantt-cell__line .c-gantt-cell__line-parent-end {
  position: absolute;
  bottom: -9px;
  right: -2px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
}
.c-gantt-cell__line--state-NotStarted {
  border-color: rgb(190, 200, 207);
  color: rgb(190, 200, 207);
  background-color: rgb(190, 200, 207);
}
.c-gantt-cell__line--state-InProgress {
  border-color: rgb(121, 191, 242);
  color: rgb(121, 191, 242);
  background-color: rgb(234, 247, 255);
}
.c-gantt-cell__line--state-Complete {
  background-color: rgb(123, 201, 115);
  border-color: rgb(123, 201, 115);
  color: rgb(123, 201, 115);
}
.c-gantt-cell__line--state-Other {
  border-color: rgb(176, 171, 216);
  color: rgb(176, 171, 216);
  background-color: rgb(194, 192, 214);
}
.c-gantt-cell__line--state-overrun {
  background-color: rgb(242, 86, 86);
  border-color: rgb(242, 86, 86);
  color: rgb(242, 86, 86);
  height: 2px;
  margin-top: -1px;
}
.c-gantt-cell__line--state-Historic {
  border-color: rgb(190, 200, 207);
  color: rgb(190, 200, 207);
  background-color: rgb(190, 200, 207);
}

.c-gantt-cell--last {
  overflow-x: hidden;
}

.c-gantt-cell__line-parent--level0 {
  height: 15px;
  margin-top: -13px;
}

.c-gantt-cell__line-parent-start--level0 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent-end--level0 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent--level1 {
  height: 15px;
  margin-top: -13px;
}

.c-gantt-cell__line-parent-start--level1 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent-end--level1 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent--level2 {
  height: 12px;
  margin-top: -6px;
}

.c-gantt-cell__line-parent-start--level2 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent-end--level2 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent--level3 {
  height: 10px;
  margin-top: -5px;
}

.c-gantt-cell__line-parent-start--level3 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-parent-end--level3 {
  border-top: 9px solid currentColor;
}

.c-gantt-cell__line-child--level-0-1 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(200, 200, 200);
}

.c-gantt-cell__line-child--first-level-0-1 {
  border-left: 2px dashed rgb(200, 200, 200);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-0-2 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(210, 210, 210);
}

.c-gantt-cell__line-child--first-level-0-2 {
  border-left: 2px dashed rgb(210, 210, 210);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-1-1 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(190, 190, 190);
}

.c-gantt-cell__line-child--first-level-1-1 {
  border-left: 2px dashed rgb(190, 190, 190);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-1-2 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(180, 180, 180);
}

.c-gantt-cell__line-child--first-level-1-2 {
  border-left: 2px dashed rgb(180, 180, 180);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-2-1 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(170, 170, 170);
}

.c-gantt-cell__line-child--first-level-2-1 {
  border-left: 2px dashed rgb(170, 170, 170);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-2-2 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(160, 160, 160);
}

.c-gantt-cell__line-child--first-level-2-2 {
  border-left: 2px dashed rgb(160, 160, 160);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-3-1 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(150, 150, 150);
}

.c-gantt-cell__line-child--first-level-3-1 {
  border-left: 2px dashed rgb(150, 150, 150);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

.c-gantt-cell__line-child--level-3-2 {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  border-left: 2px dashed rgb(140, 140, 140);
}

.c-gantt-cell__line-child--first-level-3-2 {
  border-left: 2px dashed rgb(140, 140, 140);
  top: 50%;
  top: calc(50% - 5px);
  height: 50%;
  height: calc(50% + 5px);
  width: 0;
  position: absolute;
}

/*.c-gantt-cell__event-icon {
    position: absolute;
    top: 0;
    width: 22px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: left;



    @if $browser-Quirks {
        margin-left: -10px;
    }

    @if not( $browser-Quirks) {
        //Padding in image
        background-size: 28px;
        background-position-x: -3px;
    }
}*/
.c-gantt-cell__event-icon-task {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: left;
}

/*.c-gantt-cell__event-icon--right {
    background-position-x: right;
    margin-right: -10px;
}*/
.c-gantt-cell__icons-wrapper {
  /* Needed for Quirks */
  padding: 0 10px 0 10px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-gantt-cell__start, .c-gantt-cell__end, .c-gantt-cell__due {
  display: none;
}

.c-gantt-cell__icons {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0px;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  /*@if $browser-Quirks {
      width: 100%;
  }

  @if not $browser-Quirks {
      right: 20px;
  }*/
}

.c-gantt-cell__icon-due {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/due.svg");
}

.c-gantt-cell__icon-due-end-est {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/dueEndEstimated.svg");
}

.c-gantt-cell__icon-due-end-late {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/dueEndLate.svg");
}

.c-gantt-cell__icon-due-late {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/dueLate.svg");
}

.c-gantt-cell__icon-due-completed {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/dueCompleted.svg");
}

.c-gantt-cell__icon-due-completed-late {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/dueCompletedLate.svg");
}

.c-gantt-cell__icon-end-completed {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -18px;
  background-image: url("../images/Gantt/endComplete.svg");
}

/*.c-gantt-cell__icon-end {
    @include gantt-icon();
    background-image: url('../images/Gantt/end.svg');
}

.c-gantt-cell__icon-end-late {
    @include gantt-icon();
    background-image: url('../images/Gantt/endLate.svg');
}


.c-gantt-cell__icon-end-completed-late {
    @include gantt-icon();
    background-image: url('../images/Gantt/endCompleteLate.svg');
}*/
.c-gantt-cell__line--overdue {
  border-top: rgb(242, 86, 86) solid 2px;
}

.c-gantt-cell__end-before-start {
  position: absolute;
  left: 5px;
  width: 0;
  font-size: 0;
}

.c-gantt-cell__start-after-end {
  position: absolute;
  right: 5px;
  width: 0;
  font-size: 0;
}

.c-gantt-connector {
  font-size: 0px;
  position: absolute;
  width: 0px;
}

.c-gantt-connector__vertical {
  width: 1px;
  font-size: 0;
  border-left: 2px solid rgb(36, 157, 237);
  position: absolute;
}

.c-gantt-connector__horizontal {
  height: 1px;
  font-size: 0;
  border-top: 2px solid rgb(36, 157, 237);
  position: absolute;
  left: 0px;
}

.c-gantt-connector__right {
  border-top: 2px solid rgb(36, 157, 237);
  border-right: 2px solid rgb(36, 157, 237);
  border-bottom: 2px solid rgb(36, 157, 237);
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  font-size: 0;
  position: absolute;
  width: 12px;
}

.c-gantt-connector__left {
  border-top: 2px solid rgb(36, 157, 237);
  border-left: 2px solid rgb(36, 157, 237);
  border-bottom: 2px solid rgb(36, 157, 237);
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  font-size: 0;
  position: absolute;
  width: 12px;
}

.c-gantt-connector:hover {
  z-index: 1000;
  cursor: pointer;
}
.c-gantt-connector:hover > .c-gantt-connector__right {
  border-top-color: rgb(248, 174, 48);
  border-right-color: rgb(248, 174, 48);
  border-bottom-color: rgb(248, 174, 48);
}
.c-gantt-connector:hover > .c-gantt-connector__left {
  border-top-color: rgb(248, 174, 48);
  border-left-color: rgb(248, 174, 48);
  border-bottom-color: rgb(248, 174, 48);
}
.c-gantt-connector:hover > .c-gantt-connector__vertical {
  border-left-color: rgb(248, 174, 48);
}
.c-gantt-connector:hover > .c-gantt-connector__horizontal {
  border-top-color: rgb(248, 174, 48);
}

/****************************************************
 *--------------------------------------------------*
 *            GIS/MAPPING STYLES                    *
 *--------------------------------------------------*
 ****************************************************/
/** GIS - Map Tooltip
================================================*/
.maptooltip table {
  border-collapse: collapse;
  width: 100%;
}

.maptooltip th,
.maptooltip td {
  padding: 2px 5px;
  border-bottom: 1px solid #eaebef;
  font-size: 11px;
}

.maptooltip td {
  color: #616b7e;
}

.maptooltip th {
  font-weight: normal;
  color: #6b6f79;
  text-align: left;
  background: #F5F8F9;
}

.maptooltip .headerRow th,
.maptooltip .headerRow td {
  font-weight: bold;
  background: #A6BFD8;
  color: #fff;
  border-bottom: 1px solid #83a6c8;
}

.maptooltip .lastRow th,
.maptooltip .lastRow td {
  border-bottom: none;
}

/** GIS - Map Elements
================================================*/
li.GISOrderedLayer {
  margin-top: 3px;
  margin-bottom: 3px;
}

.GISOrderedLayer span {
  font-size: 11px;
  color: #616b7e;
}

/** GIS - OpenLayers overrides
================================================*/
div.olControlZoom {
  background-color: transparent !important;
}

div.olControlZoom a {
  width: 38px !important;
  height: 38px !important;
  color: transparent !important;
  background-color: transparent !important;
  /* Fix issue where opacity filter was breaking in IE 8 and below */
  opacity: 0.8 !important;
  -webkit-filter: !important;
          filter: !important;
  /* Fix issue where text was showing in IE8 and below: Hide the text - Scott Kellum Method */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

a.olControlZoomIn {
  background-image: url(../images/GIS/Zoom-In.png) !important;
}

a.olControlZoomOut {
  background-image: url(../images/GIS/Zoom-Out.png) !important;
}

/** GIS - Date Slider
================================================*/
div.gis-timeslider {
  background-image: url(../images/GIS/Slicer-Bg.png);
  width: 239px;
  height: 68px;
  position: absolute;
  left: 80px;
  top: 10px;
  z-index: 2500;
  padding: 6px;
  color: #898c92;
}

.gis-timeslider #timeslider-current {
  /*margin: 0 96px 7px 29px;*/
  margin: 0 0 7px 0;
  text-align: center;
}

.gis-timeslider-slider {
  float: left;
  padding: 4px 0;
  width: 97px;
  margin: 4px 5px 0 5px;
}

.gis-timeslider-button {
  display: block;
  float: left;
  margin-right: 5px;
  width: 24px;
  height: 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  /* Hide the text - Scott Kellum Method */
  /* LW - Bug 1770 - Temporarily reverted this technique as it was causing layout issues in IE6 (normally works but there was a problem in this specific instance) */
  /*text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;*/
  zoom: 1; /* IE Hack to force layout - the cursor was only changing at the bottom of the div... */
}

.gis-timeslider-button-hover,
.gis-timeslider-button:hover {
  background-position: 0 -25px;
}

#timeslider-previous {
  background-image: url("../images/Icons/Toolbar/Buttons/Previous.png");
}

#timeslider-next {
  background-image: url("../images/Icons/Toolbar/Buttons/Next.png");
}

#timeslider-play {
  background-image: url("../images/Icons/Toolbar/Buttons/ControlPlay.png");
}

#timeslider-stop {
  background-image: url("../images/Icons/Toolbar/Buttons/ControlStop.png");
}

#timeslider-removeFilter {
  background-image: url("../images/Icons/Toolbar/Buttons/ControlOff.png");
}

.gis-timeslider-button-last {
  float: left;
}

/* --- jQuery UI style overrides --- */
.gis-timeslider .ui-slider,
.gis-timeslider .ui-slider-handle {
  border: 1px solid #acacac !important;
}

/** GIS - Data Legend
================================================*/
.gisLegend {
  position: absolute;
  right: 5px;
  bottom: 60px;
  z-index: 1900; /*Needs to be behind toolbar, which is currently 2000*/
  padding: 6px;
  background-color: white;
  border: solid #8ba0bc 1px;
  cursor: move;
}

.gisLegend .legendSpacer {
  height: 15px;
}

.gisLegend div.legendSpacer {
  width: 15px; /*prevents the div stretching the outer div in quirks*/
}

.gisLegend h3 {
  font-size: 11px;
  margin: 0 0 2px 0;
}

.gisLegend .rangeMaxText {
  /*floating this causes the legend to stretch to 100% of map?????
      Should be able to change it back when we go standards
  */
  position: absolute;
  right: 6px;
}

.gisLegend table {
  border-collapse: collapse;
}

.gisLegend th {
  text-align: left;
}

.gisLegend td {
  padding: 2px 0 0 0;
  text-align: right;
}

.gisLegend td.first {
  padding-top: 0;
}

.gisLegend_keyText {
  padding-bottom: 3px;
  zoom: 1;
}

.gisLegend_keyTextSymbol {
  padding-right: 2px;
  zoom: 1;
}

/** GIS - Map Toolbar
================================================*/
/* --- Toolbar Layout --- */
div.gis-controlPanelContainer {
  position: absolute;
  top: 10px;
  right: 3px;
  z-index: 2000;
  /*making overflow visible and reducing the size stops the div getting in the way of interacting
  /*with the widgets but the contents still display as they did before
  */
  /*height:30px;
  overflow:hidden;*/
  width: 0;
}

#drawingToolbar {
  position: absolute;
  top: 0;
  right: 121px;
}

div.gis-controlpanel {
  position: relative;
  right: 0px;
  height: 44px;
}

.gis-controlpanel-middle {
  display: block;
  margin: 0 13px; /* margin width = width of the left and right spans */
  height: 44px;
  background: url(../images/GIS/controlPanelBody.png) repeat-x top left;
}

.gis-controlpanel-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 44px;
  background: url(../images/GIS/controlPanelLeft.png) no-repeat top left;
}

.gis-controlpanel-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 44px;
  background: url(../images/GIS/controlPanelRight.png) no-repeat top left;
}

.gis-controlpanel-buttons {
  position: absolute;
  top: 3px;
  left: 3px;
}

/* --- Buttons --- */
div.gis-controlpanel-control {
  float: left;
}

.gis-controlpanel-button,
.gis-controlpanel-button-first,
.gis-controlpanel-button-last {
  width: 30px;
  height: 28px;
  margin: 0 2px;
  padding: 6px 0 0 7px;
  cursor: pointer;
}

.gis-controlpanel-button-first {
  margin-left: 0;
}

.gis-controlpanel-buttonImage {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.gis-controlpanel-button-hover {
  background: #feedaa;
}

div.gis-controlpanel-button-hover div.gis-controlpanel-buttonImage {
  background-position: 0 0;
  background: url(../images/icons/toolbar/ButtonState_On.png);
}

div.gis-controlpanel-button-active {
  background-position: 0 0;
  background: url(../images/icons/toolbar/ButtonState_On.png);
}

div.gis-controlpanel-button-disabled {
  cursor: default;
}

div.gis-controlpanel-button-disabled div.gis-controlpanel-buttonImage {
  background-position-y: -16px;
}

/* --- Button Separators  --- */
.gis-controlpanel-separator {
  height: 20px;
  width: 1px;
  background: url(../images/icons/toolbar/ButtonSeparator.png);
}

.gis-controlpanel-groupSeparator {
  height: 32px;
  width: 2px;
  background: url(../images/icons/toolbar/GroupSeparator.png);
}

/* --- Drop Down Button --- */
.gis-controlpanel-buttonDropDown {
  width: 50px;
}

.gis-controlpanel-buttonDropDown .gis-controlpanel-control {
  float: left;
  margin-right: 0;
}

.gis-controlpanel-buttonDropDown-menuButton {
  float: left;
}

.gis-controlpanel-buttonDropDown-menuButtonImage {
  float: left;
  width: 16px;
  height: 28px;
  background: url(../images/Icons/Toolbar/DropdownArrow.png) no-repeat 3px center;
  border-left: 1px solid transparent; /* show a transparent border to prevent a jump in size when the hover border is displayed */
}

/** GIS - Settings Dialog
================================================*/
/* --- Global Overrides --- */
.gis-map-settings-wrapper label {
  float: none;
  cursor: default;
}

.gis-map-settings-wrapper input {
  font-size: 11px;
}

.inPhaseTable td {
  color: #3b4b7c; /* As this is a functional table rather than a data table use the standard text colour */
}

/* --- Layout --- */
.gis-map-settings-wrapper,
.gis-map-settings-body,
.gis-map-tableWrapper {
  position: relative;
  zoom: 1; /* IE HACK to force layout for the table */
}

.gis-map-settings-wrapper {
  height: 100%;
}

.gis-map-settings-header {
  position: relative;
  height: 52px;
  border-top: #8ca3b1 1px solid;
  border-bottom: #8ca3b1 1px solid;
  background: #a5b5c6 url(../images/Backgrounds/dialogNavBarBg-50.png) repeat-x top left;
  margin-bottom: 10px;
}

.gis-map-settings-body {
  padding: 0 5px 5px 5px;
}

/* --- Introduction Help Text --- */
.infoMessageHidden .infoMessage {
  display: none;
}

/* Show the help icon in the table if the info message is closed */
.inPhaseTableHelp {
  display: none;
}

.infoMessageHidden .inPhaseTableHelp {
  display: block;
}

.infoMessage {
  position: relative;
  zoom: 1; /* IE Layout hack - force the close button to be relative to this element */
  /*background: #FBFCFD url("../images/Icons/infoCircle24.png") no-repeat 10px 6px;*/
  background: #fff4d9 url("../images/Icons/infoCircle24.png") no-repeat 10px 6px;
  border: 1px solid #e3e4e8;
  padding: 8px 40px 1px 50px;
  color: #6b6f79;
}

.infoMessageClose {
  position: absolute;
  top: 3px;
  right: 3px;
  background: url("../Images/Icons/Actions/deleteSprite.png") no-repeat 0 -14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.infoMessage a {
  text-decoration: none;
}

.infoMessage a:hover {
  text-decoration: underline;
}

.infoMessage p {
  line-height: 1.4em;
  margin: 0 0 7px 0;
}

p.infoMessageLinks {
  margin-top: 12px;
}

.gis-map-settings-intro {
  margin: 0 0 10px 0;
}

/* --- Layer Table --- */
.gis-map-tableWrapper {
  margin-top: 5px;
}

.gis-map-layers-noData {
  margin: 15px 0;
  text-align: center;
}

.gis-map-settings-wrapper .inPhaseTable {
  width: 100%;
}

.gis-map-settings-wrapper .inPhaseTable th {
  vertical-align: top;
}

.gis-map-settings-wrapper .inPhaseTable td {
  vertical-align: top;
  padding: 4px;
  color: #3b4b7c;
}

.gis-map-settings-wrapper .groupHeader a {
  float: right;
  font-weight: normal;
  color: #6b6f79;
  padding-right: 15px;
  text-decoration: none;
}

.gis-map-settings-wrapper .groupHeader a:hover {
  color: #1688bb;
}

.gis-map-settings-wrapper .groupHeader a span.icon {
  float: left;
  background-image: url("../Templates/ExternalData/images/icons/TableAddSprite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-top: 7px;
  cursor: pointer;
  overflow: hidden;
}

.gis-map-settings-wrapper .groupHeader a:hover span.icon {
  background-position: 0 -8px;
}

.gis-map-settings-layersHeader {
  border-bottom: 1px solid #c0c0c5 !important; /* Override the default border settings to handle the "full table as a  header" layout */
}

div.gis-map-settings-layers-scroller {
  height: 398px;
  overflow-y: auto;
}

.ie6 div.gis-map-settings-layers-scroller {
  height: 368px;
}

#gis-map-settings-dataLayers div.gis-map-settings-layers-scroller,
#gis-map-settings-lcDataLayers div.gis-map-settings-layers-scroller {
  height: 336px;
}

.ie6 #gis-map-settings-dataLayers div.gis-map-settings-layers-scroller,
.ie6 #gis-map-settings-lcDataLayers div.gis-map-settings-layers-scroller {
  height: 306px;
}

#gis-map-settings-dataLayers.infoMessageHidden div.gis-map-settings-layers-scroller,
#gis-map-settings-lcDataLayers.infoMessageHidden div.gis-map-settings-layers-scroller {
  height: 423px;
}

.ie6 #gis-map-settings-dataLayers.infoMessageHidden div.gis-map-settings-layers-scroller,
.ie6 #gis-map-settings-lcDataLayers.infoMessageHidden div.gis-map-settings-layers-scroller {
  height: 393px;
}

div.gis-map-button-bar {
  float: right;
}

col.gis-map-settings-onMapCol {
  width: 77px;
}

col.gis-map-settings-actionsCol {
  width: 53px;
}

#gis-map-settings-dataLayers td.gis-map-settings-actionsCol,
#gis-map-settings-lcDataLayers td.gis-map-settings-actionsCol {
  padding-top: 1px;
  padding-bottom: 1px;
}

.inPhaseTable td.gis-map-settings-drawingCol,
.inPhaseTable th.gis-map-settings-drawingCol {
  padding-left: 10px;
}

.inPhaseTable td.gis-map-settings-onMapCol {
  padding-left: 8px; /* Effectively we want 10px padding either side of the toggle, however reduce by 2px to account for slight shadow */
}

/* --- Header Buttons --- */
.gis-map-settings-headerButtons {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;
}

.gis-map-settings-new .inPhaseButton {
  float: right;
  padding: 5px;
}

.gis-map-show-static,
.gis-map-show-baseLayer,
.gis-map-show-measureDataLayers,
.gis-map-show-liveConnectDataLayers {
  float: left;
  margin: 2px 10px 2px 10px;
  background-repeat: no-repeat;
  height: 33px;
  cursor: pointer;
  /* Hide the text - Scott Kellum Method */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.gis-map-show-static-active,
.gis-map-show-baseLayer-active,
.gis-map-show-measureDataLayers-active,
.gis-map-show-liveConnectDataLayers-active {
  background-position-y: -66px;
}

.gis-map-show-static-pressed,
.gis-map-show-baseLayer-pressed,
.gis-map-show-measureDataLayers-pressed,
.gis-map-show-liveConnectDataLayers-pressed {
  background-position-y: -33px;
}

.gis-map-show-static {
  width: 147px;
  background-image: url(../Include/GIS/img/availableLayersTab.png);
}

.gis-map-show-measureDataLayers {
  background-image: url(../Include/GIS/img/measureDataLayersTab.png);
  width: 175px;
}

.gis-map-show-liveConnectDataLayers {
  background-image: url(../Include/GIS/img/liveConnectDataLayersTab.png);
  width: 201px;
}

.gis-map-show-baseLayer {
  background-image: url(../Include/GIS/img/baseLayerTab.png);
  width: 201px;
}

/* --- Layer Details --- */
.gis-map-layer-action {
  float: left;
  padding-top: 1px; /* Vertically aligns the buttons with the toggle button */
}

.gis-map-layer-name {
  padding-top: 4px; /* Vertically aligns the first line of text with the toggle button */
}

#gis-map-settings-dataLayers .gis-map-layer-name,
#gis-map-settings-lcDataLayers .gis-map-layer-name {
  font-weight: bold;
}

.gis-map-layer-hasSettings {
  cursor: pointer;
}

/* Data Layer Specific */
.gis-map-settings-dataLayerHeader {
  margin-top: 2px;
  cursor: pointer;
}

#gis-map-settings-dataLayers .gis-map-layer-name,
#gis-map-settings-lcDataLayers .gis-map-layer-name {
  float: left;
  padding: 0;
  line-height: 18px;
  height: 18px;
}

.gis-map-layer-toggleSettingsShow,
.gis-map-layer-toggleSettingsHide {
  display: block;
  float: left;
  background-repeat: no-repeat;
  /* Hide the text - Scott Kellum Method */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.gis-map-layer-toggleSettingsShow {
  background-image: url("../images/RibbonUI/arrowRight.png");
  height: 9px;
  width: 7px;
  margin: 0 12px 0 0;
}

#gis-map-settings-dataLayers .gis-map-layer-toggleSettingsShow,
#gis-map-settings-lcDataLayers .gis-map-layer-toggleSettingsShow {
  margin-top: 4px;
}

#gis-map-settings-staticLayers .gis-map-layer-toggleSettingsShow {
  margin-top: 7px;
}

.gis-map-layer-toggleSettingsHide {
  background-image: url("../images/RibbonUI/arrowDown.png");
  height: 7px;
  width: 9px;
  margin: 0 10px 0 0;
}

#gis-map-settings-dataLayers .gis-map-layer-toggleSettingsHide,
#gis-map-settings-lcDataLayers .gis-map-layer-toggleSettingsHide {
  margin-top: 5px;
}

#gis-map-settings-staticLayers .gis-map-layer-toggleSettingsHide {
  margin-top: 8px;
}

.gis-map-settings-dataLayerSummary {
  margin: 10px 0 0 22px;
}

.gis-map-settings-dataLayerSummary p {
  line-height: 1.4em;
  margin: 0 0 5px 0;
  zoom: 1;
}

.gis-map-settings-dataLayerSummaryLabel {
  float: left;
  width: 105px;
}

.gis-map-settings-dataLayerSummaryValue {
  float: left;
}

div.gis-map-settings-dataLayerSummaryPreview {
  margin: 10px 0 0 105px;
}

/* --- Base Layer Specific --- */
.gis-map-settings-radioButtonImgList {
  margin-bottom: 30px;
  /*margin-left: 70px;*/
}

.gis-map-settings-radioButtonImgList label {
  float: left;
  margin-right: 30px;
  padding: 6px 3px 0 3px;
  text-align: center;
  cursor: pointer;
}

.gis-map-settings-radioButtonImgList img {
  display: block;
  float: left;
}

.gis-map-settings-radioButtonImgList .text {
  clear: left;
  padding-top: 12px;
  color: #0066cc;
  zoom: 1; /* Fix for IE to ensure correct layout*/
}

.gis-map-settings-radioButtonImgList .radioButtonImgItem_Checked {
  background: url(../Include/GIS/img/selectedOptionButton.png) no-repeat;
}

.gis-map-settings-baseImagePreview {
  margin: 13px 5px 0 5px;
  overflow: auto;
  height: 300px;
  background: #FDFDFD;
  border: 1px solid #BCBCBC;
  padding: 1px;
}

.ie6 .gis-map-settings-baseImagePreview {
  height: 270px;
}

a.gis-map-settings-chooseImage {
  background: url(../Skins/Office2003Blue/ToolbarImages/TextEditBar/image.gif) no-repeat;
  padding-left: 23px;
  color: #0066cc;
  margin-left: 5px;
}

/** Maps - Layer Settings - Data Layers
================================================*/
/*.gis-map-layer-chartingDetails {
	margin: 6px 0 0 19px;
}*/
.gis-map-layer-chartingDetails {
  margin: 8px 10px 0 19px;
  padding-top: 6px;
  border-top: 1px solid #eaebef;
}

.gis-map-layer-details h2 {
  font-size: 1em;
  color: #767676;
  font-weight: normal;
  margin: 0 0 8px 0;
}

.gis-map-settings-colourSchemeSettings {
  background: #f6f6f7;
  padding: 6px 8px;
  margin: 6px 0 6px 0;
  zoom: 1; /* Force layout - fixes an issue where the background colour wasn't being applied to the top of the div */
}

.gis-map-settings-colourSchemeSettings input {
  /* Not picking up the default font settings for some reason */
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #616b7e;
}

.gis-map-layer-hideUncharted {
  margin-top: 6px;
  margin-left: -2px;
}

.gis-map-settings-chloropethFormatting {
  padding-top: 10px;
}

.gis-map-settings-quantileGroups label {
  float: left;
}

.gis-map-settings-colourRange-label {
  float: left;
  line-height: 22px;
}

.gis-map-settings-colourRange-preview {
  float: left;
  padding: 5px 8px 0 8px;
}

.gis-map-settings-colourRange-preview div {
  float: left;
  height: 10px;
  width: 8px;
}

.gis-map-layer-labelSpacer {
  padding-left: 20px;
}

.gis-map-settings-row {
  margin-bottom: 4px;
}

.gis-map-settings-shapeFile {
  margin-bottom: 6px;
}

.gis-map-settings-shapeFile span {
  line-height: 18px;
  zoom: 1; /* Force the span to take the line-height */
}

.gis-map-settings-shapeFile-label {
  padding-right: 40px;
}

.gis-map-settings-shapeFile .gis-settings-layerType-external {
  padding-left: 6px;
}

.gis-map-layer-name .gis-settings-layerType-external,
.gis-map-layer-name .gis-settings-layerType-internal {
  display: inline-block;
  display: inline;
  width: 16px;
  height: 16px;
  margin-right: 9px;
  cursor: help;
}

.gis-map-layer-name .gis-settings-layerType-external {
  background: url(../Include/GIS/img/icons/externalLayerFile.png) no-repeat;
}

.gis-map-layer-name .gis-settings-layerType-internal {
  background: url(../Include/GIS/img/icons/internalLayerFile.png) no-repeat;
}

.gis-map-layer-chartingMap {
  float: left;
  padding-right: 25px;
}

.gis-map-layer-chartingMap label,
.gis-map-layer-chartingMap select {
  display: block;
  margin-bottom: 4px;
}

.gis-map-layer-defaultLayerField {
  border: 1px solid #c4c4c4;
  color: #878787;
  padding: 2px 4px;
  width: 220px;
}

.gis-map-layer-chartingMap select {
  width: 220px;
}

.gis-map-settings-rangeOptions label {
  float: left;
}

.gis-map-staticRange {
  float: left;
  margin-left: 15px;
}

.gis-map-staticRange div {
  float: left;
  margin-left: 12px;
}

.gis-map-staticRange input {
  width: 40px;
}

.gis-map-help {
  display: inline;
  height: 16px;
  width: 16px;
  background: url("../images/icons/helpCircle16.png") no-repeat;
  cursor: help;
  margin-left: 5px;
  /*Hide the text - Scott Kellum Method*/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.gis-map-inlineHelp {
  display: inline;
  height: 13px;
  width: 13px;
  background: url("../images/icons/helpCircle13-grey.png") no-repeat;
  cursor: help;
  margin-left: 4px;
  /*Hide the text - Scott Kellum Method*/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/** GIS - Layer Panel
================================================*/
/* --- General Layout  --- */
.gis-map-layer-wrapper h2 {
  color: #6a93ab;
  font-size: 1em;
  padding-top: 15px;
  margin: 0 0 10px 0;
}

.gis-map-layerPanel-layers h2 {
  float: left;
  line-height: 20px;
}

.gis-map-layer-baseLayerSection {
  margin-bottom: 20px;
  margin: 15px 5px 20px 15px;
}

.gis-map-layerPanel-layersHeader {
  margin: 0 5px 8px 15px;
}

.gis-map-layerPanel-layerActions {
  float: right;
}

/* --- Map Types --- */
.gis-map-layer-baseLayer {
  float: left;
  margin-right: 20px;
}

.gis-map-layer-baseLayer a {
  display: block;
  text-align: center;
  width: 63px;
  height: 74px;
  padding-top: 5px;
  color: #0066cc;
  text-decoration: none;
  line-height: 1em;
}

.gis-map-layer-baseLayer a:hover {
  background: url(../Include/GIS/img/MapType-Hover.png) top left no-repeat;
}

.gis-map-layer-baseLayer-selected a,
.gis-map-layer-baseLayer-selected a:hover {
  background: url(../Include/GIS/img/MapType-Active.png) top left no-repeat !important;
  cursor: default;
  color: #3c3c79;
}

.gis-map-layer-baseLayer a img {
  display: block;
  border: none;
  margin-bottom: 2px;
}

/* --- Layer List --- */
.gis-map-layerPanel-layers ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}

.gis-map-layerPanel-layers ul.gis-map-layerPanel-layers-small {
  height: 218px;
}

.gis-map-layerPanel-layers ul li {
  padding: 0;
  margin: 0;
  line-height: 1.4em;
  border-top: 1px solid #EBEBEB;
  background: #F7F7F7;
  color: #616b7e;
}

.gis-map-layerPanel-layers ul li.gis-map-layerPanel-firstLayer {
  margin-top: 0;
}

.gis-map-layerPanel-layers ul li.gis-map-layerPanel-lastLayer {
  border-bottom: 1px solid #EBEBEB;
}

.gis-map-layerPanel-layers ul li.gis-map-layerPanel-layerSelected {
  background: #FDFBE0 url("../images/RibbonUI/rollover/Orange1_24.png") repeat-x;
  border-top: 1px solid #f0c050;
}

.gis-map-layerPanel-layerContent {
  position: relative;
  padding: 0 22px 0 13px;
  height: 22px;
  cursor: pointer;
}

.gis-map-layerPanel-layerContent input {
  cursor: default;
}

.gis-map-layerPanel-layerSelected .gis-map-layerPanel-layerContent {
  padding-bottom: 2px; /* Compensates for some missing "height" when the layer is selcted... */
  border-bottom: 1px solid #f7dc9e;
}

li.gis-map-layer-reorder-placeholder {
  border: 1px dashed dimgray !important;
  background: #FFF4D9 !important;
}

.gis-map-layerPanel-layerGripper {
  display: block;
  width: 10px;
  cursor: move;
  background-image: url(../images/shared/gripper.png);
  background-position: left top;
  background-repeat: repeat-y;
  position: absolute;
  top: 0;
  left: 3px;
  height: 97%; /* Don't quite go full height so there's always at least a small gap between the grippers and the border */
}

.gis-map-layerPanel-layerVisibility {
  float: left;
  width: 20px;
  padding-top: 2px;
}

.gis-map-layerPanel-layerName {
  float: left;
  padding: 4px 0 0 6px;
}

.gis-map-layerPanel-readOnlyFlag {
  position: absolute;
  top: 0;
  right: 5px;
  width: 10px;
  cursor: help;
}

.gis-map-layerPanel-readOnlyFlag img {
  margin: 6px 0 0 0;
}

.gis-map-layerPanel-layers li .gis-map-layerPanel-layerMenu {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
  width: 22px;
}

.gis-map-layerPanel-layers li.hover .gis-map-layerPanel-layerMenu {
  display: block;
}

/* --- Layer Details --- */
.gis-map-layerPanel-layerDetail {
  padding: 9px 0 10px 18px;
  background: #fff;
}

/* --- Opacity ---- */
.gis-map-layer-opacityPanel div {
  line-height: 20px;
}

.gis-map-layer-opacityPanel-label {
  float: left;
  line-height: 21px;
}

#gisLayerOpacitySlider {
  background: #efefef;
  height: 6px;
}
#gisLayerOpacitySlider .ui-slider-handle {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 17px;
  height: 17px;
  background-color: white;
  margin-top: -1px;
}
#gisLayerOpacitySlider .ui-slide-handle:focus-visible {
  outline-color: transparent;
}

.gis-map-layer-opacityPanel-slider {
  float: left;
  width: 158px;
  padding-top: 7px;
}

.gis-map-layer-opacityPanel-percentage {
  float: left;
  padding-left: 12px;
}

.gis-map-layer-opacityPanel-percentage input {
  /* Not picking up the default font settings for some reason */
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #616b7e;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 3px;
}

.s-geo-map {
  /* SCOPED */
  /* --- jQuery UI style overrides --- */
}
.s-geo-map .gis-map-layer-opacityPanel .ui-slider,
.s-geo-map .gis-map-layer-opacityPanel .ui-slider-handle {
  border: 1px solid #acacac !important;
}
.s-geo-map div.ui-sortable-helper {
  line-height: 24px;
  background: #fff;
  border: 1px dashed #9EABB3;
  color: #616b7e;
  width: 180px !important;
  height: 25px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  zoom: 1;
  /* Compensate for the sortable's cursor and cursorAt options not working */
  padding-left: 5px;
  cursor: move;
}

/* PAGINATION STYLES
================================================*/
.pagingControls {
  float: right;
}

.pagingControls ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 2px 0px 2px 0px;
  list-style: none;
}

.pagingControls li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}

.pagingControls li a:focus-visible {
  border: 1px solid #286EBF;
  border-radius: 3px;
  outline: none;
}

.pagingControls li a,
.pagingControls li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 2px 0 0;
  padding: 3px 6px;
  text-decoration: none;
}

.ie .pagingControls li a,
.ie .pagingControls li span {
  display: inline-block;
}

.pagingControls span {
  color: #244262;
}

.pagingControls .next a,
.pagingControls .previous a {
  color: rgb(43, 118, 205);
}

.previous a img {
  margin-right: 3px;
}

li.previous-off,
li.next-off {
  display: none;
}

.next a img {
  margin-left: 3px;
}

.pagingControls .next a,
.pagingControls .next span {
  margin-right: 0;
}

.pagingControls .active span,
.pagingControls a:hover {
  color: #F06C01;
}

ul.multiVal {
  margin: 0px 0px 0px 17px;
  list-style-position: outside;
  list-style-type: square;
}

ul.multiVal li {
  padding-bottom: 2px;
}

.cubeTable td.headerImage {
  background-color: transparent;
  background-image: none;
  padding: 4px 2px 2px 2px;
  vertical-align: middle;
  border: 0px;
  width: 20px;
}

.trendsAction {
  cursor: pointer;
}

.c-table-drop-target {
  pointer-events: none;
}

.c-arrow-5__up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.c-arrow-5__down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.c-arrow-5__right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}

.c-arrow-5__left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black;
}

.c-user-message {
  position: fixed;
  bottom: 0;
  padding: 10px;
  left: 20px;
  right: 20px;
  color: rgb(255, 255, 255);
  border-radius: 4px 4px 0 0;
  z-index: 999999;
  text-align: center;
}

.c-user-message--information {
  background-color: rgb(43, 118, 205);
}

.c-user-message--error {
  background-color: rgb(242, 86, 86);
}

.c-user-message--warning {
  background-color: rgb(240, 108, 1);
}

.c-user-message--invalid-permissions {
  background-color: rgb(227, 108, 9);
}

.c-user-preference__container {
  width: 557px;
  height: 525px;
  overflow: auto;
}

.c-user-preference__container > div {
  height: 100%;
}

#user-preference__container-tabs {
  margin-bottom: 20px;
}

.c-user-preference__column-a {
  display: inline-block;
  vertical-align: top;
  width: 33%;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .c-user-preference__column-a {
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 900px) and (orientation: landscape) {
  .c-user-preference__column-a {
    width: 29%;
  }
}

.c-user-preference__column-b {
  display: inline-block;
  vertical-align: top;
  width: 66%;
}
@media screen and (max-width: 900px) {
  .c-user-preference__column-b {
    margin-left: 20px;
  }
}

.c-user-preference__details-block + .c-user-preference__details-block {
  margin-top: 35px;
}

.c-user-preference__details-block > h3 {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

.c-user-preference__details-field {
  margin-bottom: 5px;
}

.c-user-preference__details-field > label {
  display: inline-block;
  width: 95px;
  text-align: left;
  padding: 5px 5px 5px 0;
}

.c-user-preference__details-field > input,
.c-user-preference__details-field > select,
.c-user-preference__date-display {
  width: 232px;
}

.c-user-preference__details-field > .c-user-preference__short-field {
  width: 105px;
}

.c-user-preference__date-display {
  display: inline-block;
  cursor: pointer;
}

.c-user-preference__avatar {
  position: relative;
  text-align: center;
}
.c-user-preference__avatar--inactive img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.c-user-preference__avatar--inactive::after {
  display: block;
  content: "";
  position: absolute;
  top: 71px;
  left: 114px;
  width: 26px;
  height: 26px;
  background: #8f8f8f url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 13.2C24.4 19.3856 19.3856 24.4 13.2 24.4C7.01441 24.4 2 19.3856 2 13.2C2 7.01441 7.01441 2 13.2 2C19.3856 2 24.4 7.01441 24.4 13.2Z' fill='%238F8F8F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.4 13.2C26.4 20.4902 20.4902 26.4 13.2 26.4C5.90984 26.4 0 20.4902 0 13.2C0 5.90984 5.90984 0 13.2 0C20.4902 0 26.4 5.90984 26.4 13.2ZM13.2 24.4C19.3856 24.4 24.4 19.3856 24.4 13.2C24.4 7.01441 19.3856 2 13.2 2C7.01441 2 2 7.01441 2 13.2C2 19.3856 7.01441 24.4 13.2 24.4Z' fill='white'/%3E%3Crect x='7.18555' y='8.68921' width='2.12646' height='14.8852' rx='1.06323' transform='rotate(-45 7.18555 8.68921)' fill='white'/%3E%3Crect x='8.68896' y='19.2145' width='2.12646' height='14.8852' rx='1.06323' transform='rotate(-135 8.68896 19.2145)' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
  border-radius: 20px;
  border: 2px solid #fff;
}

.c-user-preference__avatar > .c-user-preference__select-avatar {
  display: block;
  margin-top: 9px;
}

.c-user-preference__avatar > img {
  display: table-cell;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: rgba(19, 24, 32, 0.1);
  margin: 0 auto;
}

.c-user-preference__container input[type=text],
.c-user-preference__container input[type=number],
.c-user-preference__container input[type=password],
.c-user-preference__container textarea {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.c-user-preference__container input[type=text]:hover,
.c-user-preference__container input[type=number]:hover,
.c-user-preference__container input[type=password]:hover,
.c-user-preference__container textarea:hover {
  border: 1px solid #F06C01 !important;
}
.c-user-preference__container input[type=text]:focus-visible,
.c-user-preference__container input[type=number]:focus-visible,
.c-user-preference__container input[type=password]:focus-visible,
.c-user-preference__container textarea:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}

.c-user-preference__container select {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  padding: 5px 25px 5px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-appearance: none;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-user-preference__container select {
    padding: 5px;
  }
}
.c-user-preference__container select:hover {
  border: 1px solid #F06C01 !important;
}
.c-user-preference__container select:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-user-preference__container select:not([multiple]):not(input):not(option) {
  background: white url(../images/Icons/arrow--down.svg) no-repeat;
  background-position: right center;
  background-size: 25px 25px;
  height: auto;
}
.c-user-preference__container select:not([multiple]):not(input):not(option)::-ms-expand {
  opacity: 0;
}

.c-user-preference__details-field-notification {
  margin-bottom: 5px;
}

.c-user-preference__details-field-notification > label {
  display: inline-block;
  width: 300px;
  text-align: left;
  padding: 5px 5px 5px 0;
  cursor: pointer;
}

.c-user-preference__details-field-notification > input {
  display: inline-block;
  cursor: pointer;
}

.c-user-preference__details-field-notification > input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  margin-left: 0;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  position: relative;
  top: 5px;
}
.c-user-preference__details-field-notification > input[type=checkbox]:hover {
  border: 1px solid #F06C01 !important;
}
.c-user-preference__details-field-notification > input[type=checkbox]:focus-visible {
  border: 1px solid #286EBF !important;
  outline: none;
}
.c-user-preference__details-field-notification > input[type=checkbox]:checked {
  background: white url(../images/Icons/tick.svg) center center no-repeat;
  background-size: 10px 10px;
}
.c-user-preference__details-field-notification > input[type=checkbox]::-ms-check {
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-user-preference__details-field-notification > input[type=checkbox] {
    margin-left: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .c-user-preference__details-field-notification > input[type=checkbox]:hover, .c-user-preference__details-field-notification > input[type=checkbox]:focus {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
            box-shadow: 0px 0px 2px 1px rgb(240, 108, 1);
  }
}

.c-weblink__container {
  margin: 0 17px; /*Switch 17 for variable to share with dialog title*/
}

.c-weblink__form-row {
  display: block;
  margin-top: 10px;
}
.c-weblink__form-row:first-child {
  margin-top: 0;
}
.c-weblink__form-row > label {
  display: inline-block;
  width: 120px;
}
.c-weblink__form-row > input {
  width: 500px;
}

.c-weblink-designer__footer {
  text-align: right;
  margin-top: 8px;
  padding: 10px 17px;
}

.c-widget__container {
  z-index: 1;
  position: absolute;
  overflow: hidden;
}
.c-widget__container .c-widget__outer-padding {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.c-widget__container .c-widget__corner {
  position: absolute;
}
.c-widget__container .c-widget__side {
  position: absolute;
  height: 100%;
}
.c-widget__container .c-widget__top-box {
  position: relative;
}
.c-widget__container .c-widget__top-box .c-widget__left {
  top: 0;
  left: 0;
  background: no-repeat;
}
.c-widget__container .c-widget__top-box .c-widget__middle {
  background: repeat-x;
  position: relative;
}
.c-widget__container .c-widget__top-box .c-widget__right {
  top: 0;
  right: 0;
  background: no-repeat;
}
.c-widget__container .c-widget__middle-box {
  position: absolute;
  width: 100%;
}
.c-widget__container .c-widget__middle-box .c-widget__left {
  top: 0;
  left: 0;
  background: repeat-y;
}
.c-widget__container .c-widget__middle-box .c-widget__content {
  display: block;
  position: relative;
  height: 100%;
}
.c-widget__container .c-widget__middle-box .c-widget__right {
  top: 0;
  right: 0;
  background: repeat-y;
}
.c-widget__container .c-widget__bottom-box {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.c-widget__container .c-widget__bottom-box .c-widget__left {
  top: 0;
  left: 0;
  background: no-repeat;
}
.c-widget__container .c-widget__bottom-box .c-widget__middle {
  background: repeat-x;
  position: relative;
}
.c-widget__container .c-widget__bottom-box .c-widget__right {
  top: 0;
  right: 0;
  background: no-repeat;
}

.c-widget__container--maximised {
  z-index: 2;
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: RGB(255, 255, 255);
  -webkit-transition: left 1s, width 0.5s;
  transition: left 1s, width 0.5s;
}

.c-widget__container--maximised .c-notebook__content-scroll {
  position: absolute !important;
}

.is-appPanel-expanded .c-widget__container--maximised {
  left: 240px;
}

.c-widget__view-title-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 670px) {
  .c-widget__view-title-wrapper {
    white-space: normal;
  }
}

.c-widget__view-title-text {
  vertical-align: middle;
  font-weight: 600;
  width: 100%;
}

.s-inphase-dialog .c-widget__view-title-text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: rgb(0, 0, 0);
}

/* This forces widget Title bars within a Dialog title to behave, fit the dialog and prevent custom formatting*/
.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar.ui-widget-header.ui-corner-all,
.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: white;
  padding: 17px 20px !important; /* override the !important in jquery ui styling */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar.ui-widget-header.ui-corner-all:after,
.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  height: 3px;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  right: 0;
}

.ui-dialog.ui-dialog--thick-header .c-dialog__title-right-icons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.ui-dialog.ui-dialog--thick-header .c-dialog__title-toolbar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.ui-dialog .ui-dialog-title {
  display: table-cell;
  font-size: 15px !important;
  font-weight: normal;
  color: rgb(40, 110, 191) !important;
  letter-spacing: -0.5px;
}

.ui-dialog.ui-dialog--thick-header .ui-dialog-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: rgb(40, 110, 191) !important;
  background-image: none !important;
  background-color: transparent !important;
  margin-right: 20px;
  height: 100% !important;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title .js-viewDate {
  font-size: 14px;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title > .c-widget__title-main {
  font-size: 14px;
  line-height: initial;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title > .c-widget__title-primary {
  font-size: 14px;
  margin-top: -10px;
  line-height: initial;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title > .c-widget__title-secondary {
  font-size: 12px;
  line-height: initial;
  margin-top: 2px;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title .c-widget__title-label {
  margin-right: 5px;
}
.ui-dialog.ui-dialog--thick-header .ui-dialog-title > .c-widget__title {
  text-align: left;
}

/*.ui-dialog-title > span.c-widget__title {
    padding-top: 15px;
}*/
/*.ui-dialog-title .c-widget__view-title-wrapper {
    position:absolute;
    width:100%;
    top:50%;
    margin-top:-9px;
    display:block !important;
}*/
.ui-dialog.ui-dialog--thick-header.ui-dialog-title .c-widget__title-button-container {
  margin-right: 13px;
  /*Hack to prevent icon alignment code breaking dialogs*/
  /*margin-top: 0 !important;*/
  /*position: absolute;
  right: 0px;*/
  /*line-height: 20px;*/
  /*top: 50%;
  margin-top: -10px;*/
}

.c-widget__title-button-panel > .o-button-img, .c-widget__title-button-panel > .o-button-div {
  vertical-align: middle;
}

.c-widget__title .c-widget__title-button-panel {
  margin-top: 0;
  margin-bottom: 0;
}

.c-widget__rich-title-button-panel {
  position: absolute;
  right: 5px;
  z-index: 1;
}

.c-widget__rich-title {
  page-break-inside: avoid;
  position: relative;
  background-color: white;
  padding: 9px 0px 9px 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  white-space: nowrap;
}

.c-widget__rich-text {
  display: block;
  color: rgb(53, 64, 82);
  font-size: 15px;
  vertical-align: middle;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 14px;
}

.c-widget__rich-title-panel {
  color: rgb(53, 64, 82);
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  padding: 7px 3px 7px 3px;
  position: relative;
}
.c-widget__rich-title-panel--white {
  border: 1px solid rgb(230, 234, 238);
  background-color: rgb(255, 255, 255);
}

.c-widget__rich-title-image {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 14px;
}

.c-widget__rich-title-svg {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  vertical-align: middle;
  display: inline-block;
  margin-right: 14px;
}
.c-widget__rich-title-svg > svg {
  width: 24px;
  height: 24px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-widget__rich-title-svg:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-widget__rich-title-svg:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-widget__rich-title-svg:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.c-widget__rich-title-settings-icon {
  /*width:16px;
  height:16px;*/
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  margin-right: 3px;
}

/*.c-widget__rich-title-create {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;


}*/
.c-widget__rich-title-svg-icon {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 120px; /* Will need to think about where best to apply this, I think it's probably ok as a standard, link buttons tends to be the exception */
  cursor: pointer;
  vertical-align: middle; /* Not sure why this is here unless the parent has display: table? */
  background-color: transparent;
  border: none;
  min-width: auto;
  overflow: hidden;
}
.c-widget__rich-title-svg-icon > svg {
  width: 18px;
  height: 18px;
  stroke: #2B76CD;
  fill: #2B76CD;
  pointer-events: none;
}
.c-widget__rich-title-svg-icon:hover {
  background-color: transparent;
  color: #F06C01;
}
.c-widget__rich-title-svg-icon:hover > svg {
  stroke: #F06C01;
  fill: #F06C01;
}
.c-widget__rich-title-svg-icon:focus-visible {
  outline: 1px solid #2b76cd;
  outline-offset: 2px;
  border-radius: 3px;
}

.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar-close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 3px;
  border: solid 1px transparent;
  border-radius: 3px;
  background-color: transparent;
}

.ui-dialog.ui-dialog--thick-header .ui-dialog-titlebar-close:focus-visible {
  outline: 1px solid #286EBF;
  border-radius: 3px;
  margin: auto;
}

/*svg.highcharts-root {
    pointer-events: none; // SVG for tooltips was overlapping other controls
}*/
.c-widgetError__message {
  font-size: 13px;
  margin: 10px;
}

.c-mypage__overview-summary-widget .c-widgetError__no-data.c-sunburst__no-data {
  background: url("../images/Icons/sunburst__no-data.svg") center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.c-mypage__overview-summary-widget .c-widgetError__no-data.c-sunburst__no-data > .c-sunburst__create-new {
  display: block !important;
}

/** OVERRIDES 
    Helper classes and overrides
================================================*/
/*-------------------------------------*
   (UTILITY) Align
*-------------------------------------*/
/*.u-center {
    text-align: center!important;
}

.u-left {
    text-align: left!important;
}

.u-right {
    text-align: right!important;
}

.u-top {
    vertical-align: top!important;
}

.u-middle {
    vertical-align: middle!important;
}

.u-bottom {
    vertical-align: bottom!important;
}*/
/*-------------------------------------*
   (UTILITY) Visibility
*-------------------------------------*/
.u-cursor-auto {
  cursor: auto !important;
}

.u-cursor-default {
  cursor: default !important;
}

.u-cursor-pointer {
  cursor: pointer !important;
}

.u-cursor-move {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.u-cursor-help {
  cursor: help !important;
}

.u-cursor-crosshair {
  cursor: crosshair !important;
}

.u-cursor-grab {
  cursor: move !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

/*-------------------------------------*
   (UTILITY) Display
*-------------------------------------*/
.u-block {
  display: block !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-inline {
  display: inline !important;
}

.c-flex__static {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-flex__grow-scroll {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.c-flex__grow-hidden {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}

.c-flex__grow-visible {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: visible;
}

.c-flex__hor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen {
  .c-flex__vert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*display: -webkit-box;*/ /* use this one if debugging pdf rendering in otter browser */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print {
  .c-flex__vert {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*-------------------------------------*
   (UTILITY) Float
*-------------------------------------*/
/*.u-float-left {
    float: left!important;
}

.u-float-right {
    float: right!important;
}

.u-float-none {
    float: none!important;
}

.u-cf {
    @include clearfix;
}*/
/*-------------------------------------*
   (UTILITY) Position
*-------------------------------------*/
.u-static {
  position: static !important;
}

.u-relative {
  position: relative !important;
}

.u-absolute {
  position: absolute !important;
}

.u-fixed {
  position: fixed !important;
}

.u-sticky {
  position: sticky !important;
  top: 0px;
}

/*-------------------------------------*
   (UTILITY) Print
*-------------------------------------*/
@media print {
  .u-print-hidden {
    display: none !important;
  }
  * {
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/*-------------------------------------*
   (UTILITY) Visibility
*-------------------------------------*/
.u-invisible {
  display: none !important;
}

.u-show-block {
  display: block !important;
}

.u-show-inline {
  display: inline !important;
}

.u-hidden {
  margin: -1px !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
}

.u-slide-up {
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  max-height: 0;
  overflow: hidden;
}

/*-------------------------------------*
   (UTILITY) Width
*-------------------------------------*/
.u-width-100p {
  width: 100%;
}

.u-width-75p {
  width: 75%;
}

.u-width-50p {
  width: 50%;
}

.u-width-25p {
  width: 25%;
}

.u-font__anton {
  font-family: "Anton", Segoe UI, Verdana, sans-serif;
}

.u-font__open-sans {
  font-family: "Open Sans", Segoe UI, Verdana, sans-serif;
}

.u-font__inter-ui {
  font-family: "Inter UI", Arial, Verdana, sans-serif;
}

.u-font__lato {
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-weight: normal;
}

.u-font__weblysleek {
  font-family: "WeblySleek UI", Arial, Verdana, sans-serif;
  font-weight: normal;
}

/*-------------------------------------*
   #LAYOUT (HELPERS)
*-------------------------------------*/
.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-align-center {
  text-align: center;
}

.u-top {
  vertical-align: top !important;
}

.u-middle {
  vertical-align: middle !important;
}

.u-bottom {
  vertical-align: bottom !important;
}

.u-visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.u-table {
  display: table;
}

.u-table-fluid {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.u-table-row {
  display: table-row;
  /*height:0;*/ /* IE9/10  otherwise goes full height of container*/
}

.u-table-cell {
  display: table-cell;
}

.u-table-row-fluid {
  display: table-row;
  overflow: hidden;
}
.u-table-row-fluid > .u-table-cell {
  display: table-cell;
  height: 100%;
}

.u-absolutely-fluid-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.u-absolutely-fluid {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.u-no-transitions {
  -webkit-transition: none !important;
  transition: none !important;
}

.c-print--live .c-book-header {
  display: none !important;
}

.c-print--live .c-portal-menu__wrapper {
  display: none !important;
}

.c-print--live .c-app__header {
  display: none !important;
}

.c-print--live .c-app__content {
  top: 0 !important;
}

.c-print--live .c-app__action-panel {
  display: none !important;
}

.c-print--live .c-widget__title-button-container {
  display: none !important;
}

.c-print--live .c-widget__container {
  overflow: visible !important;
  height: auto !important;
}

.c-print--live .grid-item {
  height: auto !important;
  overflow-y: visible !important;
}

.c-print--live .c-layout__container:not(.c-chart__container) {
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
}

.c-print--live .c-layout__container.c-chart__container {
  position: relative !important;
  overflow: hidden;
}

.c-print--live .c-simple-table__wrapper {
  overflow: visible !important;
}

/*.c-print--live * {
    page-break-after: unset !important;
    page-break-before: unset !important;
    page-break-inside: unset !important;
    break-after: unset !important;
    break-before: unset !important;
    break-inside: unset !important;
    float: none !important;
}*/
.c-print--live .c-chart__container {
  page-break-before: always !important;
  -webkit-column-break-before: always !important;
     -moz-column-break-before: always !important;
          break-before: always !important;
  page-break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
     -moz-column-break-inside: avoid !important;
          break-inside: avoid !important;
}

/*.c-print--live svg {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}*/
.c-print--live .section-contents {
  display: block !important;
}

body.c-print--live {
  background-color: transparent !important;
}

.c-live-print__rendering {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 1000;
}

.c-print--live .c-live-print--hidden {
  display: none;
}

/* --- States --- */
/*-------------------------------------*
   #VISIBILITY (STATES)
*-------------------------------------*/
.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
}

.is-visibleBlock {
  display: block !important;
}

/*-------------------------------------*
    #TEXT decorations (STATES)
 *-------------------------------------*/
.is-marked-complete {
  text-decoration: line-through;
}

.is-marked-cancelled {
  text-decoration: line-through;
}

.prevent-text-select * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

/* --- Themes --- */
.c-dialog__content-wrapper .scroll-wrapper questionnaire-navigation-panel {
  position: absolute !important;
  top: 85px !important;
}

.questionnaire-object-name {
  width: calc(100% - 60px);
  max-width: 960px;
  border: 1px solid #E3E3E3;
  border-radius: 0.375rem;
  margin: 2rem auto 0;
  padding: 0.25rem 0.75rem 0.25rem 1.9rem;
  font-family: "Open Sans", Arial, "Helvetica", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  color: #286FBF;
  background-image: url(/images/Logon/questionnaire-object.svg);
  background-position: left 10px center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
}
/*# sourceMappingURL=Main.css.map */