@charset "UTF-8";
/*
$rtContent-maxVideoWidth: 600px;
*/
/*
$loginPage-twoPaneThreshold-min: 100024px;
$loginPage-twoPaneThreshold-max: 100023px;
*/
/*
https://colordesigner.io/color-scheme-builder
*/
/*
$color-darkTitle: #374249;
*/
/* #21759B; */
/* #54829d; */
/* #0485AD; */
/* #008e00; #21759B, #278bb8 */
/* #0485ad; */
/*#999999; */
/* #298CB9; */
/* #0485ad */
/* #374249; */
/* #374249; */
/* #374249; */
/*
$font-stack-title: 'Mona Sans', Inter, $font-stack;
*/
/*
$tasktwo-font-size-x-large: 20px;
$tasktwo-font-size-large: 18px;
$tasktwo-font-size-larger: 16px;
$tasktwo-font-size-largeish: 15px;
$tasktwo-font-size-regular: 14px;
$tasktwo-font-size-smaller: 13px;
$tasktwo-font-size-smallish: 12px;
$tasktwo-font-size-small: 11px;

/ * not used on desktop * /
$tasktwo-font-size-x-small: 9px;
*/
/*  not used on desktop  */
/*
@import "font-anton";
@import "font-archivo-black";
@import "font-bebas-neue";  / * titles only, condensed * /
@import "font-dm-sans"; / * legible, wider leters, g * /
@import "font-ibm-plex-sans-condensed";
@import "font-ibm-plex-sans-semi-condensed";
@import "font-ibm-plex-sans";
*/
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  /* 400 */
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/static/font/inter/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*titles*/
/*
@import "font-kalam"; / * script * /
@import "font-lato";
@import "font-lexend";
@import "font-mona-sans-condensed"; / * a * /
@import "font-mona-sans-expanded"; / * a * /
@import "font-mona-sans"; / * a * /
@import "font-montserrat"; / * wide * /
*/
/*
// these are a bit junk
//@import "font-noto-sans";
//@import "font-noto-sans-semi-condensed";
//@import "font-noto-sans-condensed";
//@import "font-noto-sans-extra-condensed";
//@import "font-noto-sans-mono";
//@import "font-noto-sans-mono-semi-condensed";
//@import "font-noto-sans-mono-condensed";
//@import "font-noto-sans-mono-extra-condensed"; 
*/
/*
@import "font-open-sans";
@import "font-oswald"; / *titles* /
@import "font-outfit";
@import "font-plus-jakarta-sans"; / * legible, wider leters, titles * /
@import "font-poppins"; / * legible, wider lowercase, narrow uppercase, a * /
@import "font-pt-sans"; / * titles * /
@import "font-public-sans"; / * legible, wider lowercase, narrow uppercase, g, good for general ui * /
@import "font-raleway";
@import "font-red-hat-display";
@import "font-red-hat-text"; / * decent for titles, not great for text * /
@import "font-roboto-flex";
@import "font-roboto";
@import "font-sarabun";  / * titles * /
@import "font-source-sans-pro";
@import "font-uncut-sans";
@import "font-work-sans"; / * titles * /
*/
/* --- ttlogo font ---- */
@font-face {
  font-family: "ttlogo";
  src: url("/static/font/ttlogo/ttlogo.eot?md6nh8");
  src: url("/static/font/ttlogo/ttlogo.eot?md6nh8#iefix") format("embedded-opentype"), url("/static/font/ttlogo/ttlogo.ttf?md6nh8") format("truetype"), url("/static/font/ttlogo/ttlogo.woff?md6nh8") format("woff"), url("/static/font/ttlogo/ttlogo.svg?md6nh8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.systemWarningIcon {
  color: #ffffff;
  font-size: 32px;
}

.systemWarningTitle {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.systemWarningText {
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
}

.systemWarningText a {
  color: #ffffff;
  font-weight: normal;
  text-decoration: underline;
}

.systemWarningCountdownBoxTop {
  padding: 10px;
  font-size: 13px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.2);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
}

.systemWarningCountdownBoxBottom {
  font-size: 11px;
  padding: 10px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.errorPanel {
  /*
  -moz-box-shadow: 1px 1px 10px #999999;
  -webkit-box-shadow: 1px 1px 10px #999999;
  box-shadow: 1px 1px 10px #999999;	
  */
  border: none;
  width: 100%;
  padding: 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  position: fixed;
  z-index: 10600;
  /*
  z-index:1000;
  */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.errorPanel a {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: pointer;
  text-underline-position: under;
}

.errorPanel b {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.errorPanel span {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.errorPanelBg {
  opacity: 0.98;
  background: linear-gradient(to bottom right, #912500, #b52e00);
  /*
  background: linear-gradient(to bottom right, darken(#b72f00, $gradient-color-deviation), #b72f00);
  */
}

.warningPanelBg {
  /*
  background: #0095b5 url("../image/warning-bg.png") repeat-x left top;
  background: #0095b5;
  background: #2f2f37;
  background: #0485ad;
  */
  opacity: 0.98;
  background: linear-gradient(to bottom right, #036a8a, #0485ad);
}

.errorCloseIndicatorBar {
  background-color: rgba(255, 255, 255, 0.25);
  height: 4px;
  width: 100%;
  /*
  margin-top:15px;
  */
  border-radius: 2px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}

@media (max-width: 425px) {
  .errorPanel[data-modal=true] #errorMessageIconContainer {
    display: none !important;
  }
}
#workspaceNavigation::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  /*
  background: rgba(0, 0, 0, 0.2);
  */
  background: #113b55;
  border-radius: 1ex;
  -webkit-border-radius: 1ex;
}

#workspaceNavigation::-webkit-scrollbar-thumb {
  background: #2ca4db;
  border-radius: 1ex;
  -webkit-border-radius: 1ex;
  /*
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  background: rgba(255, 255, 255, 0.3);
  */
}

#workspaceNavigation::-webkit-scrollbar-corner {
  background: #113b55;
  /*
  background: rgba(0, 0, 0, 0.2);
  */
}

.fullPageContainer, .splashContainer {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
  width: 100%;
  height: 100vh;
  width: 100vw;
  vertical-align: top;
  /*
  margin: 0px;
  padding: 0px;
  border: none;
  */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  overflow: hidden;
}

.splashContainer {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  justify-content: center;
  text-align: center;
  /*
  transition: visibility 0s, opacity 5s linear;	
  transition: all 0.5s ease-in;
  */
  transition: opacity 0.5s ease-in, background-color 0.5s ease-in, background-image 0.5s ease-in;
  /*
  background-image: linear-gradient(to bottom right, #121212, #113b55);
  background-color: #113b55;
  */
  color: white;
  background-image: linear-gradient(to bottom right, #121212, #113b55);
  background-repeat: no-repeat;
  background-size: cover;
}

.fullPageContainer .fullPagePanel, .splashContainer .fullPagePanel {
  flex-basis: 90%;
  flex-shrink: 1;
  flex-grow: 1;
  /*
  border-width: 0px;
  margin: 0px;  
  */
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100px;
}

.headerBackground {
  /*
  background: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
  background-attachment: fixed;
  */
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom right, #121212, #113b55) !important;
  /*
  background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
  background-color: #1F2535;
  background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
  */
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

.devHeaderBackground {
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom right, #6e6d00, #929000) !important;
  /*
  	background-image: linear-gradient(to bottom right, #121212, #113b55) !important;


  	linear-gradient(to left, #113b55 0%, #121212 100%)

     	background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
  		*/
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

.qaHeaderBackground {
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom right, #703e00, #945200) !important;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

.newServerHeaderBackground {
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom right, #026098, #0376BB) !important;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

.confidentialHeaderBg {
  background: linear-gradient(to bottom right, #912500, #b52e00) !important;
  /*
  background-color: $confidential-header-background-color !important;
  */
}

.hFlexContainer {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  border: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: top;
  align-items: top;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: center;
  align-content: center;
  justify-content: center;
}

.vFlexContainer {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  border: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: flex-flow wrap;
  flex-flow: flex-flow wrap;
  -webkit-align-content: center;
  align-content: center;
  justify-content: center;
}

.fh {
  /*
  height: calc(100vh - 20px);
  */
  min-height: 100vh;
}

.pageContentLayoutContainer {
  vertical-align: top;
  width: 100vw;
  max-width: 100vw;
  /*
  margin: 0px;
  padding: 0px;
  border: none;
  */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: top;
  align-items: top;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  overflow: hidden;
}

.pageContentLayoutContainer .pageContentLayoutPanel {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0px;
  flex-basis: 90%;
  flex-shrink: 1;
  flex-grow: 1;
}

* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
     transition: color 0.1s linear;
     */
}

*::selection {
  background: #0485ad;
  color: white;
  text-shadow: none;
}

*::placeholder {
  font-size: 12px;
  font-style: italic;
  color: #aaaaaa;
}

html {
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: auto;
  overscroll-behavior-x: none;
  scroll-behavior: smooth;
  height: 100vh;
  width: 100vw;
}

body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: black;
  text-align: left;
  overscroll-behavior-x: none;
  /*
  height: 100%;
     width: 100%;
  */
  width: 100vw;
  height: 100vh;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
  height: stretch;
  /* Latest specification */
}

img {
  border-width: 0px;
}

a {
  text-underline-position: under;
  text-decoration: none;
}

textarea {
  display: block;
  /* critical */
  resize: none;
  /*no resize handle*/
  -moz-resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3;
}

input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

table {
  border: none;
  border-collapse: collapse;
}

table tr {
  vertical-align: top;
}

table tr td {
  padding: 0px;
}

span.avoidwrap {
  display: inline-block;
}

.roundedCorners3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.roundedCorners5 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.roundedCorners15 {
  border-radius: 15px;
  -webkit-border-radius: 15px;
}

.errorCloseIcon {
  font-size: 1.4em;
  line-height: 1.4em;
  color: #ffffff;
  float: right;
  cursor: pointer;
  vertical-align: top;
  padding: 0px;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.errorCloseIcon:hover {
  font-size: 1.4em;
  line-height: 1.4em;
}

.loadingContentMessage {
  letter-spacing: 0.01em;
  background-color: transparent;
  border: none;
  color: #21759B;
  /* #335588; #2f2f37*/
  cursor: pointer;
  left: 0px;
  margin: none;
  padding: 15px;
  /*
  padding : 8px 12px;
  text-decoration: none;
  */
  white-space: nowrap;
  /*
  top: 0px;
  */
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  overflow: hidden;
}

.dropShadow {
  -moz-box-shadow: 1px 1px 10px #e0e0e0;
  -webkit-box-shadow: 1px 1px 10px #e0e0e0;
  box-shadow: 1px 1px 10px #e0e0e0;
}

.formContainer {
  border: solid 1px #cccccc;
  background: #ededed;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  /*
  -moz-box-shadow: 1px 1px 10px #e0e0e0;
  -webkit-box-shadow: 1px 1px 10px #e0e0e0;
  box-shadow: 1px 1px 10px #e0e0e0;
  */
}

.bbHeaderTextSmall {
  float: right;
  color: #999999;
  font-size: 11px;
  text-transform: uppercase;
  color: #808080;
}

.bbHeaderTextSmall:hover {
  color: #878787 !important;
}

.bbTag {
  display: inline-block;
  text-transform: uppercase;
  /*
  font-size: $tasktwo-font-size-regular;
  */
  font-size: 11px;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  padding: 6px 20px 5px 20px;
  color: white;
  /*
      background-position-x: 0%;
     background-position-y: 0%;
     background-repeat: repeat;
     background-attachment: fixed;
  background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color);
     background-image: linear-gradient(to bottom right, darken(#0485AD, $gradient-color-deviation), #0485AD);
  background-image: linear-gradient(to bottom right, darken(#05a7d9, $gradient-color-deviation), #05a7d9);
  background-image: linear-gradient(to bottom right, darken(#21759B, $gradient-color-deviation), #21759B);
     background: linear-gradient(to bottom right, $color-bb-tag, lighten($color-bb-tag, 2 * $gradient-color-deviation));
     background-image: linear-gradient(to bottom right, darken(#21759B, $gradient-color-deviation), #21759B);


     background-image: linear-gradient(to bottom right, $background-color-blue-button, lighten($background-color-blue-button, $gradient-color-deviation));
     background-image: linear-gradient(to bottom right, #999999, lighten(#999999, $gradient-color-deviation));

     linear-gradient(to right bottom, #999999, #b3b3b3) !important
     */
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom right, #999999, #b3b3b3);
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

.bbTagStrong {
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  /*
  font-size: $tasktwo-font-size-regular;
  */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 6px 15px 5px 15px;
  color: white;
  background: linear-gradient(to bottom right, #036a8a, #0485AD);
  /*
  $background-color-tasktwo-blue: #0485AD;
  $background-color-tasktwo-light-blue: #05a7d9;
  $background-color-tasktwo-teal
  $color-tasktwo-menu	
  */
}

.tempPlaceholder {
  text-align: center;
  vertical-align: middle;
  line-height: 90px;
  background: #cccccc;
  font-size: 48px;
  color: #999999;
}

.nonEditableGridCellContent {
  background: #ededed;
  border-radius: 3px;
  margin: -3px;
  padding: 3px;
}

DIV.searchToolbarFrame {
  overflow: hidden;
  padding: 5px 15px 1px 15px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #cccccc;
  /*
  background-color: #dddedd;
  */
  background-color: #dddedd;
}

.confirmationDialogText {
  padding: 15px;
  line-height: 1.3;
}

.loginPageBackground {
  background-position-x: 0%;
  background-position-y: 0%;
  background-attachment: fixed;
  background-origin: border-box;
  background-clip: border-box;
  /*
     background-image: url("/static/image/mobile-login-page-bg7.png");
    	background-color: #113b55;
  background-size: cover;
  */
  /*
  background-image: linear-gradient(to bottom right, #121212, #113b55) !important;
  background-repeat: repeat;
  background-size: auto;
  */
  /*
  background-color: white;
  */
  background-color: transparent;
  background-image: linear-gradient(to bottom right, #121212, #113b55) !important;
  background-repeat: repeat;
  background-size: auto;
}

.loginRightPanel {
  text-align: center;
  display: flex;
  align-items: center;
  place-content: center;
  color: black;
  /*
   	background-origin: border-box;
     background-clip: border-box;
  background-attachment: fixed;

     background-size: 30vh;
     background-position-x: 90%;
     background-position-y: 50%;
     */
  /*
   	background-color: transparent;
  background-position-x: calc(100% - 30px);
  background-position-y: calc(100% - 30px);	
     background-image: url('/static/image/tt-on-desktop-computer.png');
     background-repeat: no-repeat;
     background-size: 40vh;
     */
  /*
  background-image: url('/static/image/tt-on-desktop-computer.png');
  background-repeat: no-repeat;
  */
  /*
  background-size: cover;
  background-position-x: 50%;
  background-position-y: center;
  background-color: #ededed;
  */
}

.loginLeftPanel {
  text-align: center;
  display: flex;
  align-items: center;
  place-content: center;
  color: white;
  background-color: transparent;
  /*	
  background-image: linear-gradient(to bottom right, #121212, #113b55);
  background-repeat: no-repeat;
  background-size: cover;
  */
}

.loginLogoContainer {
  padding-top: 30px;
  padding-bottom: 45px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.loginLogoContainer img {
  width: 190px;
}

.loginPageContent {
  transition-property: font-size, background-color, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  font-size: 15px;
  background-image: linear-gradient(to bottom right, #121212, #113b55) !important;
  color: white;
  background-color: #ededed;
  /*
  background-image: url('/static/image/mobile-login-page-bg4.jpg');
  background-image: url('/static/image/mobile-login-page-bg8.png');
  background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
  background-color:$prod-header-background-color;	
  background-image: url('/static/image/mobile-login-page-bg.png');
  */
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 0%;
  background-position-y: 0%;
  /*
  font-size: $tasktwo-font-size-larger;

  background-color: $prod-header-background-color;
     background-position-x: 0%;
     background-position-y: 0%;
     background-repeat: repeat;
     background-attachment: fixed;
     background-image: linear-gradient(to bottom right, darken($prod-header-background-color, $gradient-color-deviation), $prod-header-background-color) !important;
     background-size: auto;
     background-origin: padding-box;
     background-clip: border-box;
  */
}

.llpContainer {
  width: 100vw;
  max-width: 500px;
  height: 80vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

/*
@media only screen and (max-width: 499px) 
{
	.loginLeftPanel
	{
		flex: 1 1 100%;
	}
}

@media only screen and (min-width: 500px) 
{
	.loginLeftPanel
	{
		flex: 1 1 500px;
	}
}
*/
@media only screen and (max-width: 1023px) {
  #loginPageLogoDark {
    display: none;
  }

  .loginButton {
    color: #000000;
    background: linear-gradient(to bottom right, #fdc047 0%, #fdb23a 100%);
  }

  .loginButton:hover {
    background: linear-gradient(to bottom right, #fdb424, #fda417) !important;
  }

  .loginLeftPanel {
    flex: 1 1 100%;
  }

  .loginRightPanel {
    flex: 1 1 0%;
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  #loginPageLogo {
    display: none;
  }

  .loginButton {
    color: white;
    background: linear-gradient(to bottom right, #21759B, #278bb8);
  }

  .loginButton:hover {
    background: linear-gradient(to bottom right, #1b5f7e, #21759B) !important;
  }

  .loginLeftPanel {
    padding: 10vh 0px 10vh 10vw;
    max-width: 50%;
    flex: 1 1 50%;
  }

  .loginRightPanel {
    padding: 10vh 10vw 10vh 0px;
    max-width: 50%;
    flex: 1 1 50%;
  }

  .llpContainer {
    height: calc(80vh - 30px);
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
  }

  .loginLeftPanelContent {
    /*
    height: calc(100vh - 120px);
    */
    height: 80vh;
    width: 100%;
    background-color: #ededed;
    display: flex;
    align-items: center;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    padding: 15px;
    background-clip: padding-box;
    overflow: hidden;
  }
}
.contentBoxHeader {
  letter-spacing: 0.01em;
  padding: 12px 15px 10px 15px;
  margin: 0px;
  font-weight: bold;
  background-color: #dddedd;
  border-bottom: solid 1px #cccccc;
}

.contentBoxParagraph {
  margin: 10px 15px 15px 15px;
  padding: 0px;
  overflow-y: hidden;
  /*
   margin: 10px 15px 10px 15px;

  border-bottom: solid 1px #cccccc;
  */
  line-height: 1.3;
}

.contentBoxParagraphWithSeparator {
  margin: 10px 15px 20px 15px;
  padding: 0px;
  overflow-y: hidden;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 10px;
}

.contentBoxFooterLight {
  /*
  border-top: solid 1px #dddedd;
  */
  padding: 10px 15px 8px 15px;
  margin: 15px 0px 0px 0px;
  background-color: #ededed;
  color: #999999;
  font-size: 11px;
}

.contentBoxFooter {
  /*
  border-top: solid 1px #dddedd;
  */
  padding: 10px 15px 8px 15px;
  margin: 15px 0px 0px 0px;
  background-color: #dddedd;
  color: #999999;
  font-size: 11px;
}

.kpiDesignator {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.6em;
  display: inline-block;
  float: right;
  opacity: 0.3;
  padding-top: 2px;
}

.cellBGBox {
  border: none;
  margin: -7px -10px 0px -10px;
  padding: 7px 10px 7px 10px;
  height: calc(100% + 14px) !important;
  -webkit-print-color-adjust: exact;
  overflow: hidden;
  width: calc(100% + 20px);
}

.redLink {
  color: #d54e21;
}

.redLink a {
  color: #d54e21;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  font-weight: normal;
  /*
  white-space: nowrap;
  */
  white-space: normal;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.blueLink {
  color: #21759b;
}

.whiteLink {
  color: white;
}

.grayLink {
  color: #cccccc;
}

.darkGrayLink {
  color: #999999;
}

.orangeLink {
  color: #fdb23a;
}

.brightBlueLink {
  color: #05a7d9;
}

.smallLink {
  font-size: 12px;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  font-weight: normal;
  /*
  white-space: nowrap;
  */
  white-space: normal;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.smallLink:hover {
  color: #d54e21;
}

.regularLinkNoUL {
  font-size: 13px;
  text-decoration: none;
  text-underline-position: under;
  cursor: pointer;
  font-weight: normal;
  /*
  white-space: nowrap;
  */
  white-space: normal;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.regularLinkNoUL:hover {
  color: #d54e21;
  text-decoration: underline;
}

.regularLink {
  font-size: 13px;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  font-weight: normal;
  /*
  white-space: nowrap;
  */
  white-space: normal;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.regularLink:hover {
  color: #d54e21;
}

.wrapLink {
  white-space: normal !important;
}

#errorMessage a, .errorMessageLink {
  color: #ffffff;
  padding: 0px;
  cursor: pointer;
  text-decoration: underline;
  /*	
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #ffffff;
  text-underline-position: under;
  */
}

#errorMessage a.dismissErrorMessageLink {
  color: #cccccc;
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  /*	
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #ffffff;
  text-underline-position: under;
  */
}

.bbLinkIcon {
  cursor: pointer;
}

.bbLinkIcon:hover {
  color: #D54E21;
}

.gridCellLinkUnselectable {
  color: #999999;
  font-style: italic;
  text-decoration: none;
  cursor: default;
}

.gridCellLink {
  color: #2f2f37;
  text-decoration: none;
}

.gridCellLink:hover {
  color: #d54e21;
  text-decoration: underline;
}

.gridCellLinkBlue {
  color: #21759B;
  text-decoration: none;
}

.gridCellLinkBlue:hover {
  color: #d54e21;
  text-decoration: underline;
}

.gridCellLinkBold {
  color: #2f2f37;
  /*	
  font-size: $tasktwo-font-size-regular;
  */
  font-weight: bold;
  text-decoration: none;
}

.gridCellLinkBold:hover {
  color: #d54e21;
  text-decoration: underline;
}

div.mobileNavButtonIcon {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.6);
  /*
  color: $color-orange-link;
  */
}

.mr10px {
  margin-right: 10px;
}

.icon-tasktwo-logo {
  font-family: "ttlogo" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  /*
  text-transform: none;
  */
  line-height: 1;
  /*
  	@include font-smoothing;
  	*/
}

.icon-tasktwo-logo .path1:before {
  content: "";
  /*
  color: rgb(51, 51, 51);
  */
}

.icon-tasktwo-logo .path2:before {
  content: "";
  margin-left: -1em;
  /*
  color: rgb(0, 122, 161);
  */
}

.icon-tasktwo-logo .path3:before {
  content: "";
  margin-left: -1em;
  /*
  color: rgb(0, 122, 161);
  */
}

.spinning {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.pictureFullWidth {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin: 0px;
  padding: 0px;
}

div.userIconXSLeft {
  color: white;
  background: linear-gradient(to bottom right, #545454, #666666);
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  padding: 0px;
  border: solid 1px #cccccc;
  overflow: hidden;
}

div.userIconSLeft {
  color: white;
  background: linear-gradient(to bottom right, #545454, #666666);
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
  width: 45px;
  height: 45px;
  padding: 0px;
  border: solid 2px #cccccc;
  overflow: hidden;
}

/*
div.userIconSLeft:hover, div.userIconSLeft:active    
{
	z-index: +1;
}
*/
div.userIconSmallLeft {
  color: white;
  background: linear-gradient(to bottom right, #545454, #666666);
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: top;
  width: 2.6em;
  height: 2.6em;
  line-height: 2.6em;
  margin-right: 1em;
  padding: 0px;
  border: solid 2px #cccccc;
  overflow: hidden;
}

/*
div.userIconSmallLeft:hover, div.userIconSmallLeft:active    
{
	z-index: +1;
}
*/
div.userIconSmallLeftMiddle {
  color: white;
  background: linear-gradient(to bottom right, #545454, #666666);
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: middle;
  width: 2.6em;
  height: 2.6em;
  line-height: 2.6em;
  margin-right: 1em;
  padding: 0px;
  border: solid 2px #cccccc;
  overflow: hidden;
}

/*
div.userIconSmallLeftMiddle:hover, div.userIconSmallLeftMiddle:active
{
	z-index: +1;
}
*/
div.userIconSmallRight {
  color: white;
  background: linear-gradient(to bottom right, #545454, #666666);
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: top;
  width: 2.6em;
  height: 2.6em;
  line-height: 2.6em;
  margin-left: 1em;
  padding: 0px;
  border: solid 2px #cccccc;
  overflow: hidden;
}

/*
div.userIconSmallRight:hover, div.userIconSmallRight:active
{
	z-index: +1;
}
*/
.documentTypeIcon {
  /*
  float : left;
  */
  font-size: 22px;
  padding-right: 10px;
  color: #cccccc;
}

.bb_documentTypeIcon {
  font-size: 28px;
  /* float : right; */
  /* padding-right: 15px; */
  color: #cccccc;
}

.clickableDocumentTypeIcon {
  cursor: pointer;
}

.clickableDocumentTypeIcon:hover {
  color: #d54e21;
}

.bbHeaderIcon {
  margin: 0px 5px 0px 0px;
  vertical-align: baseline;
}

.dialogKBIcon {
  cursor: pointer;
  color: #b3b3b3;
  font-size: 18px;
}

.dialogKBIcon:hover {
  color: #d54e21;
  /*
  color: $color-darkTitle;
  */
}

.dialogHeader .dialogTitleKBIcon {
  cursor: pointer;
  color: #a6a6a6;
  padding-left: 10px;
  display: none;
}

.dialogHeader:hover .dialogTitleKBIcon {
  display: inline-block;
  /*
  display: initial;
  color: $color-darkTitle;
  */
}

.dialogHeader:hover .dialogTitleKBIcon:hover {
  color: #d54e21;
  /*
  display: initial;
  color: $color-darkTitle;
  */
}

.pulseIconWhite {
  /*
     transform: scale(1);
     */
}

#pageHeaderRow:hover .pulseIconWhite {
  animation-timing-function: ease-out;
  animation: pulseFramesWhite 1s 1;
}

@keyframes pulseFramesWhite {
  0% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 255, 255, 0);
  }
  10% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 255, 255, 0.15);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 8px 10px rgba(255, 255, 255, 0);
  }
}
.pulseIconBlack {
  /*
     transform: scale(1);
     */
}

.gridToolbarFrame:hover .pulseIconBlack {
  animation-timing-function: ease-out;
  animation: pulseFramesBlack 0.5s 1;
}

@keyframes pulseFramesBlack {
  0% {
    transform: scale(1);
    box-shadow: 0 0 6px 8px rgba(0, 0, 0, 0);
  }
  10% {
    transform: scale(1);
    box-shadow: 0 0 6px 8px rgba(0, 0, 0, 0.1);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 6px 8px rgba(0, 0, 0, 0);
  }
}
.ddBtn {
  float: right;
  margin: 5px 5px 5px 15px;
}

.button {
  letter-spacing: 0.01em;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  transition-property: font-size, color, background-color, background;
  */
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  /*
  @include font-smoothing;
  */
}

.button:active {
  position: relative;
  top: 1px;
}

.buttonContainer {
  padding: 0px;
  border: none;
  background: transparent;
  overflow: hidden;
}

.redButton {
  color: #ffffff;
  /* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); */
  /*
  background-color: #d73600;
  background-color: $background-color-red-button;
  border : none;
  background: linear-gradient(to bottom right, $background-color-red-button, lighten($background-color-red-button, $gradient-color-deviation));
  border-color:  darken($background-color-red-button, $button-color-deviation);

  background: $background-color-red-button;
  border-width : 1px;
  border-style: solid;
  border-color:  $background-color-red-button;
  */
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: linear-gradient(to bottom right, #d73600, #fb3f00);
}

.redButton:hover {
  /*
  	background-color: #cc3300; 
  background-color: #ea3c00;
  color: darken($background-color-red-button, $gradient-color-deviation) !important;	
  background: linear-gradient(to bottom right, darken($background-color-red-button, $gradient-color-deviation), $background-color-red-button) !important;
  background-color: darken($background-color-red-button, $button-color-deviation) !important;	
  */
  background: linear-gradient(to bottom right, #b32d00, #d73600) !important;
}

.lightBlueButton {
  color: #FFFFFF;
  /*
  border : none;
  background: linear-gradient(to bottom right, $background-color-light-blue-button, lighten($background-color-light-blue-button, $gradient-color-deviation));
  background: $background-color-light-blue-button;

  border-width : 1px;
  border-style: solid;
  border-color:  $background-color-light-blue-button;
  */
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: linear-gradient(to bottom right, #05a7d9, #08c0f9);
}

.lightBlueButton:hover {
  /*
  background: linear-gradient(to bottom right, darken($background-color-light-blue-button, $gradient-color-deviation), $background-color-light-blue-button) !important;
  background: darken($background-color-light-blue-button, $button-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #048cb6, #05a7d9) !important;
}

.blueButton {
  color: #FFFFFF;
  /*
  background-color: $background-color-blue-button;
  border : 1px solid $background-color-blue-button;
  border : none;
  background: linear-gradient(to bottom right, $background-color-blue-button, lighten($background-color-blue-button, $gradient-color-deviation));
  border : 1px solid $background-color-blue-button;	
  border : 1px solid darken($background-color-blue-button, $button-color-deviation);	
  border-width : 0px 0px 1px 0px;
  border-color:  lighten($background-color-blue-button, $button-color-deviation);

  border-width : 1px;
  border-style: solid;
  border-color:  $background-color-blue-button;

  */
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: linear-gradient(to bottom right, #21759B, #278bb8);
}

.blueButton:hover {
  /*
  background-color: #21759B;
  background-color: darken($background-color-blue-button, $gradient-color-deviation) !important;
  background: linear-gradient(to bottom right, darken($background-color-blue-button, $gradient-color-deviation), $background-color-blue-button) !important;
  background-color: darken($background-color-blue-button, $button-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #1b5f7e, #21759B) !important;
}

.whiteButton {
  color: #000000;
  border: 1px solid #cccccc !important;
  background-color: #ffffff;
}

.whiteButton:hover {
  /*
  background-color: darken($background-color-white-button, $gradient-color-deviation) !important;
  */
  background-color: #eff5f7 !important;
}

.greyButton {
  /*
  border: none;
  background: $background-grey-button;
  */
  color: #000000;
  border: 1px solid #cccccc;
  background: #dedede;
}

.greyButton:hover {
  background-color: #cccccc !important;
}

.transparentButton {
  color: white;
  border: white 1px solid;
  background-color: transparent;
  padding: 5px 19px !important;
}

.orangeButton {
  color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: linear-gradient(to bottom right, #fdc047 0%, #fdb23a 100%);
}

.orangeButton:hover {
  background: linear-gradient(to bottom right, #fdb424, #fda417) !important;
}

.largeButton {
  font-size: 13px;
  padding: 6px 20px 6px 20px;
  /*
  font-size: $tasktwo-font-size-larger;
  padding: 4px 24px;	
  */
}

.smallButton {
  font-size: 13px;
  padding: 4px 15px;
}

.loginButton {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

a.menuButtonMarker .under {
  text-decoration: none;
  font-weight: bold;
}

a.menuButtonMarker .counterBox {
  text-decoration: none;
  font-weight: normal;
}

.counterBox {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  /*
  background: #a3bac5;
  */
  background: #298cb9;
  color: white;
  margin: 0px 3px 0px 5px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  display: inline-block;
  position: relative;
  top: -5px;
  left: 0px;
  padding: 2px 5px 2px 5px;
  font-size: 10px;
  /*	
      top: -15px;
      left: -10px;  
      padding: 2px 6px 2px 6px;
      font-size: $tasktwo-font-size-regular;
  */
  font-weight: normal;
  font-style: normal;
}

.homePageInlineCounterBox {
  /*
  position: relative;
  bottom:3px;

  vertical-align: sup;
  @include border-radius(25px);
  @include border-radius(50%);
  background: rgba(255, 255, 255, 0.8);
  font-size : $tasktwo-font-size-larger;

  */
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  font-size: 13px;
  padding: 2px 7px 2px 7px;
  color: black;
}

.homePageInlineCounterBoxWarn {
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(213, 78, 33, 0.9);
}

.dashboardText {
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}

.dashboardLinkLight {
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  font-style: normal;
}

.dashboardLinkLight:hover {
  color: #d54e21;
  text-decoration: underline;
}

/*
.bbl0
{
  stroke-width: 1px;
  stroke: #111111;
}

.bbl1
{
  stroke-width: 1px;
  stroke-dasharray: 1

}

.bbl2
{	
  stroke-width: 2px;
  stroke-dasharray: 5
}
*/
.dashboardLinkUrgent {
  color: #d54e21;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.dashboardNote {
  font-weight: normal;
  font-style: italic;
  color: #999999;
  font-size: 11px;
}

a.dashboardNote:hover {
  color: #EA3C00;
  text-decoration: underline;
}

.dashboardWidget {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: left;
  border: none;
  margin: 0px 0px 30px 0px;
}

.dashboardWidgetContainer {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: auto;
}

.xWidgetContainer {
  display: grid;
  place-items: start;
  grid-template-areas: "xWidgetContent";
}

.widgetTitleControlIcon {
  z-index: 3;
  grid-area: xWidgetContent;
  display: inline-block;
  /*
  background-color: tomato;
  background-color: rgba(0,0,0,0.1);
  */
  color: #cccccc;
  padding: 10px 5px 5px 5px;
  border-radius: 5px;
  /*
  z-index:3;display:inline-block;position:sticky;grid-area: xWidgetContent;top:0px;left:0px;
  position:sticky;
  top:0px;
  left:0px;
  */
}

.widgetTitleControlIcon i {
  cursor: pointer;
}

.widgetTitleControlIcon i:hover {
  color: #a6a6a6;
}

.widgetTitleCloseIndicatorBar {
  /*
  background-color: rgba(255, 255, 255, 0.25); // #2ca4db;
  background-color: tomato;
  background-color: rgba(0, 0, 0, 0.025); // #2ca4db;
  */
  background-color: rgba(0, 0, 0, 0.2);
  height: 1px;
  width: 0px;
  /* initial width zero*/
  /*
  margin-top:15px;
  */
  border-radius: 2px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  grid-area: xWidgetContent;
  z-index: 3;
}

.dashboardWidgetContent {
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  border: none;
  /* test */
  overflow: auto;
}

.xWidgetContent {
  grid-area: xWidgetContent;
  width: 100%;
}

.widgetTitleBar {
  width: 100%;
  padding: 3px 7px;
  vertical-align: middle;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #bbbbbb;
  background: #d0d0d0;
}

.xWidgetTitleBar {
  width: 100%;
  padding: 3px 7px;
  vertical-align: middle;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #bbbbbb;
  background: #d0d0d0;
  opacity: 100%;
  display: none;
}

.xWidgetContainer:hover .xWidgetTitleBar {
  /*
  opacity: 50%;
  opacity: 100%;
  */
  opacity: 100%;
}

.xWidgetContainer:hover .xWidgetTitleBar:hover {
  opacity: 100% !important;
}

.xWidgetContainer .xWidgetTitleBar .widgetTitleCloseIcon {
  display: none;
}

.xWidgetContainer:hover .xWidgetTitleBar:hover .widgetTitleCloseIcon {
  display: inline;
}

.widgetTitleBar {
  container-name: widgetTitleBar;
  container-type: inline-size;
}

@container widgetTitleBar (max-width: 300px) {
  .dynamicWidgetControlsDisplay {
    display: none;
  }
}
.widgetErrorPanel {
  padding: 15px;
  background-color: #e3e3e3;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
}

.widgetErrorPanelMessage {
  color: #d54e21;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

#explodedContentDialogDiv .xWidgetTitleBar {
  opacity: 100% !important;
}

.emptyDashboardPanel {
  text-align: center;
  border: none;
  /*
  border: solid 1px #cccccc;
  */
}

.emptyDashboardPanel i {
  transition-property: color, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.emptyDashboardPanel:hover i {
  transform: scale(1.03);
  color: #bbbbbb;
}

.dashboardLayoutPanelContainer {
  vertical-align: top;
  /*
  margin: 0px;
  padding: 0px;
  border: none;
  */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: top;
  align-items: top;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  overflow: hidden;
}

.dashboardLayoutPanelContainer .dashboardLayoutPanel {
  -webkit-box-flex: 1 1 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;
  /* Chrome */
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  -ms-flex-positive: 0;
  -ms-flex-negative: 1;
  /*
  border-width: 0px;
  margin: 0px;  
  */
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100px;
  min-width: 10px;
}

.dashboardLayoutPanelContainer .dashboardLayoutPanel .dashboardWidgetContainer {
  margin-bottom: 15px;
}

.dashboardLayoutPanelContainer .dashboardLayoutPanel .dashboardWidgetContainer:last-child {
  margin-bottom: 0px;
}

.portfolioReportTitle {
  letter-spacing: 0.01em;
  color: #2f2f37;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.emptyDashboardPanel {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #cccccc;
  background-color: #e3e3e3;
  vertical-align: middle;
  text-align: center;
}

.emptyDashboardPanel i {
  color: #cccccc;
  cursor: pointer;
}

.summaryScheduleSmall {
  font-style: italic;
  font-size: 11px;
  color: #999999;
  line-height: 11px;
}

.summaryScheduleFooterSmall {
  font-style: italic;
  font-size: 11px;
  color: #2f2f37;
  line-height: 11px;
}

.bulletinBoardContent {
  line-height: 140%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.bulletinBoardTitle {
  letter-spacing: 0.01em;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  display: inline-block;
  user-select: text;
  /* line-height:16px; */
  padding: 7px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #2f2f37;
  /*
  color: #21759b;#298cb9;
  */
}

.bulletinBoardEditor .dataFormFieldContent video,
.bulletinBoardEditor .dataFormFieldContent img,
.bulletinBoardEntryContent video,
.bulletinBoardEntryContent img {
  /*
  max-width: calc(100% - 20px);
  */
  max-width: calc(min(600px, 100%));
  margin: 0.5em 0em 0.5em 0em;
  border: 1px solid #cccccc;
  overflow: hidden;
  /* clip? */
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bulletinBoardEditor .dataFormFieldContent video,
.bulletinBoardEntryContent video {
  /*
  background: linear-gradient(to bottom right, rgba(18, 18, 18, 1), rgba(17, 59, 85, 1));
  */
  background: linear-gradient(to bottom right, #121212, #113b55);
  background-image: url("/static/image/tasktwo-video-poster-background.jpg") !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  cursor: pointer;
}

.bulletinBoardEditor .dataFormFieldContent img,
.bulletinBoardEntryContent img {
  background-color: #ededed;
}

.bulletinBoardEditor .dataFormFieldContent video:hover,
.bulletinBoardEditor .dataFormFieldContent img:hover,
.bulletinBoardEntryContent video:hover,
.bulletinBoardEntryContent img:hover {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.bulletinBoardEditor .dataFormFieldContent video[poster] .bulletinBoardEntryContent video[poster] {
  /*
  height:100%;
  width:100%;
  */
  object-fit: cover;
}

.statusAICompleted {
  /*
  background: $color-ai-completed !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
}

.statusAIEditableCompleted {
  /*
  background: $color-ai-completed !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
  cursor: pointer;
}

.statusAIEditableCompleted:hover {
  /*
  background: darken($color-ai-completed, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #fda417, #fdb23a) !important;
}

.statusAICanceled {
  /*
  background-color: $color-ai-canceled !important;
  */
  background: linear-gradient(to bottom right, #999999, #ababab) !important;
}

.statusAIEditableCanceled {
  /*
  background-color: $color-ai-canceled !important;
  */
  background: linear-gradient(to bottom right, #999999, #ababab) !important;
  cursor: pointer;
}

.statusAIEditableCanceled:hover {
  /*
  background-color: darken($color-ai-canceled, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #878787, #999999) !important;
}

.statusAITerminated {
  /*
  background: $color-ai-pending !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
}

.statusAIEditablePending {
  /*
  background: $color-ai-pending !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
  cursor: pointer;
}

.statusAIEditablePending:hover {
  /*
  background: darken($color-ai-pending, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #fda417, #fdb23a) !important;
}

.statusAIPendingLate {
  background: linear-gradient(to bottom right, #d54e21, #e06339) !important;
  /*
  background-color: $color-ai-pending-late !important;
  */
}

.statusAIEditablePendingLate {
  background: linear-gradient(to bottom right, #d54e21, #e06339) !important;
  /*
     background-color: $color-ai-pending-late !important;
     */
  cursor: pointer;
}

.statusAIEditablePendingLate:hover {
  background: linear-gradient(to bottom right, #b6431c, #d54e21) !important;
  /*
  background: linear-gradient(to bottom right, darken($color-ai-pending-late, $gradient-color-deviation), darken($color-ai-pending-late, 14%)) !important;
  background-color: darken($color-ai-pending-late, $gradient-color-deviation) !important;
  */
}

.statusTimesheetApproved {
  /*
  background: $color-ai-completed;
  */
  background: linear-gradient(to bottom right, #20872A, #27a433);
}

.statusTimesheetRejected {
  background: linear-gradient(to bottom right, #d54e21, #e06339);
  /*
  background-color: $color-timesheet-rejected;
  */
}

.statusTimesheetMissing {
  background: linear-gradient(to bottom right, #d54e21, #e06339);
  /*
  background-color: $color-timesheet-rejected;
  */
}

.statusTimesheetNotSubmitted {
  /*
  background: $color-timesheet-not-submitted;
  background: linear-gradient(to bottom right, $color-timesheet-not-submitted, lighten($color-timesheet-not-submitted, $gradient-color-deviation));
  */
  background: linear-gradient(to bottom right, #878787, #999999);
}

.statusTimesheetSubmitted {
  /*
      background: $color-timesheet-submitted;
      background: linear-gradient(to bottom right, $color-timesheet-submitted, lighten($color-timesheet-submitted, $gradient-color-deviation));
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d);
}

.timesheetEntryTagNPA {
  /*
  color: white;
     background: linear-gradient(to bottom right, darken($color-timesheet-npa, $gradient-color-deviation), $color-timesheet-npa);


  padding:5px 20px 5px 20px;

  @extend .percentageBar;

  border-radius:15px !important;
  padding:5px 10px 5px 10px;
  background-position:0px -15px;

  */
  min-width: 100px;
  color: white;
  background: linear-gradient(to bottom right, #7E8A56, #919f65);
}

.timesheetEntryTagPTO {
  min-width: 100px;
  color: white;
  background: linear-gradient(to bottom right, #CCA22F, #d5b04a);
}

/* 
NotStarted
InProgress
Completed
Terminated
Suspended */
.statusWFCompleted {
  /*
  background: $color-ai-completed !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
}

.statusWFEditableCompleted {
  /*
  background: $color-ai-completed !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
  cursor: pointer;
}

.statusWFEditableCompleted:hover {
  /*
  background: darken($color-ai-completed, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #fda417, #fdb23a) !important;
}

.statusWFSuspended {
  /*
  background-color: $color-ai-canceled !important;
  */
  background: linear-gradient(to bottom right, #999999, #ababab) !important;
}

.statusWFEditableSuspended {
  /*
  background-color: $color-ai-canceled !important;
  */
  background: linear-gradient(to bottom right, #999999, #ababab) !important;
  cursor: pointer;
}

.statusWFEditableSuspended:hover {
  /*
  background-color: darken($color-ai-canceled, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #878787, #999999) !important;
}

.statusWFNotStarted {
  /*
  background: $color-ai-pending !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
}

.statusWFInProgress {
  /*
  background: $color-ai-pending !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
}

.statusWFEditableInProgress {
  /*
  background: $color-ai-pending !important;
  */
  background: linear-gradient(to bottom right, #fdb23a, #fdc05d) !important;
  cursor: pointer;
}

.statusWFEditableInProgress:hover {
  /*
  background: darken($color-ai-pending, $gradient-color-deviation) !important;
  */
  background: linear-gradient(to bottom right, #fda417, #fdb23a) !important;
}

.statusWFTerminated {
  background: linear-gradient(to bottom right, #d54e21, #e06339) !important;
  /*
  background-color: $color-ai-pending-late !important;
  */
}

.statusWFEditableTerminated {
  background: linear-gradient(to bottom right, #d54e21, #e06339) !important;
  /*
     background-color: $color-ai-pending-late !important;
     */
  cursor: pointer;
}

.statusWFEditableTerminated:hover {
  background: linear-gradient(to bottom right, #b6431c, #d54e21) !important;
  /*
  background: linear-gradient(to bottom right, darken($color-ai-pending-late, $gradient-color-deviation), darken($color-ai-pending-late, 14%)) !important;
  background-color: darken($color-ai-pending-late, $gradient-color-deviation) !important;
  */
}

.percentageBar {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  *display: inline;
  /*for IE */
  width: 100px;
  margin: none;
  overflow: hidden;
  /*
  background: #add3ab url(../image/percentage-bar-bg.png) no-repeat scroll 0px 0px;
  background: transparent url(../image/completion-bg.gif) no-repeat scroll 0px 0px;
  */
  /*
  border: solid 1px darken($color-gantt-task-bar, $gradient-color-deviation);
   	background: linear-gradient(to bottom right, $color-gantt-task-bar  0%, lighten($color-gantt-task-bar, 2 * $gradient-color-deviation) 100%);
   	*/
  background: transparent url(../image/completion-bg6.png) no-repeat scroll 0px 0px;
  color: #ffffff;
}

.percentageBarLate {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  *display: inline;
  /*for IE */
  width: 100px;
  margin: none;
  overflow: hidden;
  background: transparent url(../image/completion-late-bg4.png) no-repeat scroll 0px 0px;
  color: #ffffff;
}

.toolbar {
  width: 100%;
  padding: 3px 7px;
  border-bottom: 1px solid #bbbbbb;
  background: #d0d0d0;
  /*
  background: url("../image/menu-bar-gradient-bg.gif") repeat-x left top;
  background : transparent; 
  */
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toolbarText {
  font-size: 12px;
}

/* not used */
.toolbarButton {
  vertical-align: middle;
  padding: 5px;
  color: #2f2f37;
  cursor: pointer;
}

.toolbarIcon {
  text-align: center;
  cursor: pointer;
  color: #2f2f37;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  width: 28px;
  padding: 5px;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.toolbarIcon:hover {
  /*
  color:#d54e21;
  color:#000000;
  color: #21759B;
  */
  color: #D54E21;
}

.toolbarIconSmall {
  vertical-align: bottom;
  cursor: pointer;
  color: #2f2f37;
  font-size: 15px;
  line-height: 18px;
  font-style: normal;
  width: 20px;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.toolbarIconSmall:hover {
  font-size: 16px;
  line-height: 18px;
  color: #000000;
}

.toolbarIconDisabled {
  text-align: center;
  cursor: default;
  color: #999999;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  width: 28px;
  padding: 5px;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.toolbarIconInactive {
  text-align: center;
  cursor: pointer;
  color: #999999;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  width: 28px;
  padding: 5px;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
}

.toolbarIconInactive:hover {
  font-size: 18px;
  line-height: 20px;
  color: #000000;
}

.progressBar {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: center;
  padding: 0px;
  width: 100%;
  height: 14px;
  border: none;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  /*
  border: solid 1px $color-gantt-task-bar;
   	*/
  background: linear-gradient(to bottom right, #cccccc 0%, #f0f0f0 100%);
}

.progressBarOverlay {
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: center;
  position: relative;
  padding: 0px;
  top: -14px;
  margin-bottom: -14px;
  width: 100%;
  height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  /*
   	border: solid 1px $color-gantt-task-bar-completed;
  */
  background: linear-gradient(to bottom right, #4383a6 0%, #6da5c4 100%);
}

.kbEditor .dataFormFieldContent video,
.kbEditor .dataFormFieldContent img,
.kbViewer video,
.kbViewer img {
  /*
  max-width: calc(100% - 20px);
  */
  max-width: calc(min(600px, 100%));
  margin: 0.5em 0em 0.5em 0em;
  border: 1px solid #cccccc;
  overflow: hidden;
  /* clip? */
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.kbEditor .dataFormFieldContent video,
.kbViewer video {
  /*
  background: linear-gradient(to bottom right, rgba(18, 18, 18, 1), rgba(17, 59, 85, 1));
  */
  background: linear-gradient(to bottom right, #121212, #113b55);
  background-image: url("/static/image/tasktwo-video-poster-background.jpg") !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  cursor: pointer;
}

.kbEditor .dataFormFieldContent img,
.kbViewer img {
  background-color: #ededed;
}

.kbEditor .dataFormFieldContent video:hover,
.kbEditor .dataFormFieldContent img:hover,
.kbViewer video:hover,
.kbViewer img:hover {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.kbEditor .dataFormFieldContent video[poster] .kbViewer video[poster] {
  /*
  height:100%;
  width:100%;
  */
  object-fit: cover;
}

.fullPageContainer .pageFooter, .splashContainer .pageFooter {
  letter-spacing: 0.01em;
  flex-basis: 10%;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 5px 15px 0px 15px;
  border: none;
  margin: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #999999;
  width: 100vw;
  max-height: 30px;
  min-height: 30px;
}

.pageTitleContainer {
  overflow: hidden;
  padding: 15px 15px 0px 15px;
}

.pageTitleIcon {
  color: #2f2f37;
  letter-spacing: 0.01em;
  font-size: 22px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
  padding-right: 15px;
}

.pageTitle {
  color: #2f2f37;
  letter-spacing: 0.01em;
  vertical-align: top;
  padding-top: 5px;
  font-size: 22px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  /*
  white-space: nowrap;
  */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
}

.saveButtonContainer {
  flex: 1 1 49%;
  white-space: nowrap;
  text-align: right;
}

.pageSubtitle {
  color: #2f2f37;
  letter-spacing: 0.01em;
  font-size: 13px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #999999;
  /*
  padding-top: 2px;
  padding: 20px 15px 0px 15px;
  */
}

.pageSubtitleIcon {
  margin-right: 5px;
}

.highlightedPageTitle {
  color: #d73600 !important;
  /*	
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  text-overflow : ellipsis;
  overflow:hidden;
  */
}

.pageHeaderContainer {
  width: 100vw;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: none;
}

.userInfoInPageHeaderPanel {
  display: block;
  /*	
  position:absolute;
  top: 0px;
  */
  min-height: 75px;
  height: 75px;
  max-height: 75px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: white;
}

.titleInPageHeaderPanel {
  display: block;
  min-height: 75px;
  height: 75px;
  max-height: 75px;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  text-align: left;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  color: white;
  font-size: 24px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: regular;
}

.pageHeaderContainer:hover .titleInPageHeaderPanel {
  opacity: 0;
}

/*
$sidebar-button-color : #2f2f37;
$sidebar-button-highlight-color : white;
$sidebar-button-border-color : rgba(255, 255, 255, 1);
$sidebar-button-background-color : rgba(255, 255, 255, 0.8);
$sidebar-button-selection-background-color : rgba(255, 255, 255, 0.5);
*/
/*tomato */
/*semi-transparent tomato */
.pageSidePanel {
  /* initial display
  display:none;
  */
  /* initial width */
  width: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden;
  flex-basis: 10%;
  flex-shrink: 0;
  flex-grow: 0;
  /*
  background: #d0d0d0; //  rgba(4,133,173,1);
  background: #d0d0d0;
  color: #2f2f37;
  */
  color: white;
  /*
  width: 200px; 
  */
  max-width: 350px;
  /*
  transition: width 0.3s ease-in-out;
  transition: min-width 0.3s ease-in-out;
  transition: max-width 0.3s ease-in-out;
  */
  transition: width 0.3s ease-in-out;
  /*
  linear-gradient(to bottom right, #6e6d00, #929000) !important;
  */
}

.pageSidePanelLeft {
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.pageSidePanelRight {
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.sidebarTitle {
  text-align: left;
  padding: 20px 15px 0px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.2);
}

.sidebarFooter {
  text-align: left;
  padding: 10px 15px 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.2);
  color: #b3b3b3;
}

.sidebarButtonGroupLeft {
  /*
  float: left;
  */
  margin: 5px 10px 5px 0px;
}

.sidebarButtonGroupRight {
  /*
  float: right;
  */
  margin: 5px 0px 5px 10px;
}

.sidebarButtonGroup {
  font-size: 13px;
  color: white;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sidebarButtonGroup button.sidebarButton {
  font-size: 13px;
  color: white;
  cursor: pointer;
  padding: 4px 12px;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  vertical-align: middle;
  border-radius: initial;
}

.sidebarButtonGroup button.sidebarButton:first-child {
  border: 0px;
}

.sidebarButtonGroup button.sidebarButton:hover {
  background-color: rgba(255, 99, 71, 0.3);
  color: #FF6347;
}

.sidebarButtonGroup button.sidebarButtonSelected {
  background-color: rgba(255, 255, 255, 0.35) !important;
}

.sidebarButtonGroup button.sidebarButtonSelected:hover {
  background-color: rgba(255, 255, 255, 0.35) !important;
  color: #FF6347;
}

.sidebarButtonGroup button.sidebarButton + button.sidebarButton {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}

.sidebarButtonGroup button.sidebarButton + button.sidebarButton[style*="display: none"] {
  border: 0px;
}

button.sidebarButton[style*="display: none"] + button.sidebarButton {
  border: 0px;
}

.sidebarButtonGroup button.highlightedButton {
  background-color: rgba(255, 255, 255, 0.35);
}

.sidebarButtonGroup div.sidebarButtonText {
  padding: 4px 12px;
  color: white;
  background-color: transparent;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: initial;
}

body {
  background-color: #ededed;
}

.chartWaitOverlay {
  font-size: 18px;
  font-weight: normal;
  color: #cccccc;
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0px;
  overflow: hidden;
  /* opacity:0.5; */
  z-index: 10501;
}

.sessionMessagesPanel {
  border: none;
  background: #ffffff url("../image/wdbg.png") repeat-x scroll left top;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  /*
  border : solid 1px #cccccc;
  -moz-box-shadow: 1px 1px 10px #e0e0e0;
  -webkit-box-shadow: 1px 1px 10px #e0e0e0;
  box-shadow: 1px 1px 10px #e0e0e0;
  */
  -moz-box-shadow: 5px 5px 80px #3b3b45;
  -webkit-box-shadow: 5px 5px 80px #3b3b45;
  box-shadow: 5px 5px 80px #3b3b45;
  left: 15px;
  top: 15px;
  width: calc(min(100vw - 30px, 850px));
  min-height: 100px;
  position: fixed;
  z-index: 11000;
  color: #000000;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  opacity: 0.95;
  text-align: left;
  padding: 15px;
}

.customReferenceDataEditorMessage {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: normal;
  color: #999999;
}

.greyText {
  font-size: 13px;
  font-weight: normal;
  color: #999999;
}

.userName {
  color: #2f2f37;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.userEmail {
  color: #2f2f37;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.userPicture {
  width: 200px;
  height: 200px;
  border: 10px solid #cccccc;
  margin-bottom: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}

.passkeyIcon {
  color: #999999;
  cursor: pointer;
  padding-left: 15px;
}

.passkeyIcon:hover {
  color: #2f2f37;
}

.footerLink {
  font-size: 11px;
  color: #999999;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  font-weight: normal;
  /*
  white-space: nowrap;
  */
  white-space: normal;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.footerLink:hover {
  color: #d54e21;
}

.sessionMessage {
  margin-top: 15px;
  overflow: auto;
  max-height: 400px;
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.sessionMessagesTitle {
  color: #298CB9;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  line-height: 1.3;
}

.workspaceNavigation {
  position: absolute;
  left: 0px;
  z-index: 10510;
  /* 8550 */
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 360px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-out;
  height: auto;
  transform-origin: left;
  vertical-align: middle;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #aaaaaa;
}

.workspaceNavButton {
  position: absolute;
  left: 0px;
  top: 50vh;
  z-index: 10509;
  /* 8550 */
  overflow-x: hidden;
  overflow-y: auto;
  width: 15px;
  cursor: pointer;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-out;
  transform-origin: left;
  vertical-align: middle;
  padding: 20px 0px 20px 4px;
  background-color: #cccccc;
  color: #ffffff;
  opacity: 0.5;
}

.workspaceNavButton:hover {
  opacity: 1;
}

.navigationIcon {
  display: inline-block;
  cursor: pointer;
  color: #cccccc;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  text-align: center;
  vertical-align: middle;
  padding: 20px 8px 20px 7px;
  min-height: 75px;
  height: 75px;
  max-height: 75px;
}

.navigationIcon:hover {
  /*
  color:#d54e21;
  */
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.15);
  /*#2f383e;*/
}

.navigationIcon a {
  text-decoration: none;
  cursor: pointer;
  color: #aaaaaa;
  letter-spacing: 0.01em;
  transition-property: letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.navigationIcon:hover a {
  /*
  color:#d54e21;
  */
  color: #ffffff;
  letter-spacing: 0.01em;
}

.navigationIcon i {
  padding-bottom: 10px;
}

.selectedNavigationIcon {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  /*
  color: #298cb9;
  */
  color: #2ca4db;
  background-color: rgba(0, 0, 0, 0.15);
  /*#2f383e;*/
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  text-align: center;
  vertical-align: middle;
  padding: 20px 8px 20px 7px;
  min-height: 75px;
  height: 75px;
  max-height: 75px;
}

.selectedNavigationIcon i {
  padding-bottom: 10px;
}

.selectedNavigationIcon a {
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  color: #298cb9;
  transition-property: letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.selectedNavigationIcon:hover {
  color: #ffffff;
  /* 
  color: #EA3C00; 
  color:#d54e21;
  */
}

.selectedNavigationIcon:hover a {
  letter-spacing: 0.01em;
  color: #ffffff;
  /* 
  color: #EA3C00; 
  color:#d54e21;
  */
}

.navigationIconNoHighlight {
  display: inline-block;
  /*
  cursor : pointer;
  */
  color: #cccccc;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  text-align: center;
  vertical-align: middle;
  padding: 20px 8px 20px 7px;
}

.serverTag {
  padding-left: 5px;
  font-size: 22px;
  font-weight: normal;
  /*
  color: #ffffff;
  color:#ea3c00;

  color:#ffffff;
  color:#ea3c00;	

  opacity: 0.2;
  */
  color: #ffffff;
  vertical-align: middle;
}

.globalNavigationPanel {
  display: block;
  margin: 0px;
  padding: 0px;
  background: transparent;
  /*
  min-height: 100px;
  max-height: 100px;
  */
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* global navigation tabs replacements */
.globalNavLink {
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  margin: 0px 0px 0px 20px;
  border: none;
  padding: 0px;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: hidden;
}

.globalNavLink:hover {
  color: #d54e21;
  text-decoration: underline;
}

.globalNavLinkSelected {
  background: url("../image/button-bg-blue.png") repeat-x left top;
  background: transparent;
  border: none;
  font-size: 13px;
  font-weight: bold;
  color: #298cb9;
  margin: 0px 0px 0px 20px;
  border: none;
  padding: 0px;
  cursor: pointer;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

div.navigationListGroup {
  /*
  opacity: 1 !important;
  padding: 20px 15px 20px 16px !important;
  */
  font-weight: bold;
}

div.navigationListEntry {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 17px 15px 17px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #cccccc;
  cursor: pointer;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 14px;
  /*
  font-size: $tasktwo-font-size-regular;
  opacity: 0.85;
  */
  opacity: 1;
  transition: color 0.1s ease-out, background-color 0.1s ease-out;
}

div.navigationListEntry:hover {
  /*
  background-color: rgba(255, 255, 255, 0.1);
  */
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

div.navigationListEntry a {
  /*
  font-size: $tasktwo-font-size-regular; //$tasktwo-font-size-largeish;
  @include extra-spacing;
  */
  letter-spacing: 0.02em;
  text-decoration: none;
  color: #cccccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  font-family: $font-stack-title;
  overflow: hidden;
  */
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  display: block;
  overflow: visible;
  /* for the counter block */
  text-underline-position: under;
}

div.navigationListEntry:hover i {
  color: tomato;
}

div.navigationListEntry:hover a {
  text-decoration: underline;
  color: tomato;
}

.ttNavIcon {
  margin-right: 15px;
  width: 22px;
  text-align: center;
  padding-top: 7.49px;
  float: left;
}

.ttRecentNavIconContainer {
  border: solid 2px rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0px;
  margin-right: 12px;
}

.ttRecentNavIconContainer:hover {
  border-color: tomato;
  color: tomato;
}

div.recentNavigationListEntry {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 15px 16px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #cccccc;
  cursor: pointer;
  font-size: 13px;
  opacity: 1;
  /*0.7;*/
  transition: color 0.1s ease-out, background-color 0.1s ease-out;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: rgba(0, 0, 0, 0.25);
}

div.recentNavigationListEntry:hover {
  /*
  background-color: rgba(255, 255, 255, 0.1);
  */
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

div.highlightedNavigationListBackground {
  background-color: rgba(0, 0, 0, 0.5);
}

div.highlightedNavigationListTitle {
  /*
  background-color:rgba(0, 0, 0, 0.5);
  */
  color: #2ca4db;
  opacity: 1;
}

div.highlightedNavigationListTitle a {
  color: #2ca4db;
}

.breadcrumbsContainer {
  vertical-align: middle;
  padding: 15px;
  /*
  background-color: rgba(0,0,0,0.5);
  color: #aaaaaa;
  */
  color: #ededed;
}

.logoContainer {
  vertical-align: middle;
  padding: 15px;
  color: #ededed;
}

.logoContainer i {
  opacity: 0.5;
}

.logoContainer:hover i {
  /*
  color: tomato;
  */
  opacity: 1;
}

div.breadcrumb {
  text-align: center;
  vertical-align: middle;
  padding-right: 30px;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.breadcrumb i {
  padding-bottom: 7px;
}

div.selectedBreadcrumb {
  color: #2ca4db;
}

.selectedNavigationIcon {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  /*
  color: #298cb9;
  */
  color: #2ca4db;
  background-color: rgba(0, 0, 0, 0.15);
  /*#2f383e;*/
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  transition: font-size 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  text-align: center;
  vertical-align: middle;
  padding: 20px 8px 20px 7px;
  min-height: 75px;
  height: 75px;
  max-height: 75px;
}

div.breadcrumb:hover {
  color: tomato;
}

/*
div.breadcrumb:hover i
{
	color: tomato;
}

div.breadcrumb:hover i
{
	color: tomato;
}
*/
.globalNavigationContainer a {
  display: none;
}

.globalNavigationContainer br {
  display: none;
}

@media only screen and (min-width: 500px) {
  .globalNavigationContainer a {
    display: inline;
  }

  .globalNavigationContainer br {
    display: inline;
  }
}
.navCloseIndicatorBar {
  background-color: rgba(255, 255, 255, 0.2);
  height: 2px;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}

.globalNavigationContainer {
  position: absolute;
  top: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  vertical-align: middle;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*
  min-height: 100px;
  height: 100px;
  max-height: 100px;
  */
}

.pageHeaderContainer:hover .globalNavigationContainer {
  opacity: 1;
}

.bulletinBoardBullet {
  width: 31px;
  height: 31px;
  border-radius: 31px;
  -webkit-border-radius: 31px;
  background: #ededed;
  display: inline-block;
  border: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
  position: relative;
  left: -16px;
}

.bulletinBoardBullet div.innerBullet {
  margin: 0px;
  padding: 0px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  display: inline-block;
  border: none;
  background: #298cb9;
  position: relative;
  top: 7px;
}

.bulletinBoardContainer {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-left: -8px;
  margin-right: -7px;
}

.bulletinBoardEntry {
  margin-left: 8px !important;
  margin-right: 7px !important;
  align-self: start;
  width: calc(100% - 15px);
}

.bulletinBoardEntryContent {
  /*
  min-height: 100px;
  */
}

.bulletinBoardEntryContent header {
  /*
  @include extra-spacing;
  font-size: $tasktwo-font-size-regular;
  font-size: $tasktwo-font-size-largeish;
  */
  color: #2f2f37;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.bulletinBoardEntryContent p {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.bulletinBoardEntryContent pre {
  padding: 10px 10px;
  background-color: #ededed;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  white-space: pre-wrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.bulletinBoardEntryContent code {
  /*
  font-family: monospace;
  */
  display: block;
  white-space: pre-wrap;
  padding: 10px 10px;
  background-color: #ededed;
  color: #595959;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

@media only screen and (min-width: 2048px) {
  .bulletinBoardEntry {
    /*
    min-width: calc(min(100% - 15px, 200px));
    max-width: calc(50% - 15px);
    */
    width: calc(50% - 15px);
  }
}
/*
$dashboardIconWidth: 1.8em;
*/
.dashboardListPanelContent {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 200px;
  max-width: 400px;
}

.dashboardListPanelContent::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #113b55;
}

/*
.dashboardListPanelContent::-webkit-scrollbar-track
{
	  height: 12px;
    width: 12px;
    background: #113b55;
}
*/
.dashboardListPanelContent::-webkit-scrollbar-thumb {
  background: #2ca4db;
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.dashboardListPanelContent::-webkit-scrollbar-corner {
  background: #113b55;
}

div.dashboardListEntry {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

div.dashboardListEntry a {
  cursor: pointer;
  text-decoration: none;
  color: #cccccc;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0.01em;
  transition-property: color, letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

div.dashboardListEntry a:hover {
  letter-spacing: 0.01em;
  text-decoration: underline;
  color: tomato !important;
}

.dashboardTitle {
  letter-spacing: 0.01em;
  overflow: hidden;
  float: left;
  display: inline-block;
  color: #2f2f37;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  line-height: 42px;
  /*
  transition: letter-spacing 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  */
  transition-property: color, letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.dashboardSubtitle {
  letter-spacing: 0.01em;
  color: #2f2f37;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.widgetTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2f2f37;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  transition-property: color, letter-spacing;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

/*
.dashboardSidePanelLeft
{
	flex: 1 1 20%;
	min-width: max(20%, 200px); 
	max-width: min(20%, 200px);


	background: #d0d0d0;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #cccccc;
}

.dashboardSidePanelRight
{
	flex: 1 1 20%;
	min-width: max(20%, 200px); 
	max-width: min(20%, 200px);

	background: #d0d0d0;

	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;

	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
}
*/
/* not used */
.selectedDashboardTitle {
  color: #2f2f37;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.dashboardWidgetGroupTitle {
  letter-spacing: 0.01em;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}

/*
.widgetIcon
{
    vertical-align: top;
	cursor : pointer;
	color: #999999;
    font-size: $tasktwo-font-size-larger;
    line-height: 18px;
    font-style: normal;
    width: 20px;

    transition: font-size 0.1s linear;

	@include user-select(none);
	@include font-smoothing;
}

.widgetIcon:hover
{
	font-size: $tasktwo-font-size-large;
    line-height: 18px;
    color:#2f2f37;
}

.dashboardIcon
{
    vertical-align:middle;
	cursor : pointer;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    width: 40px;
    transition: font-size 0.1s linear;
   	transition: color 0.1s linear;

   	@include user-select(none);
	@include font-smoothing;
}

.dashboardIcon:hover
{
}
*/
.dashboardSelectorContainer {
  display: inline-block;
  float: left;
  width: 99%;
  /*
  white-space:nowrap;
  */
  color: #2f2f37;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 15px;
  padding-right: 45px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (min-width: 640px) {
  .dashboardSelectorContainer {
    width: 49%;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboardSelectorContainer {
    width: 24%;
  }
}
/*
@media only screen and (min-width: 1025px) 
{
	.dashboardSelectorContainer
	{
		width: 24%;
	}
}
*/
.dashboardSelectorContainerShared::after {
  content: " (shared)";
  font-size: 10px;
}

.dashboardSelectorContainerSelected {
  color: #21759b;
  font-weight: bold;
  text-decoration: underline;
}

.dashboardSelectorContainerSharedSelected {
  color: #21759b;
  font-weight: bold;
  text-decoration: underline;
}

.dashboardSelectorContainer:hover {
  /*
  color: #d54e21;
  */
  color: tomato;
}

.dashboardTitleMovable {
  letter-spacing: 0.01em;
}

.dashboardTitleMovable:hover {
  letter-spacing: 0.02em !important;
}

.dashboardListPanelContent div.verticalMenu ul li div.content {
  letter-spacing: 0.01em;
  color: white;
  line-height: 1.4em;
}

.dashboardListPanelContent div.verticalMenu ul li div.content:hover {
  color: tomato !important;
}

.dashboardListPanelContent div.verticalMenu ul li div.caret {
  color: white;
}

.dashboardListPanelContent div.verticalMenu ul li div.caret:hover {
  color: tomato !important;
}

.dashboardListPanelContent div.verticalMenu ul li div.content div.dashboardName {
  /*
  padding-left: calc(1.8em);
     text-indent: calc(-1.8em);
     */
  padding-left: 30px;
  text-indent: -30px;
}

.dashboardListPanelContent div.verticalMenu ul li div.content div.dashboardDescription {
  /*
  padding-left: calc(1.8em);
  */
  padding-left: 30px;
}

.dashboardListIcon {
  text-indent: initial;
  /*
  width: 1.8em !important;
  */
  width: 30px !important;
}

.dashboardTagIcons {
  text-indent: initial;
  padding-left: 0px;
  white-space: nowrap;
}

.dashboardTagIcons i {
  color: #999999;
  /*
  cursor: help;
  */
}

.dashboardTagIcons i:not(:first-child) {
  padding-left: 10px;
}

/* for dev servers */
.devHeaderBackground .verticalMenuItemDescription {
  color: #b3b3b3;
}

.widgetDropTarget {
  /*
  background: linear-gradient(to bottom right, #912500, #b52e00);
  background: linear-gradient(to bottom right, #912500, #b52e00);

  color : #ffffff;

  -moz-box-shadow: 1px 3px 5px #b52e00;
  -webkit-box-shadow: 1px 3px 5px #b52e00;
  box-shadow: 1px 3px 5px #b52e00;
  */
  /*
  background-color: tomato;
  */
  cursor: s-resize !important;
}

.widgetDropTarget .emptyDashboardPanel {
  border-color: #b52e00 !important;
  background-color: #d6d6d6 !important;
}

.widgetDropTarget .emptyDashboardPanel i {
  color: #b3b3b3 !important;
}

.widgetDropTarget .dashboardWidgetContainer {
  border-color: #b52e00 !important;
}

.dashboardLayoutMenuImage {
  margin: 5px 5px 5px 0px;
  width: 120px;
}

.ganttCanvas {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background: #ffffff;
  position: relative;
  width: 100%;
}

.ganttSplitBar {
  cursor: col-resize;
  background-color: #d0d0d0;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #bbbbbb;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ganttTaskNamesContainer {
  background-color: #f6f6f6;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #cccccc;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  z-index: 16;
}

.ganttDraggedTaskBarDropTarget {
  font-size: 1px;
  height: 3px;
  background-color: #EA3C00;
  border-width: 0px;
  z-index: 20;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
  overflow: hidden;
}

.gridDragDropHighlight {
  background-color: #f0d5cc !important;
  /*
  background-color: #ffd9cc !important;
  background-color: #cceed6; 	#ffd9cc;
  */
}

.ganttSummaryBar {
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  overflow: hidden;
  padding: 0px;
  border: none;
  margin: none;
  vertical-align: top;
  background-color: #cccccc;
  color: #000000;
}

/* still needed? */
.ganttSummaryBar tr td {
  height: 20px;
  overflow: hidden;
  vertical-align: top;
  padding: 3px 7px 3px 7px;
  color: #000000;
}

/* still needed? */
.ganttSummaryBar a {
  color: #21759b;
}

/* still needed? */
.ganttSummaryBar a:hover {
  color: #D54E21;
  border-bottom: solid 1px #D54E21;
}

/*#990000;*/
.ganttBarScaled {
  transform: scaleX(0);
}

.ganttTaskBar {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #cccccc;
  background: linear-gradient(to bottom right, #cccccc 0%, #f0f0f0 100%);
}

.ganttTaskBarCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 13;
  color: #ffffff;
  border: solid 1px #4383a6;
  background: linear-gradient(to bottom right, #4383a6 0%, #6da5c4 100%);
}

.ganttApproved {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #969696;
  background: linear-gradient(to bottom right, #969696 0%, #cccccc 100%);
}

.ganttBarProposal {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #cccccc;
  background: linear-gradient(to bottom right, #cccccc 0%, #f0f0f0 100%);
}

.ganttClosedCanceled {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #e00000;
  background: linear-gradient(to bottom right, #e00000 0%, #ff2828 100%);
  /*
  background: rgba(102, 51, 51, 0.20);
  */
}

.ganttClosedCanceledCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #990000;
  background: linear-gradient(to bottom right, #990000 0%, #e00000 100%);
}

.ganttProposalRejected {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 12;
  color: #ffffff;
  border: solid 1px #d55428;
  background: linear-gradient(to bottom right, #d55428 0%, #e28363 100%);
  /*
  border: solid 1px darken($color-gantt-rejected_proposal, $gradient-color-deviation);
   	background: rgba(102, 102, 102, 0.10);
  */
}

.ganttProposalRejectedCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 13;
  color: #ffffff;
  border: solid 1px #396f8d;
  background: linear-gradient(to bottom right, #4383a6 0%, #6da5c4 100%);
}

.ganttDraft {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  z-index: 12;
  border: solid 1px #bababa;
  background: rgba(204, 204, 204, 0.5);
}

.ganttOutline {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  color: #2f2f37;
  z-index: 12;
}

.ganttClosedCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  color: #2f2f37;
  z-index: 12;
  background: rgba(51, 102, 51, 0.2);
}

.ganttTimelineSummary {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  border: solid 0px transparent;
  cursor: pointer;
  z-index: 13;
}

.ganttTimelineCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  z-index: 13;
  border: none;
  background: #000000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.ganttTaskBarActuals {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #9c6102;
  background: linear-gradient(to bottom right, #bf7702 0%, #fca10c 100%);
  color: #2f2f37;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  z-index: 14;
}

.ganttTaskBarCompletionEstimate {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #9c6102;
  background: linear-gradient(to bottom right, #bf7702 0%, #fca10c 100%);
  cursor: default;
  color: #000000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 14;
}

.ganttTaskBarPositiveVariance {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #196a21;
  background: linear-gradient(to bottom right, #20872A 0%, #27a433 100%);
  cursor: default;
  color: #ffffff;
  /* #000000; */
  z-index: 14;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

.ganttTaskBarNegativeVariance {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #b32d00;
  background: linear-gradient(to bottom right, #d73600 0%, #fb3f00 100%);
  cursor: default;
  color: #ffffff;
  /* #000000; */
  z-index: 14;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

.baselineTask {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  color: #ffffff;
  z-index: 5;
  border: solid 1px #bababa;
  background: linear-gradient(to bottom right, #cccccc 0%, #f0f0f0 100%);
}

.baselineTaskCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  color: #ffffff;
  padding: 0px;
  z-index: 6;
  border: solid 1px #396f8d;
  background: linear-gradient(to bottom right, #4383a6 0%, #6da5c4 100%);
}

.ganttDraggedSummaryTaskBar {
  background-color: #999999;
  z-index: 12;
  overflow: hidden;
  vertical-align: center;
  border: none;
  margin: none;
  text-align: left;
  color: #2f2f37;
  /*	
  height:20px;
  */
}

.summaryTask {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 0px;
  -webkit-border-radius: 0px;
  background: #999999;
  border: none;
  z-index: 12;
  cursor: pointer;
}

.summaryTaskCompleted {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 0px 1px 0px 1px;
  /* transitions should be made context-specific *
   	/*
  transition: transform 0.2s ease-out;
  transform-origin:left;
  */
  border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #ffffff;
  background: #2f2f37;
  border: none;
  z-index: 13;
  cursor: pointer;
}

.criticalPathTask {
  background: linear-gradient(to bottom right, #d73600, #fb3f00) !important;
  border-color: #b32d00 !important;
}

.criticalPathTaskCompleted {
  background: linear-gradient(to bottom right, #902400, #b32d00) !important;
  border-color: #b32d00 !important;
}

.ganttHeader {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #999999;
  background: #dddedd;
  /* 
  background : #cccccc;
  */
  /*z-index:18;*/
}

.ganttHeaderLeftOverlap {
  background-color: #ededed;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #cccccc;
  overflow: hidden;
  z-index: 20;
}

/*ganttHeaderContent*/
.gHC {
  border-color: #bbbbbb;
  color: #2f2f37;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  font-size: 13px;
  font-weight: bold;
  z-index: 19;
  text-align: center;
  overflow: hidden;
  padding: 5px 0px 0px 0px;
}

.gHCS {
  border-color: #bbbbbb;
  color: #2f2f37;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  font-size: 12px;
  z-index: 19;
  text-align: center;
  overflow: hidden;
  padding: 5px 0px 0px 0px;
}

.portfolioGanttStripe {
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #e0e0e0;
}

.portfolioGanttStripeToday {
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #ffead6;
}

/*ganttWorkdayStripe*/
.gWS {
  background: transparent;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #e0e0e0;
}

/*ganttWorkdayStripeNoBorder*/
.gWSNB {
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #e0e0e0;
}

.ganttHolidayStripe {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  background-color: #f0f0f0;
  border-color: #e0e0e0;
}

.ganttHolidayStripeNoBorder {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  background-color: #f0f0f0;
  border-color: #e0e0e0;
}

.ganttTodayStripe {
  background-color: #ffead6;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #e0e0e0;
}

.ganttFreezeStripe {
  background-color: #FCA790;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #e0e0e0;
}

.ganttCapitalizationStripe {
  /* rgba(210, 178, 110, 0.1) */
  /*
  background-color: rgba(255, 202, 138, 0.3);
  */
  background-color: rgba(210, 178, 110, 0.15);
  border: none;
}

.unreachedMilestoneMarker {
  background-color: #aaaaaa;
  color: #aaaaaa;
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 0px;
  z-index: 14;
}

.reachedMilestoneMarker {
  background-color: #444444;
  color: #444444;
  border-color: #444444;
  border-style: solid;
  border-width: 0px;
  z-index: 14;
}

.criticalPathMilestoneMarker {
  /*
  	background-color: #cc3300; 
  color: #cc3300;
  border-color: #cc3300;
  */
  background-color: #ea3c00;
  color: #ea3c00;
  border-color: #ea3c00;
  border-style: solid;
  border-width: 0px;
  z-index: 14;
}

.taskBarShadow {
  /*
  -moz-box-shadow: 0px 0px 10px #EA3C00;
  -webkit-box-shadow: 0px 0px 10px #EA3C00;
  box-shadow: 0px 0px 10px #EA3C00;
  */
  -moz-box-shadow: 0px 0px 10px #d73600;
  -webkit-box-shadow: 0px 0px 10px #d73600;
  box-shadow: 0px 0px 10px #d73600;
}

.ganttDraggedTaskBar {
  font-size: 11px;
  font-weight: normal;
  color: #2f2f37;
  z-index: 12;
  overflow: hidden;
  vertical-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #bababa;
  background: linear-gradient(to bottom right, #cccccc 0%, #f0f0f0 100%);
}

.ganttTaskSelector {
  background-color: #21759b;
  border-width: 0px;
  /*
  border-style: solid;
  border-color: #cccccc;
  z-index:17;

  z-index:11;
  */
  z-index: 3;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.ganttTaskName {
  background-color: transparent;
  border-width: 0px;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  padding: 0px 4px 0px 4px;
  z-index: 16;
  cursor: pointer;
}

.ganttTaskName:hover {
  text-decoration: underline;
  color: #21759b;
}

.ganttTaskBarResources {
  background-color: transparent;
  border-width: 0px;
  font-size: 13px;
  font-weight: normal;
  color: #2f2f37;
  /*
  z-index:12;
  */
  z-index: 4;
  text-align: right;
  overflow: hidden;
  padding-right: 10px;
}

.ganttDependencyLine {
  background-color: #999999;
  color: #999999;
  border: none;
  z-index: 14;
}

.criticalPathDependency {
  /*
  background-color: #ea3c00;
  */
  background-color: #d73600;
  border: none;
  z-index: 14;
}

.ganttDependencyLag {
  background-color: transparent;
  border-width: 0px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: #3b3b44;
  z-index: 12;
  text-align: left;
  overflow: hidden;
  cursor: default;
  transition: font-weight 0.1s linear;
  transition: color 0.1s linear;
}

.ganttExternalDependency {
  background-color: #205a77;
  /* #3b3b44; */
  /* #00e700;*/
  color: #205a77;
  /* #00e700;*/
  border: none;
  z-index: 16;
}

.ganttExternalDependencyViolated {
  background-color: #d54e21;
  color: #d54e21;
  border: none;
  z-index: 16;
}

.ganttExternalDependencyIcon {
  color: #205a77;
  font-size: 15px;
  border: none;
  z-index: 16;
}

.ganttExternalDependencyViolatedIcon {
  color: #d73600;
  /* #d54e21; */
  font-size: 15px;
  border: none;
  z-index: 16;
}

.allocationBarAllocated {
  background: linear-gradient(to bottom, #5ae05a 0%, #368636 100%) !important;
  border-color: #368636 !important;
}

.allocationBarRequested {
  background: linear-gradient(to bottom, #ffe066 0%, #99863d 100%) !important;
  border-color: #99863d !important;
}

.allocationBarAlternateDisplay {
  border-color: #bbbbbb !important;
  background: rgba(204, 204, 204, 0.5) !important;
}

.barEditable {
  cursor: pointer;
}

.barNotEditable {
  opacity: 0.35;
  cursor: default;
}

.allocationBarOffFilterAllocated {
  background: linear-gradient(to bottom, #5ae05a 0%, #368636 100%) !important;
  border-color: #368636;
  opacity: 0.5;
  border: none;
  /*
  background: linear-gradient(to bottom, #5ae05a 0%, #368636 100%) !important;
  */
  /*
  opacity: 0.75;
  */
  /*
  background: repeating-linear-gradient(
    -45deg,
    #368636,
    #368636 5px,
    #5ae05a 5px,
    #5ae05a 10px
  */
  /*
  background: linear-gradient(to bottom, #9fe09f 0%, #608660 100%) !important;

  background: repeating-linear-gradient(
    -45deg,
    #368636,
    #368636 5px,
    #5ae05a 5px,
    #5ae05a 10px
  );
  */
}

.allocationBarOffFilterRequested {
  background: linear-gradient(to bottom, #ffe066 0%, #99863d 100%) !important;
  border-color: #99863d;
  opacity: 0.5;
  border: none;
  /*
  background: repeating-linear-gradient(
    -45deg,
    rgba(153, 134, 61, 0.5),
    rgba(153, 134, 61, 0.5) 5px,
    #ffe066 5px,
    #ffe066 10px
  );
  */
}

.appSubtitle {
  padding-bottom: 1em;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  opacity: 0.35;
  text-transform: uppercase;
}

.appTitle {
  padding-bottom: 0px;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  opacity: 0.8;
  text-transform: uppercase;
}

.bannerTitle {
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
}

.bannerBox {
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  font-size: 34px;
  padding: 0px;
}

.bannerSlogan {
  letter-spacing: 0.01em;
  text-align: left;
  font-style: italic;
  color: #ffffff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4em;
  max-width: 870px;
  display: inline-block;
}

.bannerSloganSmallPrint {
  text-align: left;
  font-style: italic;
  color: #868686;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.4em;
}

.bannerContainer {
  width: 100%;
  background: transparent;
  padding: 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 10px #aaaaaa;
  -webkit-box-shadow: 1px 1px 10px #aaaaaa;
  box-shadow: 1px 1px 10px #aaaaaa;
  overflow: hidden;
}

.bannerTitle {
  letter-spacing: 0.01em;
  font-family: Inter, Arial, Helvetica, sans-serif;
  line-height: 1.25em;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
}

.bannerTitleBox {
  text-align: left;
  /*
  line-height:1.4em;
  */
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  padding: 15px 45px 15px 30px;
  display: inline-block;
  background: url("../image/transparent-bg-30pct.png") repeat scroll left top transparent;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  overflow: hidden;
}

.contentBox {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  line-height: 1.3;
}

.bordersUpDown {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}

.tabHighlightIcon {
  padding-left: 10px;
}

.portfolioScenarioDetails {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  color: #999999;
  text-align: right;
  overflow: hidden;
  vertical-align: middle;
}

.dropAreaOverlay {
  background: #EA3C00;
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  opacity: 0.1;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0px;
  overflow: hidden;
  z-index: 10501;
}

.previewFieldTitle {
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  text-align: left;
}

.previewSectionTitle {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  text-align: left;
  width: 100%;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 0px 1px 0px;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 3px 0px;
}

.previewFieldValue {
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  text-align: left;
}

a.previewFieldValue {
  text-decoration: none;
  border-bottom: dotted 1px #666666;
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  text-align: left;
}

a.previewFieldValue:hover {
  color: #D54E21;
  border-bottom: solid 1px #D54E21;
}

.previewText {
  font-size: 13px;
  font-weight: normal;
  color: #2f2f37;
  text-align: left;
}

.previewCell {
  padding: 3px;
  /* 
  padding: 3px 10px;
  */
}

.quickView {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  line-height: 16px;
}

.quickView a {
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}

.quickView a:hover {
  color: #EA3C00;
}

.workflowInteractionEntryBB {
  padding-bottom: 0;
}

div.globalSearchContainer {
  overflow: hidden;
  display: inline-block;
  width: 90%;
  max-width: 300px;
  color: #ededed;
  padding: 3px 0px 0px 7px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 64px;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  vertical-align: middle;
  /*
  margin: -15px 0px -10px 0px;
  */
  /*
  opacity: 0.4;
  */
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

div.pageHeaderContainer:hover div.globalSearchContainer {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  /*
  opacity: 1 !important;	
  */
}

div.navSearchContainer {
  display: inline-block;
  vertical-align: iddle;
  color: #ededed;
  padding: 3px 0px 0px 7px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 64px;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

div.pageHeaderContainer:hover div.navSearchContainer {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}

.globalSearchResultsContainer {
  padding: 15px 0px 15px 15px;
  display: none;
  position: fixed;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-image: linear-gradient(to bottom right, rgba(18, 18, 18, 0.95), rgba(17, 59, 85, 0.95)) !important;
}

.qaGlobalSearchResultsContainer {
  padding: 15px 0px 15px 15px;
  display: none;
  position: fixed;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-image: linear-gradient(to bottom right, rgba(18, 18, 18, 0.95), rgba(148, 82, 0, 0.95)) !important;
}

.devGlobalSearchResultsContainer {
  padding: 15px 0px 15px 15px;
  display: none;
  position: fixed;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-image: linear-gradient(to bottom right, rgba(18, 18, 18, 0.95), rgba(146, 144, 0, 0.95)) !important;
}

.indentedSearchResultEntry {
  padding-left: 15px;
}

.searchResultEntry {
  color: #ededed;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}

.searchResultEntry a {
  cursor: pointer;
  color: #ededed;
}

/* 
.searchResultEntry > span
{
	font-size: $tasktwo-font-size-smaller;
    font-weight: normal;
    font-style: normal;
   	color: #999999;	
}
*/
.searchResultEntry:hover {
  background: rgba(0, 0, 0, 0.5);
  /*color: tomato;*/
}

.searchResultEntry:hover a {
  color: tomato;
}

/*
.searchResultEntry:hover > span
{
	color: tomato;
}
*/
.searchResultsTitle {
  color: #ededed;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.25;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-left: 5px;
  background: rgba(18, 18, 18, 0.9);
}

.moreResultsLink {
  color: #2ca4db;
  text-decoration: none;
  font-size: 14px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.moreResultsLink:hover {
  color: tomato;
  text-decoration: none;
}

.searchResultDescription {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
  padding-top: 3px;
}

.searchResultNote {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
  padding-top: 3px;
}

.searchMatch {
  border: none;
  /* 1px solid #cccccc; */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  color: #ff9a00;
}

#documentSearchResultsContainer .searchResultEntry {
  color: #21759b;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}

#documentSearchResultsContainer .searchResultEntry i {
  cursor: pointer;
  color: #21759b;
}

#documentSearchResultsContainer .searchResultEntry a {
  cursor: pointer;
  color: #21759b;
}

/* 
#documentSearchResultsContainer .searchResultEntry > span
{
	font-size: $tasktwo-font-size-smaller;
    font-weight: normal;
    font-style: normal;
   	color: #999999;	
}
*/
#documentSearchResultsContainer .searchResultEntry:hover {
  background: transparent !important;
  color: #D54E21;
}

#documentSearchResultsContainer .searchResultEntry:hover a {
  color: #D54E21;
}

/*
#documentSearchResultsContainer .searchResultEntry:hover > span
{
	color: tomato;
}
*/
#documentSearchResultsContainer .searchMatch {
  border: none;
  /* 1px solid #cccccc; */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  color: #21759b;
  background-color: #FFE3AC !important;
}

#documentSearchResultsContainer searchResultEntry:hover .searchMatch {
  border: none;
  /* 1px solid #cccccc; */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  color: #D54E21;
  background-color: #FFE3AC !important;
}

.timeReportFooterBar {
  border: none;
  margin: none;
  text-align: left;
  vertical-align: center;
  background-color: #cccccc;
  color: #ffffff;
  padding: 3px;
  font-size: 12px;
  font-weight: normal;
  color: #2f2f37;
}

.timeReportFooterBar a {
  color: #21759b;
}

.timeReportFooterBar a:hover {
  color: #D54E21;
  border-bottom: solid 1px #D54E21;
}

.timeEntryContainer {
  padding-bottom: 5px;
}

.timeEntryContainer div.timeEntryProjectName {
  font-weight: bold;
  letter-spacing: 0.01em;
}

.timeEntryContainer div.timeEntryTaskName {
  letter-spacing: 0.01em;
}

.timeEntryContainer div.timeEntrySchedule {
  padding-top: 10px;
  color: #999999;
  font-size: 11px;
}

.timeEntryContainer div.timeEntryAllocation {
  text-align: right;
  float: right;
  color: #999999;
  font-size: 10px;
}

.bbHeaderText {
  float: right;
  color: #999999;
  font-size: 13px;
  padding-top: 5px;
  color: #808080;
}

/*
.bulletinBoardPanel:not([data-scroll='0'])
{
	border-top: 1px solid #cccccc;
}
*/
.kbViewer {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  margin: 10px 15px 15px 15px;
  padding: 10px 0px 0px 0px;
  overflow-y: hidden;
  line-height: 1.3;
}

.kbViewer header {
  /*
  @include extra-spacing;
  font-size: $tasktwo-font-size-regular;
  font-size: $tasktwo-font-size-largeish;
  */
  color: #2f2f37;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0em 0em 0.5em 0em;
}

.kbViewer p {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.5em 0em 1.5em 0em;
}

.kbViewer pre {
  /*
  font-family: monospace;
  */
  display: block;
  white-space: pre-wrap;
  padding: 15px 15px;
  background-color: #ededed;
  color: #595959;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
  /*important for ms edge */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.5em 0em 1.5em 0em;
}

.errorTextInLoginPage {
  letter-spacing: 0.01em;
  color: #fdc047;
}

.errorTextInLoginPage a {
  color: #fdc047;
  text-decoration-line: underline;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ttlogo" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes rotate {
  0% {
    /*
      	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    */
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  50% {
    /*
      	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
      	*/
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    /*
      	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    */
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    /*
    transform: rotate(0deg);
    */
    transform: scale(0.9);
    opacity: 0;
  }
  50% {
    /*
    transform: rotate(180deg);
    */
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    /*
    transform: rotate(360deg);
    */
    transform: scale(0.9);
    opacity: 0;
  }
}
@media screen {
  .reportHeadingSpacer {
    display: block;
    height: 80px;
  }
}
@media print {
  .reportHeadingSpacer {
    display: none;
  }
}
.gridFooterIcon {
  cursor: pointer;
  color: #2f2f37;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
  @include font-smoothing;
  */
  transition: color 0.1s linear;
}

.gridFooterIcon:hover {
  color: #d54e21;
  /*
     color: #000000;
     */
}

.annotatedCell {
  background: transparent url("../image/annotated-cell.gif") no-repeat right top;
  display: inline-block;
  *display: inline;
  /*for IE */
  float: right;
  width: 8px;
  height: 8px;
  cursor: pointer;
  border: none;
  padding: 0px;
  margin-top: -5px;
  margin-right: -5px;
}

.bodyText {
  font-size: 13px;
  font-weight: normal;
  color: #000000;
}

.darkGrayBodyText {
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  /* text-decoration : none; */
}

.pageFooterText {
  letter-spacing: 0.01em;
  font-size: 10px;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  line-height: normal;
}

.copyrightText {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  line-height: normal;
}

.workflowInteractionEntry {
  /*
  font-size: $tasktwo-font-size-smaller;
  font-size: $tasktwo-font-size-regular;
  */
  font-size: 13px;
  font-weight: normal;
  color: #808080;
  text-decoration: none;
  margin: 0px;
  padding: 0px 0px 6px 0px;
  line-height: normal;
}

.workflowInteractionEntry:hover {
  background-color: #ededed;
}

.actorInteraction {
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  line-height: normal;
}

.actorInteraction:hover {
  background-color: #ededed;
}

.footer_text {
  color: #999999;
  font-size: 13px;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

.dragHandleIcon {
  margin-left: -2px;
  margin-right: 5px;
  color: #cccccc;
  /*
  cursor: ns-resize;
  */
  cursor: grab;
}

.contentHeader {
  font-size: 20px;
  font-weight: bold;
  color: #999999;
  /*background-color:#FFB367;*/
  border-width: 0px;
  border-style: solid;
  /* border-color : #FF9900; */
  border-color: #FFA245;
  padding: 0px 0px 5px 0px;
  overflow: hidden;
  white-space: nowrap;
}

.contentSectionTitle {
  letter-spacing: 0.01em;
  padding-bottom: 3px;
  font-size: 15px;
  /*
  font-size: $tasktwo-font-size-large;
  */
  font-weight: bold;
  color: #2f2f37;
  user-select: text;
}

.contentSectionTitleSmaller {
  letter-spacing: 0.01em;
  text-decoration: none;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  user-select: text;
}

.waitMessage {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
}

.headerUserName {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  color: #cccccc;
  line-height: 16px;
}

.noteHeading {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #999999;
  padding-bottom: 5px;
}

.noteAuthor {
  font-size: 13px;
  font-weight: bold;
  color: #2f2f37;
  font-style: normal;
}

.noteTitle {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
}

.noteDate {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #999999;
}

.noteBody {
  font-size: 13px;
  font-weight: normal;
  color: #2f2f37;
  text-align: left;
  line-height: 18px;
}

.captchaNote {
  font-size: 11px;
  font-weight: normal;
  color: #999999;
  text-align: left;
  /*
  line-height:18px;	
  */
}

.noteInputField {
  border: 1px solid #808080;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  color: black;
  overflow-x: hidden;
  overflow-y: scroll;
}

.footnote {
  padding-bottom: 3px;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

#errorMessageContainer::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1ex;
  -webkit-border-radius: 1ex;
}

#errorMessageContainer::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  /*#2ca4db;*/
  border-radius: 1ex;
  -webkit-border-radius: 1ex;
  /*
     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
     */
}

#errorMessageContainer::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.2);
}

.errorMessage {
  letter-spacing: 0.01em;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  padding: 0px;
  line-height: 1.3;
}

.errorMessage .messageTitle {
  letter-spacing: 0.01em;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.3;
  padding-bottom: 1.4em;
}

.errorMessage .messageFooter {
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.3;
  /* padding-bottom: 1.3em; */
  padding-top: 0.3em;
}

.reportListParagraph {
  margin: 0px;
  border-width: 0px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-left: 0px;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
}

.baselineSummaryTask {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  background: #999999;
  border: none;
  z-index: 5;
  overflow: hidden;
  cursor: auto;
}

.baselineSummaryTaskCompleted {
  /*
  filter:alpha(opacity=40);
  -moz-opacity:.40;
  opacity:.40;
  */
  color: #ffffff;
  background: #999999;
  font-size: 11px;
  font-weight: normal;
  border: none;
  z-index: 6;
  overflow: hidden;
  cursor: auto;
}

.summaryTimelineText {
  background: transparent;
  border: none;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  padding-top: 7px;
  cursor: pointer;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.summaryTimeline {
  /*
  background:url("../image/timeline-bg.png") repeat-x left top;
  */
  background: transparent;
  border: none;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  cursor: pointer;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

.summaryTimelineCompleted {
  background: #000000;
  border: none;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  cursor: pointer;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.summaryTaskCompletionPercentage {
  color: #2f2f37;
  background: transparent;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  border: none;
  z-index: 13;
  cursor: default;
}

.dateRangeForDraggedTaskBar {
  background: transparent;
  border-style: none;
  font-size: 12px;
  font-weight: normal;
  color: #2f2f37;
  z-index: 13;
  overflow: visible;
  white-space: nowrap;
  text-align: center;
}

.negativeDataValue {
  font-size: 13px;
  font-weight: normal;
  color: #EA3C00;
}

.panelResizeButton {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.ganttHorizontalSeparator {
  background-color: #f8f8f8;
  border-style: solid;
  border-width: 0px;
  border-color: #f8f8f8;
}

/*
.menuContainer
{
	background:#cccccc;

	padding:0px;
	width:100%;

	border-style: solid;
	border-color : #bbbbbb;


	border-bottom-right-radius : 3px;
	border-bottom-left-radius : 3px;

	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;

	overflow : hidden;

	-moz-box-shadow: 1px 1px 10px #d8d8d8;
	-webkit-box-shadow: 1px 1px 10px #d8d8d8;
	box-shadow: 1px 1px 10px #d8d8d8;
}
*/
.breadcrumbs {
  float: right;
  font-size: 13px;
  font-weight: normal;
  color: #999999;
  white-space: nobreak;
  padding-top: 2px;
}

.custGridFooter {
  font-weight: normal;
  font-size: 13px;
  color: #666666;
}

.dateRangeBar {
  /*background-color: #FFEAD6;*/
  /*background-color: hsla(60, 94%, 70%, 0.15);*/
  /*background: #FFECC8 !important;*/
  background-color: rgba(255, 202, 138, 0.3);
  border: none;
  position: absolute;
  overflow: hidden;
}

.resourceAvailabilityHrs {
  font-size: 11px;
  cursor: default;
  white-space: nowrap;
}

.resourceAvailabilityHrsDisabled {
  color: #999999;
  font-style: italic;
  font-size: 11px;
  cursor: default;
  white-space: nowrap;
}

.dragSource {
  cursor: grab;
  white-space: nowrap;
}

.dragSource:hover {
  color: #D54E21;
}

.dragSourceDisabled {
  color: #999999;
  cursor: default;
  font-style: italic;
  white-space: nowrap;
}

.quickViewLockMsg {
  display: inline-block;
  *display: inline;
  /*for IE */
  border: none;
  margin: none;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  vertical-align: center;
  color: #EA3C00;
  padding: 0px 7px 0px 15px;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

.projectBarInSchedule {
  background-color: #e0e0e0;
  /*
  background-image: linear-gradient(to bottom right, #21759B,  #0485AD);
     background-size: auto;

     background:url("../image/schedule-bar.gif") repeat-x left top;
  */
  border: none;
  height: 5px;
  width: calc(100% + 20px);
  /*
  position:relative;
  left:-10px;
  */
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.horizontalSlider {
  background: transparent;
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  height: 24px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.sliderKnob {
  z-index: 2;
  position: relative;
  background: url("../image/slider-knob.png") no-repeat left top;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.notificationFrequency {
  color: #999999;
  font-style: italic;
  font-size: 11px;
  font-weight: normal;
}

.notificationTitle {
  font-weight: bold;
}

.notificationDescription {
  font-weight: normal;
  margin: 5px 0px;
}

.sparklineIcon {
  color: #cccccc;
  cursor: pointer;
  transition-property: font-size, color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  /*
  @include font-smoothing;
  */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sparklineIcon:hover {
  color: #D54E21;
}

.sparklineFloatRight {
  float: right;
  margin-left: 15px;
}

.showOnHighlightedLine {
  display: none;
}

.hR .showOnHighlightedLine {
  display: inline;
}

.attachedWorkflowDocumentsHeader {
  font-size: 13px;
  font-weight: bold;
  padding: 6px;
  margin: 0px;
  border: none;
  color: #2f2f37;
  vertical-align: middle;
  height: 43px;
  background-color: #dddedd;
  border-bottom: 1px solid #bbbbbb;
}

.resourceCapacity {
  font-size: 10px;
  color: #999999;
}

.projectProposal {
  color: #999999;
  white-space: nowrap;
}

.projectDraft {
  color: #999999;
  font-style: italic;
  white-space: nowrap;
}

.rejectedProposal {
  text-decoration: line-through;
  color: #cccccc;
  white-space: nowrap;
}

.completedProject {
  color: #006600;
  white-space: nowrap;
}

.canceledProject {
  text-decoration: line-through;
  color: #990000;
  white-space: nowrap;
}

.modified-project, .selectorIcon.modified-project, .selectorIcon:hover.modified-project {
  color: #EA3C00;
  /* #d73600;*/
}

.dropzone {
  /*  border: dashed 3px #C1C3C5;
   cursor: pointer; */
}

.dropzone-drag-hover {
  /*
     border: solid 1px #EA3C00;
  @include border-radius(3px);
    */
  /*	
  -moz-box-shadow: 0px 0px 10px #EA3C00;
  -webkit-box-shadow: 0px 0px 10px #EA3C00;
  box-shadow: 0px 0px 10px #EA3C00;
  */
  /*
  filter:alpha(opacity=95);
  -moz-opacity:.95;
  opacity:.95;
  */
  /*
  filter: sepia(1);
  */
  cursor: s-resize;
  /*
  filter: blur(1.05px) brightness(75%);
  */
  filter: brightness(75%);
}

.dropzone-drag-hover:before {
  /*
     top: 50px;
     background: rgba(255, 255, 255, 0.59);
     color: rgba(255, 255, 255, 1);
  color: tomato;
  transform: translate(-50%, 0px);
   */
  content: "drop";
  width: 100%;
  height: 100%;
  text-align: center;
  top: 15px;
  color: white;
  font-size: 22px;
  font-weight: bold;
  position: absolute;
}

.uploadFilePlaceholder {
  color: #b1b3b7;
  font-size: 16px;
}

.stxt, .slgtxt, .sgtxt {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
}

.sgtxt {
  color: #999999;
}

.slgtxt {
  color: #cccccc;
}

.sitxt, .sigtxt {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}

.sigtxt {
  color: #999999;
}

.gtxt {
  color: #999999;
}

.projectConditionBox {
  border: none;
  margin: -7px -10px 0px -10px;
  padding: 7px 10px 7px 10px;
  height: calc(100% + 14px) !important;
  -webkit-print-color-adjust: exact;
  overflow: hidden;
  width: calc(100% + 20px);
  background-image: url(../espressoresource/skin/expertwerk/lookup-pulldown.svg);
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 16px 16px;
}

.scheduleItemTarget {
  height: 100%;
  /*
  cursor : pointer;
  */
}

.scheduleItemTarget:empty::after {
  content: ".";
  visibility: hidden;
}

.lineNumberBB {
  font-weight: bold;
  font-size: 15px;
}

.titleBB {
  font-weight: bold;
  font-size: 15px;
}

.actionItemBB {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  padding: 15px;
  -webkit-print-color-adjust: exact;
  background-color: #ffffff;
}

.actionItemBBPastDue {
  border: none;
  padding: 16px;
  background-color: #d98880;
}

.actionItemBBCompleted {
  border: none;
  padding: 16px;
  background-color: #7dcea0;
}

.actionItemBBCanceled {
  border: none;
  padding: 16px;
  background-color: #808b96;
}

.sHC {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.oschedule {
  display: inline-block;
  vertical-align: top;
}

.osday {
  display: inline-block;
  width: 30px;
  /*color: #eeeeee; */
}

/*  
[data-initials]:before 
{
  content:attr(data-initials);
  display:inline-block;
  font-size:1em;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;

  @include border-radius(50%);

  background:#298CB9;
  vertical-align:middle;
  margin-right:1em;
  color:white;
  }

*/
.reqNumberMO {
  float: right;
  color: #2f2f37;
  font-size: 13px;
}

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